微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用 V3 版本开发的 chrome 扩展当带有“media-src”的 csp 时,Content 的注入脚本如何播放声音

如何解决使用 V3 版本开发的 chrome 扩展当带有“media-src”的 csp 时,Content 的注入脚本如何播放声音

manifest.json 版本

{
  "manifest_version": 3,...
}

content_script 播放音频代码为:

port.onMessage.addListener((audioBase64) => {
            const audio = new Audio()
            audio.src = 'data:audio/wav;base64,' + audioBase64
            audio.play()
})

它可以播放音频,除非它注入到 url 为“https://github.com/”的标签中。

控制台显示

拒绝负载媒体从“数据:音频/ WAV; BASE64,// NExAAQkJ4MAHvGTEqQskBQjmFhF8M0RsIOIQZ6HJVHqxvjR4GZBI4gOf6bymOIcImj6wILGQALO / 5 + U6ji3zn // + p31Ag72xA65pPKBhUTmFxCKsORAKBqDjVSOLKg // NExBASCK44AMsMTCgfhgPQOjUVyYO79KvGiAcIJrmv816p41FKTwqxISPmRZseaVfa6 / ueVQjvXR / RpRUpbP + v8voNKi0I3ADJQ4q9CZQe / uEdoJy5yrdtfq1iJWBg // NExBoRYFYwAVgYAIi5hI0sSUAmCMUDB5rR1OtFrq2sO3nnVmLLZJPYxUl9GyRukDyX / L0vMWjqVDdEoSU53WF38DyNK41g / 70vEgsq48zCIICFghHm6jQ8KIUwtRBf // NExCcb + vp0AZhoAboGibjiC7jjEoDn / 1pm7R5DhHcOYd44P6amazeosxRGFHsYmP / 933NC + UjVIvGJgr // 7fuxibHTMwL6Z4 + 1 // + // ... // NExKwAAANIAAAAADEwMKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqTEFNRTMu // NExKwAAANIAAAAADEwMKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq // NExKwAAANIAAAAAKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq NExKwAAANIAAAAAKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq',因为它违反了以下内容安全策略指令:“media-src github.githubassets.com”。

github.com/:1 Uncaught (in promise) DOMException: 加载失败,因为找不到支持的源。

有人能给我一些建议吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。