官方的弹幕组件

https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/component-plus/barrage.html

使用经验

Cannot read property 'getBarrageInstance' of null

原因是<barrage class="barrage"></barrage>,还没有初始化成功,可以尝试在onReady中进行

onReady() {
  this.addBarrage() // 这个需要放在onReady中
}

如果还是不行,则可以尝试使用定时器延迟几秒


this.barrage.addData(data) 这里的data是什么

是一个数组


data.forEach is not a function

这个问题使用了官方的实例的mock数据后就没这个情况,也是很诡异


是否一定要放在video中?

不是,尝试过,可以放在view中


页面上不显示

包裹barrage的元素要有宽高

<view style="height:100rpx;width:100vw; z-index:10000">
  <barrage class="barrage"></barrage>
</view>