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请参阅播放直播流以获取特定于流的选项。