Utilicé la API de comentarios en vivo de Facebook para recuperar comentarios de video en vivo. Pude hacerlo con éxito en el entorno local. Pero cuando implemento el proyecto con nombre de dominio, aparece el error cors. ¿Alguna idea sobre cómo resolver esto?
Aquí está el código de ejemplo.
window.Vue = require('vue').default var app = new Vue({ el: '#fb_call', components: { }, data() { return { comments: [] } }, created() { this.getLiveComment() }, mounted() { }, methods: { getLiveComment: function() { let self = this let videoID = '357160146189320' var source = new EventSource("https://streaming-graph.facebook.com/"+videoID+"/live_comments?fields=from{name,id},message&comment_rate=one_per_two_seconds&access_token=xxx"); source.onmessage = function(event) { let keystring = ['lock', 'beli']; let msg = JSON.parse(event.data).message if(keystring.map((kt) => msg.includes(kt)).includes(true)) { self.comments.unshift(JSON.parse(event.data)) } console.log(JSON.parse(event.data).message) }; } } })Se ha bloqueado el acceso al recurso en 'https://streaming-graph.facebook.com/357160146189320/live_comments?fields=from{name,id},message&comment_rate=one_per_two_seconds&access_token=xxx' desde el origen 'https://example.com' por política de CORS: no hay ningún encabezado 'Access-Control-Allow-Origin' en el recurso solicitado.
Asegúrese de que el token de acceso no haya caducado. Eso me pasó y el token de acceso a FB estaba vencido. Puede comprobar si el token ha caducado o no mediante la depuración aquí https://developers.facebook.com/tools/debug/accesstoken/
Recibí el mismo error. al usar https://streaming-graph.facebook.com/"+videoID+"/live_comments . Ocurre cuando el video en vivo no se transmite. Devuelve valor cuando su video en vivo se está transmitiendo.