首页 > 其他分享 >无插件H5播放器EasyPlayer.js H5流媒体播放器decoder.js decoder.wasm文件想存放特定地址

无插件H5播放器EasyPlayer.js H5流媒体播放器decoder.js decoder.wasm文件想存放特定地址

时间:2024-11-13 14:41:20浏览次数:1  
标签:播放器 插件 EasyPlayer wasm decoder js H5

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

相关文章

  • Node.js 版本管理的最终答案 Volta
    文章目录特点安装Unix系统安装Windows系统安装常用命令voltafetchvoltainstallvoltauninstallvoltapinvoltalistvoltacompletionsvoltawhichvoltasetupvoltarunvoltahelp建议目前对于前端项目的node版本,我们一般会在项目package.json的engines字段......
  • 微信小程序 nodejs+uniapp+vue个人身体健康系统184bw
    目录课题介绍具体实现截图使用技术介绍解决的思路开发工具和技术简介错误处理和异常处理nodejs类核心代码部分展示源码获取/联系我课题介绍实现了一个完整的身体健康系统,其中主要有运动推荐模块、用户事务模块、用户分享模块、用户模块、饮食推荐模块、消息提醒模块......
  • BPMNJS设计器开发核心功能分析
    系统功能在开发一个前端工作流设计器,尤其是基于BPMN(业务流程建模与标注)或类似于钉钉的设计器时,主要需求可以总结为以下几个关键点:1.流程节点与边的设计节点类型多样化:支持基础节点(如开始、结束、任务节点、网关节点等)和自定义节点。节点可配置性:每个节点需要可以配置,例如设......
  • [js] 突发奇想, 使用canvas绘制一个动态的扫描仪
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title&g......
  • 无插件H5播放器EasyPlayer.js网页web无插件播放器vue和react详细介绍
    EasyPlayer.jsH5播放器,是一款能够同时支持HTTP、HTTP-FLV、HLS(m3u8)、WS、WEBRTC、FMP4视频直播与视频点播等多种协议,支持H.264、H.265、AAC、G711A、Mp3等多种音视频编码格式,支持MSE、WASM、WebCodec等多种解码方式支持Windows、Linux、Android、iOS全平台终端的H5播放器,使用简单......
  • JSON 处理技术:字符串与对象的转换
    JSON处理技术:字符串与对象的转换在现代Web开发中,JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集。JSON格式易于人阅读和编写,同时也易于机器解析和生成。本文将探讨JSON.parse()和JSON.stringify()方法,这两个方法在处理JS......
  • T-SQL——自定义函数解析JSON字符串
    T-SQL——自定义函数解析JSON字符串适应于是2005及以上版本1.函数创建脚本CREATEFUNCTION[dbo].[parseJSON](@JSONNVARCHAR(MAX))/**Summary:>ThecodefortheJSONParser/ShredderwillruninSQLServer2005,andeveninSQLServer2000(withsomemo......
  • pjsip编译、说明及vs2022使用示例
    环境:window10_x64&vs2022pjsip版本:2.14.1 之前整理过pjsip2.10的编译及python使用示例:https://www.cnblogs.com/MikeZhang/p/pjsip20210116.htmlhttps://www.cnblogs.com/MikeZhang/p/win10py3pjsua-20211010.html 今天整理下pjsip2.14.1的编译、接口说明,以及在vs......
  • 猿人学web端爬虫攻防大赛赛题第5题——js 混淆 - 乱码增强
    题目网址:https://match.yuanrenxue.cn/match/5解题步骤抓数据包。在请求头和请求体中都有加密的内容。比较特殊的就RM4hZBv0dDon443M字段,全局搜索一下。没有任何内容,只能跟第2题一样,利用fiddler来设置断点了。(function(){'usestrict';varcookieTemp=''......
  • js.删除并获得点数
    链接:740.删除并获得点数-力扣(LeetCode)题目:给你一个整数数组 nums ,你可以对它进行一些操作。每次操作中,选择任意一个 nums[i] ,删除它并获得 nums[i] 的点数。之后,你必须删除 所有 等于 nums[i]-1 和 nums[i]+1 的元素。开始你拥有 0 个点数。返回你能......