Question

我目前正在做一个小的个人项目，目的是为了给朋友打个招呼。我使用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();
}

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

Answer 1

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

播放来自数组JavaScript的音频

1 个答案: