@100mslive/hmsvideo-web 中文文档教程

Question

hmsvideo-sdk

用于 100mslive 后端的 Web SDK。

Installation

npm install @100mslive/hmsvideo-web

Usage

```ts import { HMSPeer, HMSClientConfig, HMSClient, HMSMediaStreamConstraints } from "@100mslive/hmsvideo-web';

const peer = new HMSPeer(userName:"",authToken:"") const config = new HMSClientConfig({ 端点：“<端点 url="" here="">" }) const client = new HMSClient(peer, config)

// 设置处理程序 client.on('connect',() => { // 这是我们可以调用 join(room) 的地方 }); client.on('断开连接', () => {}); client.on('peer-join', (room, peer) => { // 在 UI 中显示通知或 toast 消息 }); client.on('peer-leave', (room, peer) => { // 在 UI 中显示通知或 toast 消息 }); client.on('stream-add', (room, peer, streamInfo) => { // 如果需要，订阅流 }); client.on('stream-remove', (room, peer, streamInfo) => { // 如果需要，删除远程流 }); client.on('broadcast', (room, peer,message) => { // 显示通知或更新聊天 UI });

// 连接 尝试 { 等待 client.connect() } 抓住（错误）{ // 处理错误 }

// 使用唯一的房间 ID 加入房间 常量房间 =尝试 { 等待客户加入（房间）； } 抓住（错误）{ // 处理错误 }

// 获取本地流 常量约束 = 新的 HMSMediaStreamConstraints() 尝试 { const localStream = await client.getLocalStream(constraints: HMSMediaStreamConstraints); } 抓住（错误）{ // 处理错误 }

// 发布本地流 尝试 { 等待 client.publish(localStream, room); } 抓住（错误）{ // 处理错误 }

// 取消发布本地流 尝试 { await client.unpublish(localStream, room); } 抓住（错误）{ // 处理错误 }

// 订阅远程流 尝试 { const remoteStream = await client.subscribe(mid, roomId); // 用 remoteStream 做点什么 } 抓住（错误）{ // 处理错误 }

// 取消订阅流 尝试 { await client.unsubscribe(remoteStream, roomId); } 抓住（错误）{ // 处理错误 }

// 向房间广播有效负载 尝试 { await client.broadcast(payload, roomId); } 抓住（错误）{ // 处理错误 }

// 关闭客户端连接 客户端断开连接（）；