NoteBlock.js — Sound Experience Demo

Elementos Interactivos

Interactúa con cualquier elemento para escuchar los efectos de sonido.

1. Botón

2. Campo de texto

3. Checkbox Activar opción

4. Radio buttons

Opción A Opción B Opción C

5. Menú desplegable

6. Deslizador

7. Área de texto

8. Enlace

Hacer clic aquí

9. Tooltip

⚙ Panel de Administración

Tema

▼

Color del reproductor

#00dffd

Velocidad de animación 0.8×

LentoRápido

Opacidad del reproductor 1.0×

TransparenteOpaco

Volumen Música 28%

Volumen Efectos 70%

Posición en canción 0%

InicioFin

Bucle A → B (segundos)

desde s

→

hasta s

Estado del Servidor

Sin verificar

[DEV] Generar Licencia

Integración

new WebSoundExperience({
  soundsPath: './sounds',
  playerScale: 1.0,
  playerColor: '#00dffd'
});

Peso del Paquete

noteblock-js (core) ~8.2 KB (gzip)

motion (animación) ~34.0 KB (gzip)

Total Estimado ~42.2 KB (gzip)

👁 Vista Previa

Clic en el reproductor para reproducir. Usa Ctrl + rueda para zoom. Usa ▲▼◀▶ para cambiar temas.

Reproductor Ampliado

Tamaño Real (90px)