html播放flv直播源码,使用flv.js实现HTML5播放FLV视频文件

本文最后更新于 2017 年 11 月 1 日，其中的内容可能有所发展或发生改变，敬请注意。随着html5的普及，flv文件的播放成为了一个历史遗留问题，flv.js的出现解决了这样一个问题……

为什么要这么做？

这是一个历史遗留问题，早期网络播放器大量依赖于Flash，自然而然地，流媒体文件格式flv就成了网络最常用的流媒体格式。随着Flash遭到Adobe抛弃，移动端对Flash的不友好，之前的flv的播放就成为了一个问题。你问我为什么不全部转换格式？老哥！服务器成本和时间成本你出！

flv.js的作者信息？

作者谦谦(知乎页面)，前B站程序猿，开发用于bilibili播放器，在bilibili的Github开源库中存有(访问Github)

这个js做了什么？

flv.js 做了三件事：

1. HTML5 原生仅支持播放 mp4/webm 格式，flv.js 实现了在 HTML5 上播放 FLV 格式视频

2. 使 Bilibili 网页端平滑过度到 HTML5 播放器，历史遗留不再是障碍

3. 对于视频直播，在 HTML5 上支持了延迟极低 HTTP FLV 播放，解开网页端直播对 Flash 的依赖

有运行效果么？

SPiCa | 手柄君的小阁 该页面PV使用该js实现的在线播放flv

这个js怎么使用？

在这里，假设目前读者没有任何操作经验

Step1: 在页面中引入js

这里我使用了BootCDN提供的CDN服务，截止到本文书写，最后版本是1.3.3，故在BootCDN找到对应库(BootCDN)，

(点击查看大图)

点击你需要的版本后的“复制

请将其粘贴到网页源代码