产品分类:
uniapp/H5
PC开发环境操作系统:
Mac
PC开发环境操作系统版本号:
10.15.3
HBuilderX类型:
正式
HBuilderX版本号:
2.7.7
浏览器平台:
微信内置浏览器
浏览器版本:
7.0.14
项目创建方式:
HBuilderX
操作步骤:
@error="videoErrorCallback" :danmu-list="danmuList" enable-danmu danmu-btn controls>
弹幕内容
发送弹幕
export default {
data() {
return {
src: '',
danmuList: [{
text: '第 1s 出现的弹幕',
color: '#ff0000',
time: 1
},
{
text: '第 3s 出现的弹幕',
color: '#ff00ff',
time: 3
}
],
danmuValue: ''
}
},
onReady: function(res) {
// #ifndef MP-ALIPAY
this.videoContext = uni.createVideoContext('myVideo')
// #endif
},
methods: {
sendDanmu: function() {
this.videoContext.sendDanmu({
text: this.danmuValue,
color: this.getRandomColor()
});
this.danmuValue = '';
},
videoErrorCallback: function(e) {
// uni.showModal({
// content: e.target.errMsg,
// showCancel: false
// })
console.log(e)
},
getRandomColor: function() {
const 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('')
}
}
}
```
预期结果:
wu
实际结果:
点击播放报错