在html文件中集成easy,【技术教程】关于H.265编码视频流媒体播放器EasyWasmPlayer的html中的引用方式...

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

播放器的HTML方式集成

软件包目录结构：

代码示例

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

实际效果展示：