B站视频开源代码flv.js的使⽤部署⼼得（代码整理）
Flv.js
是  Flash 视频（FLV）播放器，纯原⽣  开发，没有⽤到 Flash。由 bilibili ⽹站开源。
概览：
⼀个实现了在  视频中播放 FLV 格式视频的 JavaScript 库。它的⼯作原理是将 FLV ⽂件流转码复⽤成 ISO BMFF（MP4 碎⽚）⽚段，然后通过  将 MP4 ⽚段喂进浏览器。
flv.js 是使⽤ ECMAScript 6 编写的，然后通过  编译成 ECMAScript 5，使⽤  打包。
功能：
FLV 容器，具有 H.264 + AAC 编解码器播放功能
多部分分段视频播放
HTTP FLV 低延迟实时流播放
FLV 通过 WebSocket 实时流播放
兼容 Chrome, FireFox, Safari 10, IE11 和 Edge
⼗分低开销，并且通过你的浏览器进⾏硬件加速如何下载javascript
以上是官⽅的介绍，重点是开源让我们⽤了，谢谢B站的⼤神们
以下是我整理的集成使⽤⽅案
⼀、部署⽅案
1、前提
⾸先这⾥要使⽤到nodejs和npm，如何安装和部署在我之前的⽂章有写过了，这⾥不再多说，需要可以看【】
2、下载代码
需要同步最新代码的同学要使⽤git，没有git的也可以下载zip⽂件
代码下载下来后
我放在了D:\code\flv.js-master
3、构建代码
因为代码不能直接使⽤，我们需要⽤到nodejs的npm模块进⾏构建
1）先打开cmd命令⾏窗⼝（这⾥记得⽤右键打开以管理员⾝份运⾏），不然可能运⾏会error cd命令到放置代码的地⽅，我是放在D:\code\flv.js-master上
2）执⾏npm构建，这⾥是进⾏安装开发环境的操作
[html]
1. npm install
等待执⾏完后，会出现下图
D:\code\flv.js-master会多出了⼀个node_modules⽂件夹
3）安装⽣成⼯具
[html]
1. npm install -g gulp
4）包装和最⼩化JS放在dist⽂件夹⾥
[html]
1. gulp release
然后D:\code\flv.js-master\dist⾥就终于得到我们需要flv.js和flv.min.js代码了
flv.js压缩前代码
flv.min.js压缩后代码
⼆、整合⽅案
代码DEMO-html页⾯
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">    <title>flv.js demo</title>
<style>
.mainContainer {
display: block;
width: 1024px;
margin-left: auto;
margin-right: auto;
}
.urlInput {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
margin-bottom: 8px;
}
.centeredVideo {
display: block;
width: 100%;
height: 576px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
}
.
controls {
display: block;
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。