trtc-meeting

本文主要介绍如何快速运行腾讯云 TRTC Web SDK Demo。

支持的平台

WebRTC 技术由 Google 最先提出，目前主要在桌面版 Chrome 浏览器、桌面版 Safari 浏览器以及移动版的 Safari 浏览器上有较为完整的支持，其他平台（例如 Android 平台的浏览器）支持情况均比较差。

操作系统	浏览器类型	浏览器最低 版本要求	接收（播放）	发送（上麦）	屏幕分享	SDK 版本要求
Mac OS	桌面版 Safari 浏览器	11+	支持	支持	支持（需要 Safari13+ 版本）	-
Mac OS	桌面版 Chrome 浏览器	56+	支持	支持	支持（需要 Chrome72+ 版本）	-
Mac OS	桌面版 Firefox 浏览器	56+	支持	支持	支持（需要 Firefox66+ 版本）	v4.7.0+
Mac OS	桌面版 Edge 浏览器	80+	支持	支持	支持	v4.7.0+
Windows	桌面版 Chrome 浏览器	56+	支持	支持	支持（需要 Chrome72+ 版本）	-
Windows	桌面版 QQ 浏览器（极速内核）	10.4+	支持	支持	不支持	-
Windows	桌面版 Firefox 浏览器	56+	支持	支持	支持（需要 Firefox66+ 版本）	v4.7.0+
Windows	桌面版 Edge 浏览器	80+	支持	支持	支持	v4.7.0+
iOS 11.1.2+	移动版 Safari 浏览器	11+	支持	支持	不支持	-
iOS 12.1.4+	微信内嵌网页	-	支持	不支持	不支持	-
Android	移动版 QQ 浏览器	-	不支持	不支持	不支持	-
Android	移动版 UC 浏览器	-	不支持	不支持	不支持	-
Android	微信内嵌网页（TBS 内核）	-	支持	支持	不支持	-
Android	微信内嵌网页（XWEB 内核）	-	支持	支持	不支持	-

环境要求

• 请使用最新版本的 Chrome 浏览器。
• TRTC Web SDK 依赖以下端口进行数据传输，请将其加入防火墙白名单，参考：WebRTC 需要配置哪些端口或域名为白名单？。

下载依赖

npm install trtc-meeting --save

使用依赖

import trtc-meeting from 'trtc-meeting';

Vue.use(trtc-meeting);

页面使用方式

this.$useRtcMetting(
  {
    clientConfig: {
      rtcClient: {
        sdkAppId: XXXXX,
        userId: 'user_u1',
        userSig: 'XXXXX',
        roomId: XXX,
        enableAudioVolumeEvaluation: true, // 是否开启音量评估
        enableNetworkQualityEvaluation: true // 是否开启网络质量评估
      },
      shareClientConfig: {
        sdkAppId: XXXXX,
        userId: 'share_user_u1',
        userSig: 'XXXXX',
        roomId: XXX
      }
    },
    onCheckSuccess: () => {
      console.info('检查成功');
    },
    onCheckFail: () => {
      console.info('检查失败');
    },
    onRtcStart: () => {
      console.info('视频开始');
    },
    onRtcEnd: () => {
      console.info('视频结束');
    }
  }
)