Question

我们构建了一个包含许多视频的角度应用程序。这些视频存储在Google存储空间中。我们从网址中获取媒体，并使用angular的vg-player在我们的网站中播放。加载视频需要很长时间。特别是在移动设备中，需要很长时间。我们还在vg-player中尝试过preload =“ none”和preload =“ auto”，但仍然存在相同的问题。

但是，当直接使用google存储网址打开视频时，以及当我们尝试将google存储网址嵌入我们的网站时，视频的加载速度很快。

以下是视频网址： https://storage.googleapis.com/web-assets/videos/cardiac_electrophysiology/Speakers/ECG%20Chennai/Malini%20Madhavan/Malini%20Madhavan-360p.mp4

<embed src="https://storage.googleapis.com/web-assets/videos/cardiac_electrophysiology/Speakers/ECG%20Chennai/Malini%20Madhavan/Malini%20Madhavan-360p.mp4" type="video/mp4" style="width:500px; height: 300px;">

还在没有播放器的情况下尝试了简单的视频标签，但这仍然需要很长时间。

<div style="width:500px; height: 300px;">
    <video id="singleVideo" controls>
      <source src="https://storage.googleapis.com/web-assets/videos/cardiac_electrophysiology/Speakers/ECG%20Chennai/Malini%20Madhavan/Malini%20Madhavan-360p.mp4" type="video/mp4">
    </video>
  </div>

我们还尝试了更改服务功能模块。 "dataGroups": [ { "name": "data1", "urls": ["/<url to the page>"], "cacheConfig": { "maxSize": 0, "maxAge": "0u", "strategy": "freshness" } } ],

在使用Angular 7构建的网页中缓慢加载视频

0 个答案: