浏览器内直播将实时视频从用户设备发送到 Livepeer 通过 WebRTC（例如 WHIP），无需 OBS。默认情况下，它优化了低延迟。
Flow
- 通过 API 创建流并获取 流密钥.
- 通过该密钥（需要 STUN/TURN）打开与 Livepeer 的 WebRTC 连接。
- 在浏览器中捕获摄像头、麦克风和/或屏幕，并通过 WebRTC 发送。
- 观众通过流 播放 ID 进行观看Livepeer 玩家.
使用 Broadcast 组件
使用 @livepeer/react, 使用 Broadcast 原语和流摄入 URL:
import * as Broadcast from "@livepeer/react/broadcast";
import { getIngest } from "@livepeer/react/external";
const streamKey = "your-stream-key";
export function DemoBroadcast() {
return (
<Broadcast.Root ingestUrl={getIngest(streamKey)}>
<Broadcast.Container>
<Broadcast.Video title="Live stream" />
<Broadcast.Controls>
<Broadcast.EnabledTrigger />
</Broadcast.Controls>
</Broadcast.Container>
</Broadcast.Root>
);
}
可嵌入的广播
<iframe
src="https://lvpr.tv/broadcast/STREAM_KEY"
allow="autoplay; camera; microphone; display-capture"
frameborder="0"
></iframe>
STREAM_KEY您的流密钥。
自定义 WebRTC (WHIP)
- 发送
HEAD到https://livepeer.studio/webrtc/{STREAM_KEY}并按照以下步骤操作Location 重定向到输入 URL。
- 创建
RTCPeerConnection 从该主机获取 ICE 服务器 (STUN/TURN)。
- 创建 SDP 提议，收集 ICE，将提议 POST 到输入 URL，将答案设置为远程描述。
- 添加媒体轨道并发送。当数据包停止时检测到广播结束；不需要 DELETE。
STUN/TURN are required for in-browser broadcasting. The Broadcast component and lvpr.tv broadcast page use Livepeer’s servers.
