html使用EasyWasmPlayer.js示例方法及百度网盘下载地址

更新：2021-01-23 12:12:29

人气：10738

来源：本站原创

A+

这里我主要想说一下近期做播放器时找插件文档时遇到的问题，经过百度搜索“EasyPlayer”，跳转到了GitHub站点，里面和WEB相关的应用就是下面这段：

EasyPlayer.js的下载地址链接

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

转载请注明：html使用EasyWasmPlayer.js示例方法及百度网盘下载地址 | 李雷博客 - PHP博客

推荐的文章

TinyMCE一键排版布局插件的文件下载及功能使用示例

聊聊php百万数据怎么写入csv

php文件夹与文件目录操作函数介绍

navicat中数据传输、数据同步、结构同步的区别

# 发表我的评论

/ /

# 最近评论

sun / 2021-03-10 21:18

回复1楼

拜读大侠文章受益匪浅，但是没有成功，www目录下放入EasyWasmPlayer.js，同目录下放入视频1.mp4,新建html文件，复制大侠上面代码，只修改 <script type="text/javascript" src="EasyWasmPlayer.js"></script>，var video_url='1.mp4'; 这两处，出现播放界面，但按播放按钮，无反应，不能播放。请大侠指点，谢谢！

111 回复 sun / 2022-07-03 18:22

回复-1楼

大佬有demo可以借阅一下么，菜鸡尝试失败了

sun / 2021-03-10 21:53

回复2楼

就像本地打开html一样，只出现黑色的播放窗口，而且改了player.setSnap('images/logo_1.png');图片出不显示，服务器是windows10 IIS,难道还需要在IIS上再设置什么？libDecoder.wasm也放到www目录下，请大侠多多指点。mp4是h265 h264均不行。

Ads by Google

随手记

PHP经验分享

联系博主

Hello，本博客系统采用PHP和MySql开发，程序开发完全是因为个人爱好，是自己纯手写PHP源代码，未采用任何PHP框架！

QQ：858353007 微信号：lileihot123

标签：PHP技术博客 PHP经验分享

网站地图 XML地图随手记本站声明博客移动版	会员服务 PHP经验分享帮助中心	关于我们联系我们获取积分 QQ：858353007	广告服务广告优势付款方式 mdaima@126.com	加我微信	移动端访问


Copyright © 2014- 2025 www.mdaima.com All Rights Reserved. 李雷博客，专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客！ ICP备案号：京ICP备10202169号-4