javascript - Angular 7 Service Worker缓存音频文件导致Safari出现范围 header 问题

Question

在我的 Angular 应用程序中，Safari上的任何new audio(audio src here)请求的范围请求 header 都有问题。从服务器请求音频时，音频文件的持续时间将正常返回。但是，当从服务人员处请求音频时，它将音频持续时间返回为Infinite。

我周围有一个Google，Safari显然存在此问题，它将缓存的媒体文件的范围 header 设置为“bytes = 0-1”，这就是问题所在，如下所示:

有没有一种方法可以拦截new audio(audio src here)请求并修改 header ，或者以某种方式从服务 worker 缓存策略中排除任何媒体请求？

我当前的服务 worker 配置如下:

{
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/assets/img/logo.png",
          "/assets/img/no-internet-icon.jpg",
          "/favicon.ico",
          "/index.html",
          "/*.css",
          "/*.js"
        ]
      }
    },
    {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**"
        ]
      }
    }
  ]
}

Answer 1

也许您应该在音频响应的响应 header 中添加Content-Range。

检查https://stackoverflow.com/a/37614302/11339645