Ezuikit-flv
ezuikit-flv 是一款开源的纯H5直播流播放器,通过Emscripten将音视频解码库编译成js(wasm) 运行于浏览器之中。兼容几乎所有浏览器,可以运行在PC、手机、微信中,无需额外安装插件。
功能
- 支持解码H.264视频
- 支持解码H.265视频(flv id == 12)
- 支持2K视频
- 支持解码AAC音频
- 可设置播放缓冲区时长,可设置0缓冲极限低延迟(网络抖动会造成卡顿现象)
- 可创建多个播放实例
- 手机浏览器内打开长时间不会息屏
- 支持填充,等比,等比缩放 3种视频缩放模式
- 支持0,90,180,270度画面旋转
- 支持MediaSourceExtensions 硬件解码
- 支持MediaSourceExtensions硬解码失败的情况下自动切换到wasm软解码
npm 使用
npm install ezuikit-flv
import 'ezuikit-flv/style.css';
import EzuikitFlv from 'ezuikit-flv';
const player = new EzuikitFlv({
url: 'play url', // https://play.com/9999.flv
id: 'id', // support element id
decoder: 'decoder.js' // 自定义解码库加载地址, 默认放置在服务器根目录下
// themeData: null // 忽略主题
});
player.play();
umd使用
<div id="container-id">
<!-- ezuikit-flv css file `node_modules/ezuikit-flv/style.css`-->
<link rel="stylesheet" href="./style.css" />
<!-- ezuikit-flv umd file `node_modules/ezuikit-flv/index.js`-->
<script src="./index.js"></script>
<script>
const player = new EzuikitFlv({
url: 'play url', // https://play.com/9999.flv
id: 'container-id', // support element id or element
decoder: 'decoder.js' // 自定义解码库加载地址, 默认放置在服务器根目录下
// themeData: null // 忽略主题
});
player.play();
</script>
</div>
注意: 暂不提供CDN地址, decoder静态资源需要放置在自己的服务器下(node_modules/ezuikit-flv下 decoder.wasm 和 decoder.js 文件, 这两个文件需要在同一个文件夹下)
注意: 暂不提供CDN地址,decoder静态资源需要放置在自己的服务器下(node_modules/ezuikit-flv下 decoder.wasm 和 decoder.js 文件, 这两个文件需要在同一个文件夹下)
注意: 暂不提供CDN地址,decoder静态资源需要放置在自己的服务器下(node_modules/ezuikit-flv下 decoder.wasm 和 decoder.js 文件, 这两个文件需要在同一个文件夹下)