【问题标题】:Video seeking does not work in PWA (Progressive Web App)视频搜索在 PWA(渐进式 Web 应用)中不起作用
【发布时间】:2018-05-20 11:02:40
【问题描述】:

html5 视频播放器搜索在 PWA(Progressive Web App)中作为独立 APP 不起作用。 测试设备:Android 和 iOS。

当您通过 Safari 或 Chrome 访问网页时,它可以正常工作,但不能作为 pwa 独立应用程序。

这有什么问题?

【问题讨论】:

  • 这个应用是你自己的吗?你能提供更多的细节吗?
  • 这是一个 PWA,我做到了,一切正常。但唯一的问题是视频播放器的搜索。如果我点击播放它会播放。但是,如果我寻求前进的某个点,从那个地方开始比赛需要很长时间,这取决于它离起点有多远。所以它看起来有点加载太慢了,或者什么。来自移动 chrome 浏览器的同一网站具有魅力。寻找快如子弹。唯一的问题在于 PWA。
  • 您是否使用缓存存储 API 缓存视频并使用服务工作者提供缓存的响应?
  • 我正在使用 service worker 缓存离线页面,而不是视频,因为它们每个都是 300MB - 1.5GB。
  • 如果没有服务人员参与,我想不出任何理由为什么您会看到您所描述的内容。我建议您在 crbug.com/new 提交一个错误(假设您使用 Chrome 看到此错误)并提供更多详细信息。

标签: progressive-web-apps


【解决方案1】:

这是由于最近修复的规范中的一个差距。如果您对详细信息感兴趣,请I wrote an article about it

一旦浏览器更新到新规范,媒体将按预期工作。以下是相关门票:

与此同时,如果您使用CORS,一切都会按预期工作:

<video crossorigin></video>

...虽然这需要服务器支持 CORS。

【讨论】:

  • 将 crossorigin 属性添加到 video 标签解决了我的问题。
  • @JaffaTheCake 很棒的文章。喜欢读它。这个问题已经解决了吗?我的 PWA 现在出现问题,服务人员无法为媒体播放器提供视频源。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-10-04
  • 1970-01-01
  • 2018-11-08
  • 1970-01-01
  • 2020-04-19
  • 2019-12-12
  • 1970-01-01
相关资源
最近更新 更多