播放来自数组JavaScript的音频

时间:2018-11-06 20:54:39

标签: javascript html arrays audio codepen

我目前正在做一个小的个人项目,目的是为了给朋友打个招呼。我使用codepen.io作为托管项目的平台,因为它只有一个页面。最后,我是JavaScript的新手,所以请尽可能地简化它,或者在可能的情况下提供其他参考资源,我将不胜感激!

脚本
它必须从阵列中选择一个随机的音频文件并在单击时播放它,而不会自动播放下一个文件。每次应为100%随机。最终,我想添加加权值。

问题

我已经在网上寻找了将近一个星期的时间,以找到如何将youtube url用作数组中的音频,但这似乎是不可能的。那么,如何将这些音频文件上传到页面并将它们添加到数组呢?您会使用<audio src="url" id="itemOne">并像var playList [ document.getElementById="itemOne", document.getElementById="itemTwo" ]那样格式化数组吗?

源信息
CodePen.io Project

JavaScript代码

var button = document.getElementById("playbutton")

button.onclick = function() {

  function getRandomTrackNumber(list) {

    const min = 0,
      max = playList.length;

    const trackNumber = Math.floor(Math.random() * (max - min + 1)) + min;

    return trackNumber;
  }

  let nextSong = playList[getRandomTrackNumber(playList)]
  //index.js: Unexpected token, expected } (17:0)

  nextSong.play();
}

在此先感谢! 〜乔治
编辑:第一个解决的问题

1 个答案:

答案 0 :(得分:0)

删除JS部分中的to_sql<script>标签。至少可以解决您当前的问题。