如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js?
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在iOS上实现低延时直播等功能。
安防视频监控EasyPlayer是一个支持多框架集成的播放器,我们在前期的文章中也介绍了如何在React框架下集成流媒体视频播放器EasyPlayer.js,感兴趣的用户可以翻阅我们往期的文章进行了解。
有用户反馈,在uniapp框架下集成EasyPlayer.js播放器,但是集成的过程中会报一个“video.js,flv.js找不到”的错。
那么今天我们来详细介绍下在uniapp中如何集成流媒体播放器EasyPlayer.js,具体步骤如下:
1)首先,在HBuider X下创建一个项目;
2)在npm上下载easyplayer.js,下载地址如下:
https://www.npmjs.com/package/@easydarwin/easyplayer,找到对应的文件;
3)将上面的这两个文件复制放到用户项目的static目录下,并在App.vue中如下图一样引入播放器;
4)然后就可以在项目里使用EasyPlayer.js播放器了。
5)如果视频流是H.265,那么还需要将EasyPlayer.element.min.js中的/EasyPlayer.wasm替换为static/EasyPlayer.wasm,如下所示:
6)这样在播放H.265格式的视频流时,就可以正常访问到EasyPlayer.wasm,并且能正常播放了。
流媒体播放器EasyPlayer是我们流媒体组件系列中关注度较高的产品,经过多年的发展和迭代,目前已经有多个应用版本,包括RTSP版、RTMP版、Pro版,以及js版,其中js版本作为网页播放器,受到了用户的广泛使用。在功能上,EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性,具备较高的可用性和稳定性。感兴趣的用户可以前去下载测试。

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
zone.js由入门到放弃之四——Angular对zone.js的应用
啸达同学的zone.js系列分享第四篇,新鲜出炉,终于等到了Angular对zone.js的使用 zone.js系列往期文章 zone.js由入门到放弃之一——通过一场游戏认识zone.js zone.js由入门到放弃之二——zone.js API大练兵 zone.js由入门到放弃之三——zone.js 源码分析【setTimeout篇】 NgZone 我在《zone.js由入门到放弃之一》中简述过zone.js和NgZone的关系,我说ngZone生于zone.js;长于Angular。在这里我再解释一下这句话的意思:首先zone.js维护了一个执行上下文栈,可以帮助开发者追踪异步任务、并通过生命周期勾子注入业务。NgZone实际上就是一个从root zone中fork出来的子zone。只不过这个子zone是专门为Angular量身定做的,并被当作一个可注入的服务被集成到Angular开发工具中。我见过有些文章中说Angular封装了zone.js从而构建出NgZone。其实这种说法是不准确的,个人理解,Angular其实并没有对zone.js的框架或是核心做任何改动,只是利用zon...
- 下一篇
教你用API插件开发一个AI快速处理图片小助手
本文分享自华为云社区《【案例教学】华为云API图引擎服务 GES的便捷性—AI帮助快速处理图片小助手》,作者:华为云PaaS服务小智。 调用云服务、API、SDK、调试、查看…… “我”都行,一起来体验用Huawei Cloud API实现AI快速处理图片。 1 IntelliJ IDEA 之API插件介绍 API插件支持 VS Code IDE、IntelliJ IDEA等平台、以及华为云自研 CodeArts IDE,基于华为云服务提供的能力,帮助开发者更高效、便捷的搭建应用。API插件关联华为云服务下的 API Explorer、DevStar、CodeLabs、SDK 中心和 CLI 中心产品,致力于为开发者提供更稳定、快速、安全的编程体验。 在本插件中,我们提供了但不局限于如下的功能: 对接华为云API开放平台,支持用户检索API、查看API文档、调试API、以及提供SDK示例代码供用户学习如何使用API。 提供华为云SDK代码片段补全功能,SDK依赖包自动引入,加速用户集成华为云API。 对接华为云开发体验馆Codelabs,提供500+云服务代码示例,向导式教程帮助用户快...
相关文章
文章评论
共有0条评论来说两句吧...