Flv.js编译使用

Flv.js (https://github.com/bilibili/flv.js)是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash。由 bilibili 网站开源。本文讲述其编译使用。

Flv.js目前最新版本是v1.6.2。在https://github.com/bilibili/flv.js/releases 下载其源码。

Flv.js编译使用_第1张图片

拷贝到Linux系统(Linux系统的ip为172.16.17.154)中,解压,将flv.js-1.6.2放到网站环境或http服务器根目录下。

进入源码目录,执行命令:

npm ci                 # install dependencies / dev-dependences
npm run build:debug    # debug version flv.js will be emitted to /dist
npm run build          # minimized release version flv.min.js will be emitted to /dist

执行完后,可以看到源码目录下生成了dist目录。dist代表分发,是生产站点上实际使用的缩小或连接版本:

dist目录下会生成flv.js和flv.min.js等文件:

Flv.js编译使用_第2张图片

官方示例代码在demo目录下

Flv.js编译使用_第3张图片

浏览器输入 http://172.16.17.154:30000/flv.js-1.6.2/demo/index.html (flv.js所在电脑的ip为172.16.17.154,http服务器监听端口为30000)

Flv.js编译使用_第4张图片

按照《WS-FLV直播协议分析》文章中写的那样,通过FFmpeg推流,flv.js拉流,可以看到效果如下:

你可能感兴趣的:(音视频技术,音视频)