Passer au contenu principal
Prefer calling the API from your backend. CORS-enabled API keys are deprecated.

​
Livepeer Joueur (recommandé)

Récupérez les informations de lecture sur le serveur, puis passez la source au Joueur : 
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>
  );
}
Voir Joueur et intégration.

​
Joueur personnalisé

Appelez le API Info de lecture avec l’ID de lecture. Utilisez les URL HLS ou MP4 renvoyées dans n’importe quel lecteur qui les prend en charge. Les actifs courts (moins de ~2 minutes) ont souvent des versions MP4 pour un démarrage rapide.

​
Intégrer

<iframe src="https://lvpr.tv?v=PLAYBACK_ID" allowfullscreen allow="autoplay" frameborder="0"></iframe>
Options : &muted=false, &autoplay=false, &loop=true. Voir Jouer un direct pour les options spécifiques au flux.
Last modified on March 1, 2026