• 实时音视频
    • 实时音视频>快速入门>一分钟跑通 DEMO

    一分钟跑通 DEMO

    编辑文档 更新于
    AndroidiOSWebuni-appHarmonyOS

    本文主要介绍 一分钟跑通 DEMO, 1对1 和 多对多 均适用。

    环境要求

    • Chrome浏览器 70+
    • Node.js 推荐使用其官网首页展示的长期支持版
  • 您可以在浏览器中打开 BRTC Web SDK 能力测试页面 检测当前浏览器是否支持 WebRTC 所有能力。例如 WebView 等浏览器环境。
  • 由于 H.264 版权限制，华为系统的 Chrome 浏览器和以 Chrome WebView 为内核的浏览器均不支持 BRTC Web SDK 的正常运行。

    • 前提条件

    • 您已注册 BRTC 账号,且开通 BRTC 功能

    创建新的应用

    • 在百家云后台 -> BRTC -> 首页,创建对应的应用

    avatar

    avatar

    生成 Sig

    • Sig 是 App 用户在加入房间时采用的一种安全的鉴权方式,目的是为了阻止恶意攻击者盗用您的云服务使用权。生成 Sig 文档
    • 为了快速跑通 DEMO 您可以先使用百家云后台生成的临时 Sig 做测试

    该 DEMO 中主流和辅流(屏幕分享)使用了 2 个 userID

  • “0” 表示主视(main)频流
  • “1” 表示辅助(assist)屏幕分享流

    • 建议您在生成临时 Sig 的时候在 userID 后加 0 来生成对应的 Sig。

    IMG

    下载 DEMO 源码

    • 在百家云后台 -> BRTC -> 开发者中心 -> 下载中心,下载对应的 DEMO源码

    配置 DEMO 工程文件

    • 解压下载的源码包
    • 使用使用 VSCode 或者 WebStorm 等 IDE 打开源码工程
    • 在 src/views/Meeting.vue 的 this.mainSig 和 this.appId 处填入相应的临时 Sig 和 生成 Sig 对应的 appId

    IMG

    • 在 package.json 根目录下,依次执行 npm install 和 npm run serve, 即可运行

    登录 DEMO

    • 在 DEMO “开始通话” 或者 “加入通话” 中输入生成临时 Sig 对应的房间号和用户 ID(用户 ID 不需要补 0)，即可以开始直播

    IMG

    在线 DEMO

    如果您无法跑通 DEMO，建议体验在线 DEMO

    {{allComment[version]}} ×
    • 暂无评论
    • {{comment.author}}
      {{ comment.createdAt | date: 'yyyy-MM-dd HH:mm:ss '}}
      {{comment.content}}
    您需要 后才能评论