A-frame:点击播放随机声音
A-frame: play a random sound on click
我正在用类似收音机的对象制作场景,我想让它在单击 时播放我的资源中的随机音频文件。这个问题对我理解如何添加音频文件有很大帮助
但我无法弄清楚随机方面。
非常感谢。
你可以有一个声音元素数组
// 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')
并使用简单的随机数 select 一个项目
// 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中查看。
我正在用类似收音机的对象制作场景,我想让它在单击 时播放我的资源中的随机音频文件。这个问题对我理解如何添加音频文件有很大帮助
你可以有一个声音元素数组
// 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')
并使用简单的随机数 select 一个项目
// 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中查看。