EasyPlayer无插件H5播放器是TSINGSEE青犀流媒体组件系列中关注度较高的产品,经过多年的发展和迭代,目前已经有多个应用版本,包括RTSP版、RTMP版、Pro版,以及js版,其中js版本作为网页播放器,受到了用户的广泛使用。
在功能上,EasyPlayer网页web无插件播放器支持直播、点播、录像、快照截图、MP4播放、多屏播放、倍数播放、全屏播放等特性,具备较高的可用性和稳定性。为了便于用户集成与调用,我们也提供了API接口供大家使用。
EasyPlayer.js decoder.js decoder.wasm文件想存放在特定地址。
一般情况下,建议放置在 public 目录下面,如果需要放置在子目录,需要修改的地方有以下几部分。
例如放在EasyPlayer.js文件夹
1、index.html文件
<script src="./jessibuca/jessibuca.js"></script>
2、对于 new EasyPlayer.js() 的时候
{
decoder:'/jessibuca/decoder.js'
}
3、decoder.js decoder.wasm文件想通过CDN加载
因为默认情况下decoder.js是通过相对路径引入decoder.wam文件的。
如果想引用CDN的地址,需要修改成CDN的绝对地址。
所以如果想通过CDN加载,需要修改decoder.js文件,需要配置decoder 参数为CDN绝对地址文件。
{
decoder:'https://your-cdn.com/decoder.js'
}
this.decoderWorker = new Worker(player._opt.decoder)
// 修改后 src/worker/index.js
const blob = new Blob([`importScripts("${player._opt.decoder}")`], {"type": 'application/javascript'});
const blobUrl = window.URL.createObjectURL(blob);
this.decoderWorker = new Worker(blobUrl);
// 修改前 src/decoder/decoder.js
wasmBinaryFile = 'decoder.wasm';
// 修改后 src/decoder/decoder.js
wasmBinaryFile = 'https://cdn.com/decoder.wasm';
然后需要重新执行下npm run build命令就可以了。
EasyPlayer播放器属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,无须安装任何插件,起播快、延迟低、兼容性强,使用非常便捷。
EasyPlayer.jsH.265流媒体播放器不仅支持H.264与H.265视频编码格式,也能支持WebSocket-FLV、HTTP-FLV、HLS(m3u8)、WebRTC、ws-fmp4、http-fmp4等格式的视频流,并具备直播、点播、录像、快照截图、MP4播放、多屏播放、倍数播放、全屏播放等功能特性。
标签:播放器,插件,EasyPlayer,wasm,decoder,js,H5 From: https://www.cnblogs.com/easyplayer/p/18543906