Chrome扩展程序简单音频

Question

我想在chrome扩展程序中播放一个简单的“警报”，但在控制台中却出现错误：“ GET chrome-extension://invalid/ net::ERR_FAILED chrome-extension://invalid/:1 ”我的简单代码是：

var asdasd = '<span id="audio"></span>';
$('body').append(asdasd);
var srcaudio = chrome.extension.getURL('alert2.mp3'); 
$('#audio').html('<audio autoplay><source src="'+srcaudio+'"></audio>');

我的清单是：

{
  "manifest_version": 2,
  "name": "test",
  "description": "test",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "js": ["jquery.js","myscript.js"]
    }
  ]
}

Answer 1

因此，我尝试在自己的扩展程序中执行此操作。

正如wOxxOm所说，您可能需要web_asseible_resources 。 对我而言，css / js / fonts在资产包中。 我不知道你放在哪里。

"web_accessible_resources": [
    "assets/css/*",
    "assets/js/*",
    "assets/fonts/*"
  ]

其次，不建议使用extension.getUrl() ，因此，请改用runtime.getUrl() ，对于URL，如果直接路径"./alert2.mp3"尝试使用"./alert2.mp3"或"~/alert2.mp3"