Estudio de Howler.js

• API de audio simple y potente
• Control de múltiples sonidos
• Soporte para Web Audio API y HTML5 Audio

• Juegos en el navegador
• Apps con sonido interactivo
• Reproductores de música web

Instalación: npm i howler (o CDN)

import { Howl } from 'howler';
new Howl({ src: ['sonido.mp3'] }).play();

1. Reproducir / pausar

Controla un sonido con botones.

import { Howl } from 'howler';

const sonido = new Howl({ src: ['audio.mp3'] });
btnPlay.onclick = () => sonido.play();
btnPause.onclick = () => sonido.pause();

2. Volumen y fade

Baja el volumen suavemente.

import { Howl } from 'howler';

const musica = new Howl({ src: ['musica.mp3'], loop: true, volume: 0.8 });
musica.play();
// Fade a silencio en 2 segundos
musica.fade(0.8, 0, 2000);