微信小程序接入腾讯云实时音视频

第一步，在腾讯云申请账号，拿到adkAppID

第二步，下载腾讯云demo，放到自己项目中

第三步，在自己项目中引入组件webrtc-room组件

配置json文件的时候有一个navigationStyle。设置为custom就是当前页面是通栏，没有导航栏，全屏

第四步，在页面写好组件框架

<view class="lives">
  <webrtc-room
    id="myroom"
    roomID="{{ roomID }}"
    userID="{{ userID }}"
    userSig="{{ userSig }}"
    sdkAppID="{{ sdkAppID }}"
    privateMapKey="{{ privateMapKey }}"
    template="{{ template }}"
    beauty="{{ beauty }}"
    muted="{{ muted }}"
    sound-mode="{{ soundMode }}"
    debug="{{ debug }}"
    bindRoomEvent="onRoomEvent"
    enableIM="{{ enableIM }}"
    bindIMEvent="onIMEvent"
    bindnetstatus="netStatus"
  >
  </webrtc-room>
</view>

配置js data

    roomID: '', // [必选]房间号，可以由您的服务指定
    userID: '', // [必选]用户 ID，可以由您的服务指定，或者使用小程序的 openid
    userSig: '', // [必选]身份签名，需要从自行搭建的签名服务获取
    sdkAppID: ' ', // [必选]开通实时音视频服务创建应用后分配的 sdkAppID
    template: 'bigsmall', // [必选]标识组件使用的界面模版，组件内置了 bigsmall，float，grid 三种布局
    privateMapKey: '', // 房间权限 key，需要从自行搭建的签名服务获取
    // 如果您没有在【控制台】>【实时音视频】>【您的应用名称】>【帐号信息】中启用权限密钥，可不用填
    beauty: 3, // 美颜指数，取值 0 - 9，数值越大效果越明显
    enableCamera: false, // false 关闭摄像头
    muted: false, // true 静音 false 不静音
    debug: false, // true 打印推流 debug 信息 fales 不打印推流 debug 信息
    enableIM: false, // 是否启用IM
    soundMode: 'ear', //  耳朵还是扬声器

roomID，userID，userSig，sdkAppID都需要跟后台实现数据请求

第五步，连接腾讯云

    ##### 在onLoad中 ####
      // 进入房间
      let webrtcroomCom = that.selectComponent('#myroom')
            if (webrtcroomCom) {
            <!--连接-->
                webrtcroomCom.start()
                <!--成功以后可以进一步写自己的逻辑-->
        }   
        
        <!--退出-->
        webrtcroomCom.stop()