妈妈再也不用担心我的 MacBook 发热了计划之 1080P

『妈妈计划』用于解决在看视频网站时 MacBook 发(guang)热(gao)严(tai)重(duo)的问题，使用 video 来替换原来的 flash 播放器（对 Windows 下的 Flash 也有用）

本分支计划实现了用原生 video 实时转码播放 Bilibili/土豆/优酷 的 1080P flv 格式视频：

使用

Chrome 商店

要求 Chrome 版本大于 48

打开一个视频页面，点击右上角的图标就可以播放了

⌘ + Enter 全屏 / ↑ ↓ 音量 / ← → 快进快退 / M 静音 / Space 暂停 / D 打开弹幕

非 Flv 视频建议使用妈妈计划

原理

使用 Media Source Extensions 播放 fmp4（Fragmented MP4），这种 mp4 可以随意取一个片段播放，不需要全局的索引信息，dash.js 就是基于它做的视频直播。而 Chrome 里也有速度很快的二进制操作（Uint8Array，底层是零拷贝），所以只要把 flv 在浏览器里面实时转换成 fmp4 就可以了。

经过实测，平均转码 10s 的视频只需要 20~40ms 左右（i5 2.9G），CPU 占用与播放相比可以忽略。

弹幕用 canvas 实现，CPU 占用同样很低。

使用同样原理的项目

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

特性

• 支持 Bilibili
• 支持土豆/优酷
• 快速启动（不等待全部 flv metadata 加载完毕，只加载完第一段就开始播放）
• 优化进度条拖动
• 支持 mp4demux（少量 B 站视频和搜狐视频是分段 mp4）
• 支持视频下载
• 支持 Bilibili 弹幕
• 支持土豆弹幕
• 优化转码速度

ChangeLog

0.91

修复了各种播放不能/卡死的 BUG，实现了弹幕

感谢

妈妈计划（等测试稳定了求合并到主分支）

you-get

mux.js

[Vczh]粉丝群 [咸鱼]Square 的建议

@zsxsoft 的建议以及弹幕实现（https://github.com/zsxsoft/danmu-client）

@jamesliu96 的弹幕实现（https://github.com/jamesliu96/Damoo）

@cnbeining 的 B 站新解析（2016-8）

License

MIT