小程序开发API之实时音视频

wx.createLivePlayerContext(string id, Object this)

创建 live-player 上下文 LivePlayerContext 对象。
参数string id
组件的 id
Object this
在自定义组件下,当前组件实例的this,以操作组件内 组件
返回值
LivePlayerContext

LivePlayerContext

LivePlayerContext 实例,可通过 wx.createLivePlayerContext 获取。
livePlayerContext 通过 id 跟一个 组件绑定,操作对应的 组件。
注:暂只针对国内主体如下类目的小程序开放,需要先通过类目审核,再在小程序管理后台,「开发」-「接口设置」中自助开通该组件权限。

方法

LivePlayerContext.play()
播放
参数Object object小程序开发API之实时音视频_第1张图片

LivePlayerContext.stop()
停止
参数Object object小程序开发API之实时音视频_第2张图片

LivePlayerContext.mute()
静音
参数Object object小程序开发API之实时音视频_第3张图片

LivePlayerContext.pause()
暂停
参数Object object小程序开发API之实时音视频_第4张图片

LivePlayerContext.resume()
恢复
参数Object object小程序开发API之实时音视频_第5张图片

LivePlayerContext.requestFullScreen(Object object)
进入全屏
参数Object object小程序开发API之实时音视频_第6张图片

object.direction 的合法值小程序开发API之实时音视频_第7张图片

LivePlayerContext.exitFullScreen()
退出全屏
参数Object object小程序开发API之实时音视频_第8张图片

示例代码

index.wxml



  
    
    
      
      
      
      
      
    
  

index.wxss

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

live-player {
  width: 100%;
  height: 225px;
}

index.js

Page({
  onReady(res) {
    this.ctx = wx.createLivePlayerContext('player')
  },
  statechange(e) {
    console.log('live-player code:', e.detail.code)
  },
  error(e) {
    console.error('live-player error:', e.detail.errMsg)
  },
  bindPlay() {
    this.ctx.play({
      success: res => {
        console.log('play success')
      },
      fail: res => {
        console.log('play fail')
      }
    })
  },
  bindPause() {
    this.ctx.pause({
      success: res => {
        console.log('pause success')
      },
      fail: res => {
        console.log('pause fail')
      }
    })
  },
  bindStop() {
    this.ctx.stop({
      success: res => {
        console.log('stop success')
      },
      fail: res => {
        console.log('stop fail')
      }
    })
  },
  bindResume() {
    this.ctx.resume({
      success: res => {
        console.log('resume success')
      },
      fail: res => {
        console.log('resume fail')
      }
    })
  },
  bindMute() {
    this.ctx.mute({
      success: res => {
        console.log('mute success')
      },
      fail: res => {
        console.log('mute fail')
      }
    })
  }
})

wx.createLivePusherContext()

创建 live-pusher 上下文 LivePusherContext 对象。
返回值
LivePusherContext

###LivePusherContext
LivePusherContext 实例,可通过 wx.createLivePusherContext 获取。
livePusherContext 与页面内唯一的 组件绑定,操作对应的 组件。

方法

LivePusherContext.start()

播放推流
参数Object object小程序开发API之实时音视频_第9张图片

LivePusherContext.stop()

停止推流
参数Object object小程序开发API之实时音视频_第10张图片

LivePusherContext.pause()

暂停推流
参数Object object小程序开发API之实时音视频_第11张图片

LivePusherContext.resume()

恢复推流
参数Object object小程序开发API之实时音视频_第12张图片

LivePusherContext.switchCamera()

切换前后摄像头
参数Object object小程序开发API之实时音视频_第13张图片

LivePusherContext.snapshot()

快照
参数Object object小程序开发API之实时音视频_第14张图片

LivePusherContext.toggleTorch()

切换
参数Object object小程序开发API之实时音视频_第15张图片

LivePusherContext.playBGM(Object object)

播放背景音
参数Object object
小程序开发API之实时音视频_第16张图片

LivePusherContext.stopBGM()

停止背景音
参数Object object小程序开发API之实时音视频_第17张图片

LivePusherContext.pauseBGM()

暂停背景音
参数Object object小程序开发API之实时音视频_第18张图片

LivePusherContext.resumeBGM()

恢复背景音
参数Object object小程序开发API之实时音视频_第19张图片

LivePusherContext.setBGMVolume(Object object)

设置背景音音量
参数Object object小程序开发API之实时音视频_第20张图片

示例代码
index.wxml


  
    

    
      
      
      
      
      
    
  

index.wxss

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

live-pusher {
  margin: 0 auto;
  width: 300px;
  height: 225px;
}

index.js

Page({
  onReady(res) {
    this.ctx = wx.createLivePusherContext('pusher')
  },
  statechange(e) {
    console.log('live-pusher code:', e.detail.code)
  },
  bindStart() {
    this.ctx.start({
      success: res => {
        console.log('start success')
      },
      fail: res => {
        console.log('start fail')
      }
    })
  },
  bindPause() {
    this.ctx.pause({
      success: res => {
        console.log('pause success')
      },
      fail: res => {
        console.log('pause fail')
      }
    })
  },
  bindStop() {
    this.ctx.stop({
      success: res => {
        console.log('stop success')
      },
      fail: res => {
        console.log('stop fail')
      }
    })
  },
  bindResume() {
    this.ctx.resume({
      success: res => {
        console.log('resume success')
      },
      fail: res => {
        console.log('resume fail')
      }
    })
  },
  bindSwitchCamera() {
    this.ctx.switchCamera({
      success: res => {
        console.log('switchCamera success')
      },
      fail: res => {
        console.log('switchCamera fail')
      }
    })
  }
})




你可能感兴趣的:(ONE,PIECE--小程序,ONE,PIECE--小程序)