popcorn
是基于js的html5
视频播放器框架。(暂无计划支持flash,毕竟flash快要被彻底抛弃了,Adobe宣布2020年停止支持更新Flash Player)
目标同时提供 react
、vue
及原生js
调用支持
估计很多人会问问什么要建这个框架,video.js
不香吗?
确实作者之前也是基于video.js
做视频的。不过我们需要对播放器本身做深层的定制,各种自定义控件、支持第三方格式解析(flv.js),ui自定义。结果发现定制video.js
组件并不容易,文档说明不是特别详细,大量定制需要翻看源码完成,部分内容不可定制化。比如:
- 如果需要去掉点击视频本身就暂定/播放的功能只等通过css设置
pointer-events: none;
去禁用点击时间; - 加载中动画定制只能通过css, 复制动画有点困难;其实它定制的一般都是control-bar上的内容
- 使用
flv.js
错误事件抛出到外层比较困难; - ..
实际开发中,我不断翻看源码完成组件开发... 渐渐的就会想,为啥不干脆自己做一个呢。