VideoContext 实例,可通过 wx.createVideoContext 获取。
VideoContext 通过 id 跟一个 video 组件绑定,操作对应的 video 组件。
基础库 1.4.0 开始支持,低版本需做兼容处理。
退出全屏
退出小窗,该方法可在任意页面调用
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
success | function | 否 | 接口调用成功的回调函数 | |
fail | function | 否 | 接口调用失败的回调函数 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
基础库 2.1.0 开始支持,低版本需做兼容处理。
隐藏状态栏,仅在iOS全屏下有效
暂停视频
播放视频
基础库 1.4.0 开始支持,低版本需做兼容处理。
设置倍速播放
倍率,支持 0.5/0.8/1.0/1.25/1.5,2.6.3 起支持 2.0 倍速
基础库 1.4.0 开始支持,低版本需做兼容处理。
进入全屏。若有自定义内容需在全屏时展示,需将内容节点放置到 video 节点内。
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
direction | number | 否 | 设置全屏时视频的方向,不指定则根据宽高比自动判断。 | 1.7.0 |
object.direction 的合法值
值 | 说明 | 最低版本 |
---|---|---|
0 | 正常竖向 | |
90 | 屏幕逆时针90度 | |
-90 | 屏幕顺时针90度 |
跳转到指定位置
跳转到的位置,单位 s
发送弹幕
弹幕内容
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
text | string | 是 | 弹幕文字 | |
color | string | 否 | 弹幕颜色 |
基础库 2.1.0 开始支持,低版本需做兼容处理。
显示状态栏,仅在iOS全屏下有效
基础库 1.7.0 开始支持,低版本需做兼容处理。
停止视频
<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">发送弹幕</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()
})
}
})
(c) 2024 chaojicainiao.com MIT license