Documentación Streaming Live RTMP

Bienvenido a la guía de uso del servicio Streaming Video en Vivo RTMP, una solución profesional para transmitir en tiempo real desde tu computadora o dispositivo móvil. Con este sistema puedes usar programas como OBS Studio, Streamlabs, vMix, Wirecast, XSplit, FFmpeg, Larix Broadcaster y muchos más, simplemente ingresando la URL del servidor y la clave de transmisión que te hemos enviado por correo o que están disponibles en tu cuenta.

En esta guía usaremos OBS Studio como ejemplo principal por su facilidad de uso y compatibilidad multiplataforma. Aquí aprenderás cómo configurar tu software paso a paso para comenzar a emitir en vivo de forma rápida, estable y sin complicaciones técnicas. Por favor revise detenidamente la siguiente guía para el correcto funcionamiento de su servicio.

Paso 1: Descargar e Instalar OBS Studio

1.1. Descargar OBS Studio

• Visita la página oficial de OBS Studio.
• Selecciona tu sistema operativo (Windows, macOS o Linux) y descarga el instalador adecuado.

1.2. Instalar OBS Studio

• Abre el archivo de instalación descargado.
• Sigue las instrucciones en pantalla para completar la instalación.

Paso 2: Configurar OBS Studio para Transmitir en vivo

2.1. Abrir OBS Studio

• Inicia OBS Studio desde el menú de inicio o el escritorio de tu ordenador

2.2. Configurar los Ajustes de Transmisión en OBS

• Ve a «Ajustes» (Settings) en la esquina inferior derecha de OBS

2.3. Configurar clave de transmisión

En la ventana de ajustes vaya a emisión y realice los ajustes. Para configurar la transmisión, necesitarás dos datos que recibirás al activar tu cuenta: el servidor y la clave de retransmisión.

Servidor: La URL del servidor de streaming al que te conectarás para comenzar a transmitir.
Clave de retransmisión (Key): La clave que se te proporciona al activar tu cuenta, necesaria para autenticar tu transmisión.

2.4. Configurar bitrate de video

Dentro de la misma ventana de ajustes vaya a salida y realice los ajustes con los datos enviados del servicio a su correo o ingresando a my.prosandoval.com sección Mis Pedidos.

Ingrese la calidad del bitrate de su plan contratado. Recuerda respetar el límite máximo de bitrate asignado a tu plan de video streaming contratado. Revisa los datos enviados de tu cuenta. Los 1200 kbps que se ve en la imagen de esta guía es solo un ejemplo.

Los otros parámetros de ajustes de OBS Studio o de cualquier otro software de transmisión dependerá de sus necesidades y requisitos de su ordenador.

2.5. Configurar bitrate de audio

El bitrate de audio es la calidad del audio del video en la transmisión, para configurar el bitrate de audio vaya dentro del panel de ajustes a Audio y selecciona el bitrate de audio al que deseas transmitir. Por defecto es 44,1 khz.

2.6. Configurar resolución de salida de video

La resolución de salida será el tamaño máximo que nuestro video podrá ser visualizado por el espectador. La resolución colocada en la imagen de 1280×720 es solo un ejemplo. usted deberá colocar la resolución según el plan contratado y debe respetar el mismo, caso contrario el servicio tendrá problema de transmisión y será cancelada.

Para la configuración vaya dentro de ajustes a video y coloque su resolución de su plan. El FPS dejarlo en 24 al menos que su plan indique lo contrario.

2.7. Iniciar transmisión de video en vivo con OBS Studio

Configurado OBS Studio siguiendo los pasos detallados anteriormente ya es hora de transmitir en vivo, para ello solo hacemos clic en Iniciar Transmisión y si todo ha sido configurado correctamente podrá ver el live en su sitio web o landing TV.

Nota importante

La configuración dada en esta guía es lo necesario para transmitir en vivo y usted puede ajustar según las características de su equipo tanto en hardware y software, siempre y cuando respetando los datos del streaming de su plan adquirido.

Owncast te permite editar el contenido visible en la página principal del canal desde la sección “Page Content”. Puedes añadir mensajes de bienvenida, información sobre tus transmisiones, horarios o incluso insertar imágenes o enlaces. Esto convierte tu página en una especie de portal informativo para tu audiencia.

Incrustar reproductor HTML en su sitio web

Player video live iframe

Nuestro servicio de Streaming Video en Vivo RTMP te permite insertar fácilmente tu transmisión en cualquier sitio web sin necesidad de instalar ni configurar un reproductor adicional. Solo necesitas utilizar un fragmento de código HTML con la URL exclusiva de tu canal de video.

La URL personalizada de tu canal se encuentra en el siguiente formato (te la enviamos por correo o puedes consultarla en tu cuenta):

https://micanal.ovalcast.com/embed/video

A continuación, te mostramos un ejemplo de cómo integrarlo en tu sitio. Solo reemplaza la parte del enlace por tu URL personalizada, cambia el título si lo deseas, y ajusta el ancho y alto según tus necesidades:

<iframe
  src="https://micanal.ovalcast.com/embed/video"
  title="EN VIVO"
  height="350px" width="550px"
  referrerpolicy="origin"
  allowfullscreen>
</iframe>

Los videos incrustados no comenzarán a reproducirse antes de que el usuario presione el botón de reproducción. Esto significa que no se escuchará ningún sonido cuando se cargue una página con un video incrustado. Si desea que el reproductor se silencie adicionalmente una vez que comience a reproducirse, puede agregar ?initiallyMuted=true a la URL (para que se vea algo como https://micanal.ovalcast.com/embed/video?initiallyMuted=true). Los usuarios aún podrán reactivar el video manualmente una vez que se esté reproduciendo.

Incrustar video con fuente HLS (.m3u8)

Nuestro servicio de Streaming Video en Vivo RTMP te permite compartir tu señal fácilmente en cualquier sitio web, blog o plataforma compatible, con fuente HLS (.m3u8) para reproductores avanzados.

HLS (HTTP Live Streaming) es un protocolo de transmisión de video creado por Apple. Permite que los videos en vivo o bajo demanda se reproduzcan en múltiples dispositivos y conexiones, ajustando automáticamente la calidad del video según el ancho de banda disponible. Es ideal para:

• Navegadores web modernos (Chrome, Safari, Firefox)
• Dispositivos móviles (iOS, Android)
• Reproductores personalizados (como Video.js, Clappr, JW Player, Flowplayer, etc.)
• Smart TVs y apps OTT

La URL personalizada de tu canal en .m3u8 se encuentra en el siguiente formato (te la enviamos por correo o puedes consultarla en tu cuenta):

https://micanal.ovalcast.com/hls/stream.m3u8

Fuente HLS mediante código

Si estás utilizando un reproductor externo (por ejemplo, Video.js, Clappr, JW Player, etc.), puedes utilizar directamente la fuente HLS para integrarlo. A continuación, encontrarás un código para insertarlo en tu sitio web con fuente HLS, recuerda solo cambiar el link de tu canal:

<div style="display:flex; justify-content:center; align-items:center; width:100%;">
  <video id="miVideo" controls autoplay muted style="width:100%; max-width:840px; height:auto;"></video>
</div>

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script>
  var video = document.getElementById('miVideo');
  var videoSrc = 'https://micanal.ovalcast.com/hls/stream.m3u8';

  if (Hls.isSupported()) {
    var hls = new Hls();
    hls.loadSource(videoSrc);
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
    });
  } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
    video.src = videoSrc;
    video.addEventListener('loadedmetadata', function() {
      video.play();
    });
  } else {
    video.outerHTML = '<p style="text-align:center;">Tu navegador no soporta reproducción HLS (.m3u8). Prueba con Chrome, Firefox o Safari.</p>';
  }
</script>

Fuente HLS mediante plugin WordPress

Puedes incrustar fácilmente tu transmisión en vivo HLS (.m3u8) en tu sitio web WordPress utilizando un plugin especializado. No necesitas programar ni configurar reproductores complicados, solo instalar un plugin, pegar tu enlace y listo.

En el repositorio de WordPress puedes encontrar varios plugins que reproducen video HLS, como FV Player, Video.js HTML5 Player, HLS Player, entre otros. Todos te permiten mostrar tu señal en vivo de forma sencilla y compatible con dispositivos móviles, navegadores modernos y constructores visuales como Elementor.

Para este ejemplo usaremos FV Player 8, dentro de las opciones del plugin ingrese el link m3u8 y listo, luego copie y pegue el shortcode en cualquier parte de su sitio web con WordPress.

¿No encuentras lo que buscas?

Después de leer y si aun tiene duda sobre el manejo de su servicio en Prosandoval, por favor cree un ticket de soporte con el tema de su preferencia y le ayudaremos encontrar una respuesta lo antes posible.