ezuikit-flv

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 文件， 这两个文件需要在同一个文件夹下）

配置

options

api

api

examples

base-app

react-app

vue-app