交互式位置音频组件在react三光纤drei中

Question

我正在制作一个3D网站，并试图通过使用react三光纤drei使用PositionalAudio放置音频。但由于谷歌新的自动播放政策，它不起作用。因此，我需要使用PositionalAudio组件和播放/停止按钮播放我的网站音乐，该按钮可以根据用户的命令播放和停止音乐。那么，有什么方法可以通过在react三光纤drei中使用PositionalAudio组件来制作交互式音频播放器吗？

Answer 1

你必须为它设置一些触发器。我通过有条件地用state呈现它来修复我的触发器。

<Suspense>
<mesh position={[0, 0, 0]}>
<boxBufferGeometry attach="geometry" args={[0.1, 0.1, 0.1]} />
<meshStandardMaterial color="red" />
{musicZoom && (
<PositionalAudio autoplay loop = {false} url="/discoSite.mp3" distance={3} />
)}
</mesh>
</Suspense>