uniapp引入腾讯云直播助手插件

 

在uniapp开发小程序，引入腾讯云直播助手插件

1.在manifest.json文件中，找到微信小程序特有相关，声明要使用的插件

/* 小程序特有相关 */
    "mp-weixin" : {
        "appid" : "wxf97c5500aab****",
        "plugins" : {
            "liveRoomPlugin" : {
                "version" : "1.3.4",
                "provider" : "wx95a7d2b7*****"
            }
        },
    },

一、拉流组件

2.在pages.json文件中，定义需要引入的live-room-play组件，使用plugin://协议。

"pages": [{
    "path": "pages/live-player/player",
    "style": {
　　　　"navigationStyle": "custom",
　　　　"backgroundColor": "#000000",
     　"mp-weixin": {
       　　"usingComponents": {
          　　"live-room-play": "plugin://liveRoomPlugin/live-room-play"
          }
       }
　　}
}],

3.在页面中使用引入的live-room-play组件。

<view class="player-view">
  <live-room-play liveAppID="{{liveAppID}}" playUrl="{{playUrl}}" orientation="{{orientation}}" objectFit="{{objectFit}}"
    minCache="{{minCache}}" maxCache="{{maxCache}}" mode="{{mode}}" muted="{{muted}}" debug="{{debug}}" bindPlayEvent="onPlayEvent" >
  </live-room-play>
</view>

二、推流组件

2.在pages.json文件中，定义需要引入的live-room-push组件，使用plugin://协议。

"pages": [{
    "path": "pages/live-player/pusher",
    "style": {
　　　　"navigationStyle": "custom",
　　　　"backgroundColor": "#000000",
     　"mp-weixin": {
       　　"usingComponents": {
          　　"live-room-push": "plugin://liveRoomPlugin/live-room-push"
          }
       }
　　}
}],

3.在页面中使用引入的live-room-push组件。

<live-room-push liveAppID="{{liveAppID}}" pushUrl="{{pushUrl}}" orientation="{{orientation}}" muted="{{muted}}" mode="{{mode}}" waitingImage="{{waitingImage}}" enableCamera="{{enableCamera}}" beauty="{{beauty}}" whiteness="{{whiteness}}" backgroundMute="{{backgroundMute}}"
  debug="{{debug}}" autoFocus="{{autoFocus}}" aspect="{{aspect}}" minBitrate="{{minBitrate}}" maxBitrate="{{maxBitrate}}" zoom="{{zoom}}" devicePosition="{{devicePosition}}" sdkAppID="{{sdkAppID}}" accountType="{{accountType}}" userID="{{userID}}" userSig="{{userSig}}"
  roomID="{{roomID}}" nickName="{{nickName}}" avatar="{{avatar}}" bindPushEvent="onPushEvent" bindIMEvent="onIMEvent">