Saltar al contenido principal
Prefer calling the API from your backend. CORS-enabled API keys are deprecated.

​
Livepeer Player (recomendado)

Recupera la información de reproducción en el servidor y luego pasa la fuente al Player: 
import * as Player from "@livepeer/react/player";
import { getSrc } from "@livepeer/react/external";

export async function getPlaybackSource(playbackId) {
  const playbackInfo = await livepeer.playback.get(playbackId);
  return getSrc(playbackInfo.playbackInfo);
}

export function AssetPlayer({ src }) {
  return (
    <Player.Root src={src}>
      <Player.Container>
        <Player.Video />
        <Player.Controls><Player.PlayPauseTrigger /></Player.Controls>
      </Player.Container>
    </Player.Root>
  );
}
VerPlayer y embeber.

​
Player personalizado

Llama a la API de Información de Reproducción con el ID de reproducción. Usa las URLs HLS o MP4 devueltas en cualquier reproductor que las soporte. Los activos cortos (menos de ~2 minutos) suelen tener versiones MP4 para un inicio rápido.

​
Incorporar

<iframe src="https://lvpr.tv?v=PLAYBACK_ID" allowfullscreen allow="autoplay" frameborder="0"></iframe>
Opciones: &muted=false, &autoplay=false, &loop=true. Ver Reproducir una transmisión en vivo para opciones específicas de la transmisión.
Last modified on March 1, 2026