微信小程序API 視頻·VideoContext

VideoContext

VideoContext 實(shí)例，可通過(guò) wx.createVideoContext 獲取。

VideoContext 通過(guò) id 跟一個(gè) video 組件綁定，操作對(duì)應(yīng)的 video 組件。

方法：

VideoContext.exitFullScreen()

基礎(chǔ)庫(kù) 1.4.0 開(kāi)始支持，低版本需做兼容處理。

退出全屏

VideoContext.exitPictureInPicture(Object object)

退出小窗，該方法可在任意頁(yè)面調(diào)用

參數(shù)

Object object

VideoContext.hideStatusBar()

基礎(chǔ)庫(kù) 2.1.0 開(kāi)始支持，低版本需做兼容處理。

隱藏狀態(tài)欄，僅在iOS全屏下有效

VideoContext.pause()

暫停視頻

VideoContext.play()

播放視頻

VideoContext.playbackRate(number rate)

基礎(chǔ)庫(kù) 1.4.0 開(kāi)始支持，低版本需做兼容處理。

設(shè)置倍速播放

參數(shù)

number rate

倍率，支持 0.5/0.8/1.0/1.25/1.5，2.6.3 起支持 2.0 倍速

VideoContext.requestFullScreen(Object object)

基礎(chǔ)庫(kù) 1.4.0 開(kāi)始支持，低版本需做兼容處理。

進(jìn)入全屏。若有自定義內(nèi)容需在全屏?xí)r展示，需將內(nèi)容節(jié)點(diǎn)放置到 video 節(jié)點(diǎn)內(nèi)。

參數(shù)

Object object

object.direction 的合法值

VideoContext.seek(number position)

跳轉(zhuǎn)到指定位置

參數(shù)

number position

跳轉(zhuǎn)到的位置，單位 s

VideoContext.sendDanmu(Object data)

發(fā)送彈幕

參數(shù)

Object data

彈幕內(nèi)容

VideoContext.showStatusBar()

基礎(chǔ)庫(kù) 2.1.0 開(kāi)始支持，低版本需做兼容處理。

顯示狀態(tài)欄，僅在iOS全屏下有效

VideoContext.stop()

基礎(chǔ)庫(kù) 1.7.0 開(kāi)始支持，低版本需做兼容處理。

停止視頻

示例代碼

在開(kāi)發(fā)者工具中預(yù)覽效果

<view class="section tc">
  <video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" rel="external nofollow"  enable-danmu danmu-btn controls></video>
  <view class="btn-area">
    <input bindblur="bindInputBlur"/>
    <button bindtap="bindSendDanmu">發(fā)送彈幕</button>
  </view>
</view>

function getRandomColor () {
  let rgb = []
  for (let i = 0 ; i < 3; ++i) {
    let color = Math.floor(Math.random() * 256).toString(16)
    color = color.length == 1 ? '0' + color : color
    rgb.push(color)
  }
  return '#' + rgb.join('')
}

Page({
  onReady (res) {
    this.videoContext = wx.createVideoContext('myVideo')
  },
  inputValue: '',
  bindInputBlur (e) {
    this.inputValue = e.detail.value
  },
  bindSendDanmu () {
    this.videoContext.sendDanmu({
      text: this.inputValue,
      color: getRandomColor()
    })
  }
})