Passer au contenu principal
Le Livepeer Player est un composant React (et un lecteur intégrable sur lvpr.tv) pour lire des flux et des ressources. Il prend en charge WebRTC (faible latence) et le fallback HLS/MP4, et signale les métriques d’audience lorsqu’il est utilisé avec l’API Studio.

​
React Player

Depuis @livepeer/react, utilisez “Player.Root”, “Player.Video”, “Player.Controls”, et d’autres primitives. Passez une “src (de getSrc(playbackInfo) du API Info de lecture) ou une playbackId (avec un fournisseur). Le lecteur préfère WebRTC pour les flux en direct et MP4 pour les VOD courtes ; il passe à HLS en cas d’erreur ou lorsqu’WebRTC n’est pas disponible (par exemple, les images B dans le flux).

​
Lecteur intégrable (iframe)

<iframe
  src="https://lvpr.tv?v=PLAYBACK_ID"
  allowfullscreen
  allow="autoplay; encrypted-media; fullscreen; picture-in-picture"
  frameborder="0"
></iframe>
  • Diffusions en direct : La valeur par défaut est WebRTC à faible latence. Utilisez &lowLatency=false pour HLS ou &lowLatency=force pour WebRTC uniquement. Utilisez &clipLength=60 (maximum 120) pour le découpage. Utilisez constant=true pour une lecture constante (par exemple, de la musique).
  • VOD : Les options incluent &muted=false, &autoplay=false, &loop=true.

​
Miniatures

  • VOD — Les miniatures se trouvent dans les informations de lecture (WebVTT + images clés). Voir Miniatures (VOD).
  • Diffusion en direct — Les informations de lecture incluent une URL de miniature PNG qui se met à jour avec la dernière image. Le lecteur peut l’utiliser comme afficheur de vidéo.

​
Métriques

Le Livepeer Player signale l’engagement à Livepeer lorsqu’il est utilisé avec l’API Studio. Interrogeraudience et analyse via l’API ou les tableaux de bord.
Last modified on March 1, 2026