在Chrome扩展程序中使用本地音频文件

Question

我正在构建Chrome扩展程序，并希望在mouseenter上播放本地音频。

现在，我正在我的content.js（content_scripts中的js文件）中加载并调用音频文件，如下所示：

var audioEl = document.createElement('audio');
  audioEl.setAttribute("preload", "auto");
  audioEl.setAttribute("src", "/.../audio_1.mp3");
  audioEl.setAttribute("id", "audio_1");
...
// mouseenter any h1 and run this function
$("h1").mouseenter(function(event){
  if (event.target == this){
    // enlarge the hovered-over h1 element
    $(this).css("transform", "scale(2)").css("transition-duration", "4s");
    // and play the audio_1 file
    $("#audio_1").play();

我已在我的permissions文件

中向我的常规manifest.json添加了以下内容

"permissions": [ 
   "<all_urls>", 
   "file:///*/*", 
   "file://*/*" 
]

通过将音频文件的路径应用于网站本身或chrome-extension://

，会导致错误

我无法在SO或其他任何地方找到解决方案。在文档中，Google似乎已禁止在当前版本的Chrome中使用任何本地音频/视频文件。

有没有人知道解决这个问题的方法？

我应该将音频文件托管在其他地方并链接到它们吗？也许在background.html？

中预加载音频文件

非常感谢任何帮助。