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"