Bilibili 向 HTML5 进发，播放器内核 flv.js 开源

[jyzhengqian]

https://github.com/Bilibili/flv.js

原生 HTML5 仅支持播放 mp4/webm ，于是我们做了一个使 HTML5 支持播放 FLV 视频的播放内核。

flv.js 在 JavaScript 中流式解析 flv 文件流并实时转封装为 fmp4 ，通过 Media Source Extensions 喂给浏览器，实现了 FLV 格式视频的播放。

我们实现了：

• 支持 H.264+AAC 编码的 FLV 视频
• 支持多段视频无缝播放
• 支持 HTTP FLV 超低延迟直播流播放（远低于 HLS ，与 RTMP 一致）
• 支持在 WebSocket 上承载的 FLV 直播流
• 支持所有主流浏览器 (Chrome, FireFox, IE11, Edge 和 Safari 10)
• 极低的运行开销，享受浏览器硬件解码，告别 Flash 暖手时代

另：可以在 http://www.bilibili.com/html/help.html#p 试用我们的 HTML5 播放器~

[ChiangDi]

flv 已死。。。

[datou]

难怪 b 站 web 端的 h5 播放器容易音画不同步

[SakuraKuma]

我记得之前用过一段时间，
很容易 fetch error
后来就换回 flash 了。

另外还是支持下~

[dangge]

1000star 贺电

[for8ever]

JavaScript 可以转换视频格式了呀？

[xjbeta]

问题来了 直播什么时候支持 html5

[cesar]

@datou 我也是这样， HTML5 播放器，播放时间一长，就音画不同步了，必须重新拖一下进度条才行

[bsklqgy]

youku 居然还不 html5

[typcn]

@datou
@SakuraKuma
@cesar
音画不同步是 Safari 的 BUG ， Safari 播放任何格式任意编码的视频时间长了都这样。

Fetch Error 是由于运营商的 302 劫持导致的，因为 HTML5 有 CORS 限制， preflight 的请求如果遇到 302 会直接失败， preflight 成功之后如果再响应 302 也会直接失败，所以只能在无劫持的情况下使用

[moyang]

支持一个。我们做的产品也有很多相似之处，对于 flash html5 mediasource extension hls.js hls 安卓原生 hls safari 原生当中的各种坑真是深有感触

flash 已经为我们做得够多。在视频播放领域，就让它安静地退休吧！

[zuoxiaomo]

@jackysc 昨晚也遇到了，更新下 adobe flash player 就可以了

[LeoEatle]

@Akarin flv 是历史原因了吧...我记得我当年还在 B 站发视频时都用的 flv...

[zuoxiaomo]

B 站看电影偶尔遇到音 /视频不同步问题（ HTML5 ）。。。

[SakuraKuma]

@typcn

原来这样,谢谢解答,这几个月的确被劫持好烦..

[missingbobo]

@liujun3712 嗯，最好还要解决手机端看视频耗流量的问题

[nikubenki]

滋瓷

[xiaofami]

在 PS4 上全屏观看 bilibili 视频时每隔几秒便会闪现一下加载视频的小圆圈。进度条加载很快，不是网络问题。

[andypinet]

全地图炮 如果 b 站用这个搞定 rtmp 我就让他叫我爹

[akinoneko]

赶快干死 flash

[shui14]

视频还是拼带宽，体验是最重要的， websocket 推流？