小程序rtmp监控视频播放

//wxml
<view class="wrap">
 <live-player    class=\'{{winstyle}}\' src="rtmp://" mode="live/RTC" autoplay bindstatechange="playerstatechange" binderror="error">
    <cover-view class=\'full_img_idv\' bindtap="fullScreen">
<!-- 缩小-->
      <cover-view wx:if="{{fullScreenFlag}}">
        <cover-image src="../../images/close.png" class=\'full_img\' />
      </cover-view>
<！-- 放大 -->
      <cover-view wx:else>
        <cover-image src="../../images/ischeck.png" class=\'full_img\' />
      </cover-view>
    </cover-view>
  </live-player>
</view>
//js
const app=getApp()
Page({
  data: {
    fullScreenFlag: false,
  },
  onReady(res) {
    this.ctx = wx.createLivePlayerContext(\'live-player-id\')
  },
  onLoad:function(){
  },
 //放大缩小
  fullScreen: function () {
    var fullScreenFlag = this.data.fullScreenFlag;
    if (fullScreenFlag) {
      fullScreenFlag = false;
    } else {
      fullScreenFlag = true;
    }
    if (fullScreenFlag) {
      this.ctx.requestFullScreen()
      this.setData({
        fullScreenFlag: fullScreenFlag
      })

    } else {
      this.ctx.exitFullScreen()
      this.setData({
        fullScreenFlag: fullScreenFlag
      })
    }
  },
 //live-player返回状态码
  playerstatechange(e) {
    console.log(\'live-player code:\', e.detail.code)
  },
  error(e) {
    console.error(\'live-player error:\', e.detail.errMsg)
  },
})
//wxss
live-player {
  width: 100%;
  height: 225px;
  position: relative;
}
live-pusher{
  width: 100%;
  height: 225px;
}

.full_img_idv{
  position: absolute;
  right: 30rpx;
  bottom: 30rpx;
}

 .full_img {
  width: 40rpx;
  height: 40rpx;
}

.page-body-button {
  margin-bottom: 30rpx;
}