Saltar al contenido principal

Emitir a tu propio sitio web

  • Actualización

¿Quieres poder emitir en vivo a tu propio sitio web? ¡Puedes con StreamYard!

Hay varias maneras de conseguirlo – en este tutorial vamos a usar YouTube.

Nota: Si tu cuenta de YouTube fue creada después de agosto de 2016, necesitas activar la monetización y unacuenta AdSense aprobadavinculada a tu cuenta de YouTube. Revisa la página defuncionalidades de YouTubepara confirmar que la emisión en vivo e insertar también está activada.

Insertar una emisión en vivo de YouTube

Sigue estos pasos para insertar una emisión en vivo de YouTube en tu sitio web:

  1. Añade tu canal de YouTube en StreamYard. Puedes hacerlo desde tu panel de control.
  2. Crear una emisión. Luego, en la emisión, haz clic en los puntos y luego en "Ver en YouTube".
    view_stream_on_youtube.png
  3. En YouTube, haz click derecho en la sección de vídeo y haz clic en"Copiar código de insertar".
    youtube_copy_embed_code.png
  4. Pegue el código incrustado en su sitio web. ¡Tus espectadores verán el flujo en su sitio web cuando emitas en vivo en StreamYard! Tenga en cuenta que el código insertado será diferente para cada emisión.

Insertar el chat en vivo de YouTube

Siga estos pasos si también quieres insertar el chat en vivo de YouTube en tu sitio web:

  1. Encuentra el ID del vídeo en el código incrustado en la sección Inserta un directo de YouTube. Por ejemplo, el ID del video esoHg5SJYRHA0zpara este código incrustado: 
    1
2
3
4
5
6

     <iframe
     width="560"
     height="315"
     src="https://www.youtube.com/embed/oHg5SJYRHA0z"
     frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
 </iframe>
  2. Crea la URL del Live Chat usando tu nombre de dominio y este ID de video. 
    1

     https://www.youtube.com/live_chat?v=<your video ID>&embed_domain=<your website domain>
    Por lo tanto, si tu sitio web fuera example.comy tu ID de vídeo eraoHg5SJYRHA0z, el enlace sería
    1

     https://www.youtube.com/live_chat?v=oHg5SJYRHA0z&embed_domain=example.com
  3. En su sitio web, cree un enlace incrustable con el siguiente formato: 
    1
2
3
4
5

     <iframe
     width="640"
     height="360"
     src="https://www.youtube.com/live_chat?v=<your video ID>&embed_domain=<your website domain>">
 </iframe>
    Después de seguir estos pasos, debería tener un chat de YouTube funcional insertado en su sitio web.

Artículos relacionados