Cómo transmitir vídeo en directo en su sitio web

How to Stream Live Video On Your Website Image

 

En artículos anteriores, hablamos de cómo incrustar un vídeo en un sitio web, cómo hacer streaming en directo y otros temas relacionados. En este artículo, pues, repasaremos todo el proceso de principio a fin. En primer lugar, repasaremos los aspectos básicos de la transmisión de vídeo en directo. A continuación, hablaremos de cómo incrustar secuencias de vídeo en directo directamente en tu sitio web. Por último, lo uniremos todo con un tutorial sobre cómo transmitir vídeo en directo en su sitio web.

Los temas que trataremos en este artículo incluyen:

  • Cámaras y dispositivos de captura
  • Software o hardware de codificación
  • Conexión a Internet y plataforma de streaming
  • Copia de los códigos de incrustación, y
  • Inserción en su sitio web.

Pasemos directamente a los componentes y el equipo necesarios, antes de pasar a la descripción de cómo transmitir vídeo en directo en tu sitio web.

Cámaras y dispositivos de captura

El primer requisito físico para la retransmisión en directo suele ser una cámara. Algunas retransmisiones en directo se realizan a través de una pantalla de ordenador (por ejemplo, la retransmisión de videojuegos). La mayoría de las veces, sin embargo, difundirá imágenes captadas con una cámara de vídeo. Para muchos fines de retransmisión, una webcam ofrece una calidad de imagen perfectamente aceptable. Las webcams son fáciles de usar y están pensadas para Internet. Además, las webcams no necesitan hardware adicional para enviar vídeo a difusión (más allá del dispositivo de codificación o el ordenador).

cómo transmitir vídeo en directo en su sitio webPara obtener una mayor calidad de vídeo, es necesario utilizar una cámara profesional con conexión HDMI. Dicho esto, estas cámaras no envían sus imágenes en un formato compatible con la difusión por Internet. Esto significa que necesitarás un dispositivo de captura o una tarjeta de captura para transcodificar las imágenes. Tanto la mejora de la calidad de imagen como las funciones como las lentes adicionales y el zoom son significativas. Estas ventajas pueden merecer la pena, dependiendo del tipo de emisión que esté considerando.

Sin embargo, es importante tener en cuenta que las cámaras profesionales compatibles con HDMI suelen ser más voluminosas y menos portátiles que las webcams.

Una vez que hayas seleccionado una opción de cámara viable, deberás considerar las opciones de codificación. Aunque las cámaras pueden tomar y grabar vídeo para su uso posterior, los contenidos transmitidos en directo requieren un procesamiento adicional.

Software o hardware de codificación

Así que tienes una cámara lista para funcionar, pero aún no estás seguro de cómo transmitir vídeo en directo en tu sitio web.

Para poner los datos de vídeo en un formato que puedas difundir en línea, necesitarás un codificador de hardware o un software de codificación. También necesitarás un codificador para hacer cualquier modificación (como el uso de tercios inferiores) en tu contenido.

Los programas de codificación existen en versiones gratuitas y de código abierto, así como en versiones de pago premium y pcómo transmitir vídeo en directo en su sitio webrofesionales. Los mejores codificadores (como Wirecast Pro y VidBlasterX) tienen múltiples funciones para embellecer un vídeo y darle un aspecto profesional con calidad de estudio.

Los codificadores de hardware suelen ser más portátiles que el software de codificación. Sin embargo, los codificadores por hardware también son más caros. Los organismos de radiodifusión suelen utilizarlos para retransmitir desde lugares remotos o en situaciones en las que no resulta práctico transportar un ordenador. El Teradek VidiU Mini (imagen superior) es una gran opción para este tipo de situaciones. Lo consideramos uno de los codificadores por hardware más portátiles del mercado.

Para muchas emisoras, el software de codificación es la opción más asequible y fácil de usar. La plataforma de vídeo en línea Dacast, por ejemplo, acoge a muchas emisoras que utilizan Wirecast Pro con éxito y sin problemas. En general, te recomendamos que consideres las opciones y tomes la decisión correcta para tus objetivos de streaming.

Conexión a Internet y plataforma de streaming

Para transmitir vídeo en directo, también necesitas una conexión a Internet fiable. En general, necesitas una velocidad de conexión al menos el doble de rápida que tu velocidad de subida (no de bajada). Además, quiere un servicio de Internet que no esté sujeto a fluctuaciones ni a tiempos de inactividad impredecibles. Para la mayoría de las emisiones, lo mejor es una conexión a Internet por cable o DSL de alta velocidad. Cuando esto no es posible, hay que recurrir a las conexiones inalámbricas. Con la generación más avanzada de teléfonos inteligentes, un punto de acceso móvil puede ser una solución ideal, siempre que dispongas de servicio ilimitado. Como norma general, deberías disponer de al menos dos Mbps. Los mejores puntos de acceso móvil ofrecen hasta seis Mbps.

cómo transmitir vídeo en directo en su sitio webTambién necesitarás una plataforma de streaming para ofrecer tus contenidos de vídeo a tus espectadores. La plataforma gratuita más popular es, por supuesto, YouTube. Sin embargo, YouTube funciona mejor para vídeos a la carta pregrabados. Por muchas razones, entre ellas la profesionalidad, el soporte técnico y la propiedad de tus propios contenidos, las plataformas gratuitas no son la mejor opción para retransmitir en directo.

Para la mayoría de las retransmisiones en directo, lo mejor es un servicio de marca blanca a través de un servicio de retransmisión en directo dedicado. Las plataformas profesionales de transmisión de vídeo (como Dacast, Livestream y Ustream) ofrecen una gama de paquetes que puede variar mucho. La mayoría ofrece un paquete gratuito muy básico (a veces pagado con anuncios). Los paquetes de pago ofrecen más ancho de banda, horas de visionado y capacidad de almacenamiento. Para decidir cuál le conviene más, debe considerar detenidamente sus necesidades de difusión y los paquetes de cada plataforma viable. Recomendamos encarecidamente aprovechar las pruebas gratuitas que ofrecen algunas plataformas. La versión de prueba gratuita de Dacast, por ejemplo, te permite probar la mayoría de las funciones antes de comprometerte.

Su servicio de streaming le permite cargar contenidos de vídeo con el formato adecuado, incluido el streaming de vídeo en directo, en el sitio web del anfitrión. Esto es útil, pero sólo es el primer paso. En este tutorial sobre cómo transmitir vídeo en directo en tu sitio web, vamos a ver a continuación cómo incrustar tu transmisión de vídeo en un sitio web que administres tú mismo.

Copia de los códigos de incrustación

Su solución de streaming (por ejemplo, Dacast) crea códigos de incrustación que enlazan con su flujo de vídeo. Esta función permite a los espectadores ver su contenido a través de otras ubicaciones en línea. En esencia, los códigos crean una conexión entre su sitio y la página del anfitrión de streaming. Esto permite a los visitantes de su sitio web ver el flujo de vídeo sin problemas, como si estuviera publicado directamente en su sitio. Otra ventaja de este enfoque es que usted mantiene el control sobre el contenido y la estética de su sitio web.

Cada servicio tiene un procedimiento ligeramente diferente para encontrar y copiar los códigos de incrustación. En general, son bastante fáciles de usar. Con Dacast, haz clic en el menú desplegable de tu panel de control y elige “Opciones de publicación”. Aparecerá un submenú de opciones de incrustación. Desde aquí, puede elegir dos formatos diferentes para los códigos: JavaScript o iFrames.

cómo transmitir vídeo en directo a su sitio web

iFrames es la opción más compatible y el procedimiento más sencillo. iFrames funciona con una gran variedad de servicios, incluido WordPress. Sin embargo, los iFrames no funcionan con algunas características, como las restricciones de referencia de sitios web, que ayudan a bloquear su contenido a un sitio web específico. La función de pantalla completa tampoco funciona, ni el play responde. Desde el punto de vista de las funcionalidades, el código JS es muy superior, suponiendo que el framework de tu sitio web lo soporte.

Además de estas opciones, puedes copiar un código de incrustación independiente para enlazar tu contenido directamente a Facebook y Twitter.

Una vez seleccionado el formato preferido, el código de incrustación aparece ya resaltado en un cuadro de texto. A partir de ahí, puede copiar y pegar fácilmente el código en su sitio web.

Integración en su sitio web

¡Ya casi está! Hemos llegado al último paso del tutorial sobre cómo transmitir vídeo en directo en tu sitio web.

Ahora puede pegar el código de inserción directamente en el código HTML de su sitio web. Dependiendo de las herramientas de formato que haya utilizado para crear la página, el procedimiento puede variar ligeramente.

Con WordPress, ve a la vista de texto e introduce un salto de párrafo donde quieras que aparezca el vídeo. Pegue allí los códigos de incrustación copiados. Así de sencillo. Vuelve a la vista visual para ver la ventana de vídeo (más o menos) tal y como aparece en la página terminada. Haga clic en el botón Vista previa para obtener una vista más precisa.

Puedes encontrar más detalles sobre cómo pegar los códigos embed en este artículo sobre cómo hacer streaming en directo en WordPress. Además, puede acceder a información más detallada sobre la incrustación en este artículo sobre cómo incrustar vídeos en su sitio web.

Tutorial de vídeo en directo

Para repasar todos estos pasos de los que hablamos, te invitamos a ver el siguiente vídeo sobre cómo transmitir vídeo en directo en tu sitio web con el codificador OBS.

Por último, pero no menos importante…

Además de configurar los códigos para incrustar tu flujo de vídeo en tu sitio web, también te recomendamos que prestes cierta atención al diseño de la página en sí. Lo ideal es que el vídeo sea el único centro de atención de la página. Por lo general, no conviene saturar la página con otros contenidos (especialmente imágenes), salvo los que sirvan de apoyo al propio vídeo. Sin embargo, es conveniente incluir enlaces a las acciones de seguimiento que pueden realizar los espectadores. Por ejemplo, una lista de correo, una ventana de chat o un buzón de comentarios para fomentar la interacción de los espectadores.

El proceso de incrustación del flujo de vídeo en sí es bastante sencillo. Dicho esto, conviene controlar el resultado en tiempo real para resolver sobre el terreno cualquier problema que aparezca antes de que empiece la emisión. Una vez que todo esté en su sitio y funcione bien, puede dirigir a sus espectadores a su sitio web y ¡que empiece la emisión!

Conclusión

Llegados a este punto, esperamos que tengas una idea más clara de cómo transmitir vídeo en directo en tu sitio web, ¡todo en unos sencillos pasos!

Después de leer este artículo, esperamos que el proceso de cómo transmitir vídeo en directo en su sitio web parezca claro y accesible. Nos encantaría conocer la opinión de nuestros lectores, así que háganosla llegar en la sección de comentarios. Si desea recibir regularmente consejos sobre retransmisiones en directo y ofertas exclusivas, le invitamos a unirse a nuestro grupo de
grupo de LinkedIn
.

Por último, si aún no es cliente de Dacast, ¿por qué no prueba gratis durante 14 días (sin tarjeta de crédito)? Haga clic en el botón de abajo para crear su cuenta gratuita hoy mismo.

Empiece gratis

Gracias por leer y, como siempre, ¡buena suerte con sus emisiones!

Por Max Wilbert.

Fanny Elise Lagarde

Fanny Elise was a part of the Dacast engineering team, and with her technical knowledge, helped the marketing team to engage readers with streaming content.