文档中心
实时音视频
最佳实践
浏览器渲染及播放
使用 uni-app 在浏览器渲染和播放（Web）

使用 uni-app 在浏览器渲染和播放（Web）

更新时间：2024-06-11 17:32

应用场景

在使用 ZEGO Web SDK 时，调用 createZegoStream 接口，创建 ZegoLocalStream 实例对象 localStream，再调用 playVideo 接口播放预览视频。

使用步骤

创建标签。
```
<view id="localVideo" ></view>
```

创建流并播放预览。

const localVideo = document.querySelector("#localVideo");

const localStream = this.zg
  .createZegoStream({
    camera: { video: true, audio: true },
  })
  .then((stream) => {
    stream.playVideo(localVideo);
  })
  .catch((err) => {
    console.error(err);
  });