/h5-video-player

这是一个基于jessibuca的简单播放器实例,可以同时支持H.264/H.265+AAC/PCMA/PCMU流

Primary LanguageVue

视频播放器组件说明文档

使用此播放器可以解决部分播放器无法同时播放 H264H265两种编码格式的问题

使用方法

  1. 下载或拉取仓库数据后文件结构如下

    │  index.vue			// 实例文件
    │  README.md
    │
    ├─jessibuca				// 播放器源文件
    │      ff.js
    │      ff.wasm
    │      ff.worker.js
    │      index.js
    │      logo.png
    │
    └─jessibucaPlayer		// 播放器组件
            iconfont.woff2
            jessibuca.vue
    
  2. jessibuca 文件夹放入public文件夹下(老项目如没有public放入static文件夹)

  3. jessibucaPlayer文件夹放入你的项目组件库(具体位置根据你的项目架构确定)

  4. 引入

    1. /public/index.html

      <head>
      ...
      // 在head中插入
      <script src="/jessibuca/index.js"></script>
      ...
      </head>
    2. 在需要页面中引入组件,具体实例参考index.vue实例文件

文档

官方文档

特殊事项

在播放器初始化过程中存在一个配置项decoder: '/jessibuca/index.js',这个地址和index.html中的地址一样是根据你源文件的存放地址来的如果你的存放地址发生了变化请修改这两个地方的地址路径,否则无法运行。