知乎视频播放器名叫“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.上传我们新建的“Player.php”,调用即可,如:

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

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

发表评论

后才能评论