Skip to content

HOWLER_AUDIO.md

Latest commit

 

History

History
62 lines (46 loc) · 1.3 KB

HOWLER_AUDIO.md

File metadata and controls

62 lines (46 loc) · 1.3 KB
Raw

Howler.js — Audio Avanzado

Reproductor de audio con soporte multi-canal, sprites de audio, fade, loop y control de volumen por pista.

Librería: engine/howler.min.js — Howler.js

Carga

<script src="../../engine/howler.min.js"></script>
<script type="module" src="./main.js"></script>

Uso básico

const sound = new Howl({
  src: ['assets/sounds/explosion.mp3', 'assets/sounds/explosion.ogg'],
  volume: 0.5,
  loop: false,
});

sound.play();

// Con fade
sound.fade(0, 1, 500);  // fade in 500ms

Audio Sprites

Un solo archivo con múltiples segmentos:

const sprite = new Howl({
  src: ['assets/sounds/sprites.webm'],
  sprite: {
    shoot: [0, 300],
    explosion: [300, 700],
    powerup: [1000, 400],
  },
});

sprite.play('shoot');

Control global

Howler.volume(0.5);     // volumen global
Howler.mute(true);       // silenciar todo

Comparación con Audio nativo

Característica Audio (Web Audio) Howl (Howler.js)
Síntesis procedural ✓ ✗
Archivos externos ✓ ✓
Audio sprites ✗ ✓
Fade por pista ✗ ✓
Multi-formato manual automático
Caché por nombre automática