noteblock.js

Experiencia de sonido interactiva

Cargando recursos...

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

Modo de Controles

Velocidad de animación 0.8×

LentoRápido

Opacidad del reproductor 1.0×

TransparenteOpaco

Volumen Música 70%

Volumen Efectos 30%

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',
  controlsTheme: 'auto'
});

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 Default color

Tamaño Real (90px) Default color