在我的 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/**"
]
}
}
]
}
最佳答案
也许您应该在音频响应的响应 header 中添加Content-Range。
检查https://stackoverflow.com/a/37614302/11339645
关于javascript - Angular 7 Service Worker缓存音频文件导致Safari出现范围 header 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55129129/