html5中h265_关于H.265编码视频流媒体播放器EasyWasmPlayer的html中的引用方式

TSINGSEE青犀视频团队研发的EasyWasmPlayer支持多种协议和H5播放,尤其适用于H.265编码视频在web浏览器的直播。本文介绍了如何通过HTML集成播放器,包括播放器的实例化、地址传入和播放事件触发。
摘要由CSDN通过智能技术生成

TSINGSEE青犀视频研发团队经过多年的积累,已经有了视频流媒体平台以及视频播放器等优秀产品,比如EasyWasmPlayer播放器,就是一款能够同时支持HTTP、RTMP、HTTP-FLV、HLS(m3u8)、WS-FLV视频直播与视频点播等多种协议,重点在于该播放器是一款支持H5的播放器,可以兼容H.265编码格式视频在web浏览器上面的直播。

a0c6497d02fddb5a70c4bdf707bfeec6.png

播放器的HTML方式集成

软件包目录结构:

0c481d174e0d8bc1ab23148380fa1ffe.png

代码示例

index-web.html 文件代码

EasyWasmPlayer
H265播放器

列如:http://127.0.0.1:8080/flv/hls/stream.flv

播放

// 播放器回调函数

callbackfun = function (e) {

console.log(e);

}

// 播放按钮

var btn = document.getElementById('btn');

// 地址栏

var value = document.getElementById('value');

// 实例播放器

var player = new WasmPlayer(null, 'newplay', callbackfun,{

Height:true

})

//播放事件 传入地址播放

btn.onclick = function(){

player.play(value.value,1);

console.log(value.value);

}

步骤

1.实例化播放器

2.传入地址

3.通过事件触发地址进行播放

具体的播放器功能事件

公网地址:https://www.npmjs.com/package/@easydarwin/easywasmplayer

f7ddec2e9ca227aa665e4edb4a03744c.png

实际效果展示:

4c272cd567e65dbfc0e5b818eb0ae0e8.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值