问题描述
简介: 我正在使用 Unity WebGL build 在 Bowser 上播放内容,但在浏览器中 unity webgl build 需要时间来加载。所以为了不一次又一次地加载统一的 webgl 库,我有一个 chrome 扩展来加载统一的 webgl 构建一次并在其上播放内容。
内容是数据驱动的,所以一旦加载它就会从 s3 获取数据 [Audio,video,json]。
如果可用,我将使用扩展程序播放内容。否则我将在浏览器本身上播放内容。
测试场景 1:
设置: Chrome 扩展程序已禁用(开发者模式)。
步骤: 点击一个内容,它会正常播放。 现在启用 chrome 扩展(开发者模式) 尝试播放相同的内容,它会尝试在 Chrome 扩展程序中播放,播放正常。
测试场景 2:
设置: Chrome 扩展程序已启用(开发者模式)。
步骤:
点击一个内容,它会在扩展中播放。 禁用 chrome 扩展(开发者模式) 尝试播放相同的内容,它会尝试在浏览器中播放。
chrome 控制台错误:
从源 'url' 访问 XMLHttpRequest at 'File url' 已被 CORS 策略阻止:请求的资源上不存在 'Access-Control-Allow-Origin' 标头。
我的发现:
在测试场景 2 中,当我尝试在 extension 中播放内容时,所需的数据被提取并存储在浏览器的 Indexed db 中。 当我尝试在没有扩展的情况下播放时,浏览器正在尝试从索引数据库中获取数据,因为它已经下载并且由于 CORS 问题而失败。 笔记 : 如果我们手动“清空缓存并重新加载”浏览器,这个问题将得到解决。
图像 1:加载没有扩展名的内容 - 第一次 链接:https://drive.google.com/file/d/1QtfMWeHtYjpDy_8jQvmGN2siM5SCEQ4n/view?usp=sharing
图像 2:再次加载相同的内容 - 第二次 链接:https://drive.google.com/file/d/1FNzZf_ZPXlCvF19Xhr3yUt3Y9xstMkf-/view?usp=sharing
图 3:测试场景 2 链接:https://drive.google.com/file/d/1vtCpYgsdQwAJ6hgPDCWSO_eajcdNrNHn/view?usp=sharing
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)