知乎Griffith视频播放器,基于React的Web视频播放器

知乎Griffith视频播放器,基于React的Web视频播放器

知乎视频播放器名叫“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”为复制下方代码到其中

隐藏内容

本内容需权限查看
  • 注册用户: 1积分
  • VIP会员: 1积分
  • 永久会员: 免费
已有2人解锁查看

2.上传我们新建的“Player.php”,调用即可,如:

http://你的网址/Player.php?url=你的MP4视频地址

这里我们简单的介绍一下standalone 模式,细节使用大家可参考开源库说明,我们这里就不放源文件了。

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享