html使用EasyWasmPlayer.js示例方法及百度网盘下载地址
更新:2021-01-23 12:12:29
人气:9842
来源:本站原创
A+
这里我主要想说一下近期做播放器时找插件文档时遇到的问题,经过百度搜索“EasyPlayer”,跳转到了GitHub站点,里面和WEB相关的应用就是下面这段:
EasyPlayer.js是EasyPlayer H5版,支持http、rtmp、flv、hls等多种协议,支持全平台、全终端(Windows、Linux、Android、iOS)播放
EasyPlayer.js H5播放器,是一款能够同时支持HTTP、HTTP-FLV、HLS(m3u8)视频直播与视频点播等多种协议,支持H.264、H.265、AAC等多种音视频编码格式,支持mse、wasm等多种解码方式,支持Windows、Linux、Android、iOS全平台终端的H5播放器。
1.官方给出的集成示例,引入
复制 EasyWasmPlayer.js 到项目中
复制 libDecoder.wasm到项目或者www的根目录(一定要根目录),官方这样提示,但经过我自己的测试, libDecoder.wasm不仅不用放至根目录,而且是完全用不着。
2.在 html 中引用 EasyWasmPlayer.js(我实际使用的示例,官方的例子可能有些小白不好理解)
<script type="text/javascript" src="js/EasyWasmPlayer.js"></script> <div style="width:100%;height:55vw;background-color:pink;margin: auto;"> <div id="newplay" ></div> </div> <script> callbackfun = function (e) { //点击播放器里的按钮返回事件 console.log(e); if (e=='pause'){//暂停事件 player.setSnap('images/logo_1.png');//显示封面图片 }else if (e=='play'){ player.endSnap();//清除封面图片 player.endLoading();//取消Loading显示 } } var player = new WasmPlayer(null, 'newplay', callbackfun,{ Height:true,openAudio:true,BigPlay:false,HideKbs:true, }) //Height:播放器尺寸是否继承父盒子的 //openAudio:是否打开音频 //HideKbs:是否隐藏实时码率 var video_url='https://www.mdaima.com';//视频流地址 $(document).ready(function(){ player.play(video_url,1); }); </script>
以上是最新文件,包含自己整理的想法,网上写的是EasyPlayer.js但实际应用文件名字是EasyWasmPlayer.js,这里容易让人误解,看到这个示例大家应该好理解一些了。
在这提供一下EasyWasmPlayer.js百度网盘分享下载,永久有效
链接:https://pan.baidu.com/s/1VZ6WtnC8YBgq0OykkRQTCQ
提取码:jfj4
推荐的文章
随手记
PHP经验分享
- ● MySQLSUM在没有符合查询条件时返回结果为空的处理办法
- ● 如何开启PHP8的JIT提升运行速度
- ● 钉钉API接口-用PHP+Curl实现获取用户信息
- ● 钉钉API接口-用PHP+Curl实现获取应用Access_Token
- ● 在PHP中使用CURL,“撩”服务器只需几行——phpcurl详细解析和常见大坑
- ● MySQLInnodb并发涉及参数说明
- ● mysql参数调优之innodb_thread_concurrency、innodb_concurrency_tickets合理的使用cpu性能
- ● PHP用fsockopen检测指定IP端口是否开启可用
- ● PHP用socket检测服务器IP端口是否开放?代码示例
- ● GatewayWorker报错:Waring:Events::onMessageisnotcallable