# jessibuca

**Repository Path**: houxiaomi/jessibuca

## Basic Information

- **Project Name**: jessibuca
- **Description**: http://jessibuca.monibuca.com/
具体介绍看官网，官网的使用说明太简单了，建立这个仓库目的
主要是为了说明使用与安装
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2023-12-20
- **Last Updated**: 2023-12-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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. 使用的前端代码：

```html
<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不识别流格式，无法正常播放的问题出现**