Videoportal PWA(Progressive Web App)视频离线功能?

oll*_*oll 9 video android offline google-chrome progressive-web-apps

我们想要建立一个Videoportal作为PWA.每个视频都有一个手表离线功能.可以通过Serviceworker缓存来完成吗?或者另一个下载机制是否应启用此功能.视频大小约为120mb.目标设备是Android和Web.(抱歉英文不好)

Jef*_*ick 1

是的,您可以使用缓存存储 API 和服务工作人员来处理离线视频播放。

https://github.com/googlearchive/sample-media-pwa中有一个完整的示例应用程序。

如果您要使用 Workbox 库来处理缓存逻辑,那么本指南应该会有所帮助。如果您最终没有使用 Workbox,那么您需要实现一些逻辑来处理Range:Service Worker 中的请求,否则当<video>元素尝试加载部分视频字节块时,您的视频播放可能不会按预期运行。