html使用EasyWasmPlayer.js示例方法及百度网盘下载地址
更新:2021-01-23 12:12:29
人气:362
来源:本站原创
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
推荐的文章
Ads by Google
随手记
- ● js实时动态显示PHP服务器时间且不用Ajax循环查询获取的方法
- ● Google谷歌访问助手百度云分享下载及安装方法说明
- ● jQuery实现页面中表格数据的搜索
- ● PHP如何获取指定网址的header头信息及隐藏关闭的方法
- ● 去掉EasyPlayer播放器水印LOGO“tsingsee”的方法
- ● easy-player-element.min.js使用示例及百度云盘下载
- ● 谷歌广告联盟(GoogleAdsense)申请通过了,可服务器在哪?
- ● PHP支持的版本及各版本最终支持时间
- ● 百度Ueditor解决上传图片及附件跨目录及返回路径的方法
- ● 记录有人物联网USR-W610串口服务器及WEB控制接线图
PHP经验分享
本站PHP博客源代码下载
联系博主