Angular 6,ServiceWorker iOS Safari和Video元素字节范围请求

时间:2018-11-27 02:35:45

标签: angular angular6

IOS 12 Safari上的

ServiceWorker无法使用HTML5 Video元素。我只是得到一个空白屏幕,设备相机没有进入视图。我正在使用video元素进行屏幕捕获。它在Android上运行良好。

我怀疑这可能是问题所在?

托管用于iOS的媒体文件的HTTP服务器必须支持字节范围请求,iOS用于在媒体播放中执行随机访问。 (字节范围支持也称为内容范围或部分范围支持。)大多数(但不是全部)HTTP 1.1服务器已经支持字节范围请求。

我尝试添加:

// rtc peer connection patch
import 'zone.js/dist/webapis-rtc-peer-connection';
// getUserMedia patch
import 'zone.js/dist/zone-patch-user-media';

到polyfill.ts,没有帮助。

1 个答案:

答案 0 :(得分:0)

由于Angular ServiceWorker(SW)的范围请求失败,我在Safari中遇到了一个与音频不同的问题,但也许与此有关。

为解决此问题,我修补了ngsw-worker.js软件包中的@angular/service-worker文件,以使SW忽略范围请求。

我在这里找到了建议的修复方法:Service worker doesn't support seeking in videos #25865

我希望这会有所帮助。