Tutorial: Crear vídeo con reacciones en directo Facebook

  • Autor Autor SnakeNet
  • Fecha de inicio Fecha de inicio
S

SnakeNet

Xi
Programador
5mL7V7B.png



He estado viendo que se está comercializando scripts de para poner en directo las reacciones y pues hace unos días vi como se hacia y aquí os lo comparto dado que no es gran cosa y es algo que no se debería cobrar aunque todos hay que aclarar que muchos de lo que venden seguramente estén más personalizados, este lo puso a disposición socialwall y ahí os lo traigo traducido el tutorial.

Antes de nada es necesario hacer uso de la descarga del script que estará adjunto al tema.

Ver el archivo adjunto Facebook-Live-Reactions.zip

Una vez lo tengamos descargado lo descomprimimos y abrimos index.html, en las primeras lineas nos indicara en que linea está situado cada cosa por ejemplo el background y la configuración del token y demás...

Generar token de facebook

Será necesario generarlo y para no hacer extenso la explicación deberás tener el conocimiento de ello, en caso de no saber aquí puedes verlo como hacerlo está en ingles pero las imágenes te ilustraran bastante.

Hacer un vídeo en vivo

Deberás ir a tu página de facebook y a "Herramientas de publicación" que se encuentra en la barra superior.

Ji5FApq.png


Deberás ir a Vídeos y deputes a + En directo, los pasos están enumerados.

IJtC2oa.png


Deberás copia la Clave que te ofrece para el streaming

UYSMFiS.png


Información dijo:
Importante: La URL del servidor y el flujo de claves sólo se pueden utilizar para una sola conexión de previsualización / post vivo. Debe utilizar la misma dirección URL y la clave de vista previa y posterior. Es decir, no se puede obtener una vista previa, detener el flujo, y luego retomar en un momento posterior. La URL y Key también expiran 24 horas después de la creación o 4 horas dentro de la previsualización.

Le damos a siguiente y le damos a vista previa y deberemos rellenar el texto del directo.

ioMxzSW.png


Será necesario que tengamos instalado el software de streaming.

1. Descargar el software OBS
2. Haz clic en Configuración de OBS y haga clic en "Stream" en el menú de la izquierda.

Seleccione " Servicios de streaming " como el tipo de flujo y "Facebook Live" como servicio.

Pega el flujo de clave obtenida de la etapa anterior (3) en la caja de "flujo de claves":

qaGgNf8.png




3. Haz click en aceptar y Añadir su fuente en el panel de control OBS. Haga clic en "+"> "Browsersource"> Crear nuevo .

DP1Ellp.png



AFgjOrq.png


Selecciona el index.html de la carpeta como su "archivo local". Haga clic en OK .

6ZsfdnV.png


Se mostrará una vista previa del index . Cambia su tamaño para que sea completo. Haga clic en "Iniciar emisión" .

s3DetaR.png


Volvemos a la página de emisión de facebook y veremos la visualización puede tener un retardo de segundos pero es normal, publica en vídeo.

Una vez publicado podremos obtener el id del vídeo.

qb6vsvj.png



Haz clic derecho sobre el enlace momento de su entrada > Copiar el vínculo . El número que aparece en la URL es su identificación posterior. Pega este número en el archivo "index.html" en la línea 106 y guardarlo.

Ahora vuelve al cuadro de mandos OBS. Haga doble clic en su fuente. aparecerá la ventana emergente fuente. Haga clic en Aceptar. Se volverá a cargar su página web con actualizaciones recientes.

Y eso es todo, aquí os dejo la fuente por si tenéis interés y espero que os sea de utilidad.



VISTA PREVIA (EN DIRECTO DEL CONTADOR)

Solo el contador no el vídeo pero es lo mismo dado que programa solo visualiza.

Enlace directo a la visualización

Publicación de las reacciones

https://www.facebook.com/antena3/videos/10154087984151298/
 
Última edición:
Muy bueno, vamos a probarlo. :encouragement:
 
A favoritos :encouragement:
 
A favoritos muchas gracias 🙂
 
excelente :encouragement:
 
+10 Papawh!!!😱nthego:
 
Excelente! Justo acabo de comentar un post de alguien que quería comercializar con esto. Te pasaste capo!!
 
Muy bueno, vamos a probarlo. :encouragement:

Ya nos contaras que tal se te da😛8:

A favoritos :encouragement:

Gracias :welcoming:

A favoritos muchas gracias 🙂

Me alegra que te sea de utilidad.

Buen aporte. :encouragement:

Gracias 😉

Excelente a probar 😉

Ya nos contaras la experiencia.

excelente :encouragement:

Gracias.

+10 Papawh!!!😱nthego:

Gracias 😉

Excelente! Justo acabo de comentar un post de alguien que quería comercializar con esto. Te pasaste capo!!

Así es por eso me decante por publicarlo, algo que se está vendiendo similarmente por no decir lo mismo, cuando lo tienes libremente.


Cualquiera que haga la demostración puede compartirlo para que los demás vean en directo.
 
Hey amigo una consulta de casualidad has visto algo similar a un script o app para poner los comentarios en vivo? sería genial 🙂 me avisas!!
 
Muy buen tutorial amigo!
 
gracias por compartirlo.
 
Alguien sabe como arreglar esto "Los dominios de la aplicación deben coincidir con los dominios de URL segura de la página principal de la aplicación, URL del sitio para celulares, URL binaria de Unity, URL del sitio o URL segura de la pestaña de la página. Corrige los siguientes dominios: www.midominio.com"
 
Excelente tutorial [MENTION=121168]SnakeNet[/MENTION] por fin estoy podiendo transmitir una encuesta
 
Muy buen tuto :encouragement:

De nada 😉

Hey amigo una consulta de casualidad has visto algo similar a un script o app para poner los comentarios en vivo? sería genial 🙂 me avisas!!

No, si algun día lo veo te lo comentaré

Muy buen tutorial amigo!

De nada 😉

gracias por compartirlo.

De nada, disfrutalo.

Alguien sabe como arreglar esto "Los dominios de la aplicación deben coincidir con los dominios de URL segura de la página principal de la aplicación, URL del sitio para celulares, URL binaria de Unity, URL del sitio o URL segura de la pestaña de la página. Corrige los siguientes dominios: www.midominio.com"

En App Domains prueba directamente ejemplo web.com

Excelente tutorial SnakeNet por fin estoy podiendo transmitir una encuesta
[MENTION=22589]Mr. Nitro[/MENTION] anímate a compartirla para que los demás la vean 😉
 
Alguien sabe como arreglar esto "Los dominios de la aplicación deben coincidir con los dominios de URL segura de la página principal de la aplicación, URL del sitio para celulares, URL binaria de Unity, URL del sitio o URL segura de la pestaña de la página. Corrige los siguientes dominios: www.midominio.com"

Con este tutorial no tienes que agregar dominios a la app
 
La utilidad es hacer encuestas?
Saben como transmito en vivo un video de mi computadora local? me sirve el OBS?
 
Atrás
Arriba