如何解决在标记检测 A 帧和 Ar.js 上播放音频一次
当使用 A-frame 和 AR.JS 库检测到标记时,我尝试只播放一次声音。
我正在尝试下面的代码行,但声音一直在播放。
<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false;';>
<a-assets>
<audio id="sound" src="audio.mp3" preload="auto"></audio>
</a-assets>
<a-marker preset="hiro">
<a-entity id="examplemodel" gltf-model="./models/Example.glb" soundhandler></a-entity>
</a-marker>
<a-entity sound="src: #sound" autoplay="false"></a-entity>
<a-entity camera></a-entity>
</a-scene>
<script>
AFRAME.registerComponent('soundhandler',{
tick: function () {
var entity = document.querySelector('[sound]');
if (document.querySelector('a-marker').object3D.visible == true) {
entity.components.sound.playSound();
} else {
entity.components.sound.pauseSound();
}
}
});
</script>
当我更改 init 的刻度时,出现此错误:
未捕获的类型错误:无法读取未定义的属性“playSound”
你能给我一些解决这个问题的想法吗?
解决方法
它无限期地播放,因为一旦它可见 - 在每个渲染循环中你调用 playSound()
。
如果您添加一个简单的切换检查 - 您将获得“每个可见一次”的结果:
tick: function() {
// marker is the object3D of marker
if (marker.visible && !this.markervisible) {
// do your stuff here once per visible
this.markervisible = true;
} else if (!marker.visible) {
this.markervisible = false;
}
}
检查一下here
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。