GlobalAudio
Add global sound to your scene.
The cientos package provides a <GlobalAudio /> component that serves to easily add a global sound to your scene.
Reference: Audio
Usage
<script setup>
import { TresCanvas } from '@tresjs/core'
import { GlobalAudio } from '@tresjs/cientos'
</script>
<template>
<TresCanvas>
<TresPerspectiveCamera :position="[0, 0, 7.5]" />
<GlobalAudio :src="exampleAudio" />
</TresCanvas>
</template>
*The src prop is required
Props
| Prop | Description | Default |
|---|---|---|
src | Path to your audio file | |
playTrigger | Id of the DOM element that triggers the play/pause state | renderer.domElement |
stopTrigger | Id of the DOM element that triggers the stop state | |
loop | If the audio must be replayed when ends | false |
volume | Volume of the audio | 0.5 |
playbackRate | PlaybackRate of the audio | 1 |
Events
| Event | Description |
|---|---|
isPlaying | Dispatched when the Audio change its state (play, pause or stop) |