audio - A帧:单击时播放随机声音

Question

我正在使用类似 radio 的对象制作场景，并且希望在单击时使其从我的 Assets 中播放随机音频文件。这个问题对我帮助很大，以了解如何添加音频文件Play sound on click in A-Frame
但我无法弄清楚随机方面。
非常感谢你。

Answer 1

您可以拥有一系列声音元素

// use ID's - grab by document.getElementById(audioIds[num])
var audioIds = ['one', 'two', 'three'] 

// use a class - grab by audioEls[num]
var audioEls = document.getElementsByClassName('sharedClassName') 

并使用简单的随机选择一个项目

// get a random number between 0 and the number of the elements
let lastIndex = audioEls.length - 1 // arrays begin at 0.
var audioEl = audioEls[Math.round(Math.random() * lastIndex)]

然后在 click上停止所有播放声音，并获取一个新声音:

this.el.addEventListener('click', () => {
    if (!playing) {
      audioEl = audio[Math.round(Math.random() * (audio.length - 1))]
      audioEl.play();
    } else {
      audioEl.pause();
      audioEl.currentTime = 0;
    }
    playing = !playing;
});

您可以在我的 fiddle中查看。