logo
实时音视频
当前页

使用 uni-app 在浏览器渲染和播放(Web)


应用场景

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

使用步骤

  1. 创建标签。

    <view id="localVideo" ></view>
  2. 创建流并播放预览。

    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);
      });

Previous

使用 React 实现音视频功能

Next

浏览器自动播放策略