Chrome扩展简单音频

时间:2017-11-28 20:36:51

标签: javascript google-chrome google-chrome-extension

我想玩一个简单的"闹钟"在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"]
    }
  ]
}

1 个答案:

答案 0 :(得分:2)

所以我试着在我自己的扩展中这样做。

正如wOxxOm所说,你可能需要web_asseible_resources。对我来说,css / js / fonts在资产包中。我不知道你把它放在哪里。

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

其次,extension.getUrl()已被弃用,因此请使用runtime.getUrl()代替,如果直接路径不起作用,则尝试使用"./alert2.mp3""~/alert2.mp3"