我们在此前的文章中介绍了如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js,感兴趣的用户可以翻阅我们往期的文章进行了解。

今天我们来介绍一下在Uniapp真机中,如何使用无插件流媒体EasyPlayer播放器呢?

因为在uniapp真机中,并不支持document,所以需要通过renderjs实现。

Uniapp真机中如何使用H.265无插件流媒体播放器EasyPlayer? _直接访问

主要代码如图,更多的renderjs使用方法查看官网文档:

Uniapp真机中如何使用H.265无插件流媒体播放器EasyPlayer? _流媒体_02

renderjs官方文档:https://uniapp.dcloud.net.cn/tutorial/renderjs.html#%E7%A4%BA%E4%BE%8B

注意事项

  • 目前仅支持内联使用。
  • 不要直接引用大型类库,推荐通过动态创建script方式引用。
  • 可以使用vue组件的生命周期(不支持beforeDestroy、destroyed、beforeUnmount、unmounted),不可以使用App、Page的生命周期。
  • 视图层和逻辑层通讯方式与WXS一致,另外可以通过this.$ownerInstance获取当前组件的ComponentDescriptor实例。
  • 注意逻辑层给数据时最好一次性给到渲染层,而不是不停从逻辑层向渲染层发消息,那样还是会产生逻辑层和视图层的多次通信,还是会卡。
  • 观测更新的数据在视图层可以直接访问到。
  • APP端视图层的页面引用资源的路径相对于根目录计算,例如:./static/test.js。
  • APP端可以使用dom、bomAPI,不可直接访问逻辑层数据,不可以使用uni相关接口(如:uni.request)。
  • H5端逻辑层和视图层实际运行在同一个环境中,相当于使用mixin方式,可以直接访问逻辑层数据。
  • vue3项目不支持setupscript用法。