前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js?

如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js?

原创
作者头像
TSINGSEE青犀视频
发布2023-09-19 09:58:24
1.4K3
发布2023-09-19 09:58:24
举报
文章被收录于专栏:TSINGSEE青犀视频

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
实时音视频
实时音视频(Tencent RTC)基于腾讯21年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档