欢迎您来到,李雷博客 | PHP博客        登录  |  注册

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

更新:2021-01-23 12:12:29
人气:9842
来源:本站原创
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

推荐的文章
# 发表我的评论
  /     /  
# 最近评论

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

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

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

  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2024 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号-4