如何运行随机音频文件Chrome扩展程序

时间:2017-06-29 05:09:14

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

我正在尝试制作我的第一个Chrome扩展程序,这个扩展程序会在点击时播放我文件夹中的随机音频文件。我试过这样做,但它没有用。我目前有四个文件,每个文件都安装在同一个文件夹中,编号为1-4(我曾尝试使用之前提供的链接),并希望每次点击都随机播放。目前,我可以播放一个片段。编码如下:

这是我的manifest.json

{
  "manifest_version": 2,

  "name": "NAME",
  "description": "DESC",
  "version": "1.0",

  "browser_action": {
   "default_icon": "icon.png",
   "default_popup": "popup.html"
  },
  "permissions": [
   "activeTab"
   ]
}

这是我当前的popup.html

    <!DOCTYPE HTML>
<html>
  <head>
    <title>TITLE</title>
    <style>
      body {min-width: 250px;}
    </style>
    <script src='popup.js'></script>
  </head>

  <body>
    <h2>TITLE</h2>
    <div id="typedUrl_div"></div>
  </body>
</html>

最后,popup.js

var myAudio = new Audio();
myAudio.src = "1.mp3"; 
myAudio.play(); 

如前所述,我可以让它运行那个文件,但是我想让它随机化1-4。提前致谢

1 个答案:

答案 0 :(得分:0)

这样的事情:

var randomNumberFrom1to4 = Math.floor(Math.random() * (4 - 1 + 1)) + 1;
var myAudio = new Audio();
myAudio.src = randomNumberFrom1to4  + ".mp3"; 
myAudio.play();