0
点赞
收藏
分享

微信扫一扫

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?

谁知我新 2022-02-09 阅读 208

EasyPlayer视频流媒体播放器兼容性很强,不仅能支持H.264/H.265视频的播放,还具有多个系列版本,如EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等。而且当前EasyPlayer还含有Windows、Android、iOS三个平台的稳定运行版本,EasyPlayer.js还可支持Linux平台,用户可以根据自身的需求对其进行二次开发或自主集成。

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_html

在今天的文章中,我们和大家分享:如何在本地搭建一个EasyPlayer的H5 demo,并播放H.265的视频流。

1)首先,播放H.265的视频流需要libDecoder.wasm文件,该文件只能在Nginx服务下才可以使用。所以我们需要先在网上下载一个Nginx服务(这里以nginx-1.21.5为例)。

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_html_02

2)接着,在我们npm上下载最新的EasyPlayer。

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_html_03

3)将element里的所有文件全部复制到nginx里的html里,并将之前的index.html备份。

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_视频流_04

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_nginx_05

4)然后启动Nginx服务,在nginx.conf里查看index.html页面的端口(默认80端口),在浏览器访问127.0.0.1:80。

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_nginx_06

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_nginx_07

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_视频流_08

5)最后,将H.265的视频流放进去,就可以正常播放了。

如何在本地搭建一个EasyPlayer的H5 demo 播放H265视频流?_视频流_09

近期我们对EasyPlayer播放器进行了大量的优化,新版本更加稳定和流畅,功能也更多。大家可以在我们的npm下载和体验试用:https://www.npmjs.com/package/@easydarwin/easyplayer。

举报

相关推荐

0 条评论