知乎视频播放器名叫“Griffith ”是一个基于 React 的HTML5视频播放器,目前已在知乎 web 和 mobile web 内使用,并在 GitHub 上开源。
GitHub地址:https://github.com/zhihu/griffith
CodeSandbox 示例:https://codesandbox.io/s/74olr5z02x
界面UI展示:
流式播放:知乎视频播放器使用了 Media Source Extensions™ ,支持对 mp4 和 m3u8 格式的视频进行流式播放。
- 预加载策略: Griffith 可以通过 MSE 动态控制视频加载进度,以达到节省视频 CDN 带宽等目地。
- 动态平滑切换清晰度:Griffith 可以通过 MSE 实现动态平滑切换视频清晰度。
使用方法:
1.新建PHP文件,命名为“Player.php”为复制下方代码到其中
2.上传我们新建的“Player.php”,调用即可,如:
http://你的网址/Player.php?url=你的MP4视频地址
这里我们简单的介绍一下standalone 模式,细节使用大家可参考开源库说明,我们这里就不放源文件了。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END