在A-Frame中单击播放声音 [英] Play sound on click in A-Frame
本文介绍了在A-Frame中单击播放声音的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
所以我很难找到一种解决方案来播放/停止/暂停点击声音,即当用黑框与A-Frame声音实体聚焦时...我想要的是一个平原,形状或者其上有播放/暂停图像的任何内容,这会在聚焦时触发音频。是否有人遇到类似的东西?
So I'm struggling to find a solution to play/stop/pause sound on "click" i.e. when focusing with a black dot with A-Frame sound entity... What I would like to have is a plain, shape or whatever with a play/pause image on it, which would trigger audio when focused. Did anyone encounter something similar perhaps?
<audio id="sound" crossorigin="anonymous" preload="auto" src="some-audio-file.mp3"></audio>
... would trigger something like sound="on: click; src: #sound"
推荐答案
尝试制作自定义组件
AFRAME.registerComponent('audiohandler', {
init:function() {
let playing = false;
let audio = document.querySelector("#audio");
this.el.addEventListener('click', () => {
if(!playing) {
audio.play();
} else {
audio.pause();
audio.currentTime = 0;
}
playing = !playing;
});
}
})
并在按钮中使用
<a-box audiohandler> </a-box>
您可以检查所有媒体方法,属性等此处。
您可以查看此按钮此处。
You can check all media methods, properties etc here.
You can check this button here.
这篇关于在A-Frame中单击播放声音的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文