知乎视频播放器名叫“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积分
  • 会员用户: 1积分
  • 永久会员: 免费
已有2人解锁查看

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

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

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

1.使用本站下载的源码仅限于个人学习和非商业用途。
2.禁止将本站下载的源码用于搭建或支持任何违法、淫秽、暴力或侵犯他人合法权益的网站或应用。
3.使用本站下载的源码需遵守国家法律法规及相关规定,不得从事任何违法活动。
4.如若本站内容侵犯了原著者的合法权益,请联系我们进行处理。