Audio template should be changed following this one, as they actually do not work:
// blabla imports...
<script>
AFRAME.registerComponent('registerevents', {
init: function () {
var marker = this.el;
var sound = document.querySelector('#sound-entity');
marker.addEventListener('markerFound', function() {
sound.components.sound.playSound();
})
}
});
</script>
<body style='margin : 0px; overflow: hidden;'>
<a-scene
vr-mode-ui='enabled: false;'
renderer="logarithmicDepthBuffer: true;"
embedded arjs='trackingMethod: best; sourceType: webcam; debugUIEnabled: false;'>
<a-assets>
<a-asset-item id="sound" src="<sound-file-url>" response-type="arraybuffer"></a-asset-item>
</a-assets>
<a-marker
// blabla same as pattern marker for other content
registerevents
emitsevent="true">
</a-marker>
<a-entity id="sound-entity" sound="src: #sound" autoplay="false"></a-entity>
<a-entity camera></a-entity>
</a-scene>
</body>
Audio template should be changed following this one, as they actually do not work: