jessibuca

介绍

http://jessibuca.monibuca.com/ 具体介绍看官网，官网的使用说明太简单了，建立这个仓库目的 主要是为了说明使用与安装

安装教程

1. 前置安装npm

首先安装必要的环境

yum install gcc gcc-c++ wget https://npm.taobao.org/mirrors/node/v10.14.1/node-v10.14.1-linux-x64.tar.gz

然后执行下面命令

tar -xvf node-v8.0.0-linux-x64.tar.xz mv node-v8.1.4-linux-x64 node

配置环境变量

vim /etc/profile 在文件中添加，目录写自己的实际目录

#set for nodejs export NODE_HOME=/usr/local/node export PATH=$NODE_HOME/bin:$PATH

生效配置文件

source /etc/profile node -v

2. 快速查看效果

git clone https://gitee.com/huangz2350_admin/jessibuca.git

cd jessibuca

npm install -g vuepress

vuepress.cmd dev #本地开发用

3. 挂载到其他WEB服务器上使用

如果需要挂载到别的前端服务器上，则需要先执行 vuepress.cmd build

将.vuepress\dist目录下内容，转移到其他前端服务器上进行部署即可

使用说明

1. 使用的前端代码：

<div id="container" style="width:800px;height:600px"></div>
<script src="./renderer.js"></script>
<script>
  var container = document.getElementById("container");
  var jessibuca = new Jessibuca({ container, decoder: "ff.js" ,videoBuffer:0.2});
  jessibuca.onLoad = function () {
      this.play("http://localhost/live/user1.flv")
  }
</script>

2. 其中：

   .vuepress\dist\ff.js -- H264解码器

   .vuepress\dist\ff_wasm.js -- H264-wasm解码器

   .vuepress\dist\libhevc_aac.js -- H265解码器

   .vuepress\dist\libhevc_aac_wasm.js -- H265-wasm解码器

3. 20200817：追加HLS协议的支持，但是jess支持能力有限，找到了easyDawin旗下的播放器EasyPlayer（https://github.com/tsingsee/EasyPlayer.js），支持ws-flv/http-flv/hls的播放，HEVC的解码器也使用了行业内推荐的CODEC=12的编码方式，可以与现有SRS-265、ffmpeg-265无缝对接

   测试比较：

   **a. 延迟：**有较明显延迟，但是比jess播放器延迟效果会好一点（有些机器jess播5秒就不能播放了，除非重新刷新浏览器）；EasyPlayer.js也有延迟，比如1S会2S播完，但是不会卡屏

   **b. 支持格式：**jess只支持http/ws-flv，对hls不支持;但是EasyPlayer.js支持

   c. 追加EasyPlayer目录提供测试：

   cd EasyPlayer

   npm install http-server

   http-server.cmd

   PS：如果要使用srs作为flv视频源的话，请选择3.0以上版本进行推流源配置，2.0源会有metadata不发送，导致easyplayer不识别流格式，无法正常播放的问题出现