Videoportal PWA（Progressive Web App）视频离线功能？

Question

我们希望将Videoportal构建为PWA。每个视频都有一个手表离线功能。可以通过Serviceworker缓存来完成吗？或者另一个下载机制是否应启用此功能。视频大小约为120mb。目标设备是Android和Web。（抱歉英文不好）

Answer 1

是的，您可以与服务工作者一起使用Cache Storage API来处理脱机视频播放。

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

如果要使用Workbox库处理缓存逻辑，请this guidance should help。如果您最终不使用Workbox，则需要实现一些逻辑来处理服务工作者中的Range:请求，否则当<video>时，视频播放可能不会达到预期的效果元素尝试加载部分视频字节。