webrtc-meeting-m

支持的平台

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 浏览器。
• rtc Web SDK 依赖以下端口进行数据传输，请将其加入防火墙白名单，参考：WebRTC 需要配置哪些端口或域名为白名单？。

下载依赖

npm install webrtc-meeting --save

使用依赖

import webrtcMeeting from 'webrtc-meeting';

Vue.use(webrtcMeeting);

页面使用方式

this.$useRtcMeeting(
  {
    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('视频结束');
    }
  }
)