跳转到主要内容
Prefer calling the API from your backend. CORS-enabled API keys are deprecated.

Livepeer 播放器(推荐)

在服务器上获取播放信息,然后将源传递给播放器:
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>
  );
}
查看 播放器和嵌入

自定义播放器

调用 Playback Info API 并使用返回的 HLS 或 MP4 URL。任何支持这些的播放器都可以使用。短资产(少于约 2 分钟)通常有 MP4 版本以实现快速启动。

嵌入

<iframe src="https://lvpr.tv?v=PLAYBACK_ID" allowfullscreen allow="autoplay" frameborder="0"></iframe>
选项: &muted=false, &autoplay=false&loop=true请参阅播放直播流以获取特定于流的选项。
Last modified on March 1, 2026