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 播放、多屏播放、倍数播放、全屏播放等特性,具备较高的可用性和稳定性。感兴趣的用户可以前去下载测试。