Un metrónomo gratuito, listo para pegar en cualquier página, y once tarjetas más que se insertan igual: un afinador, un círculo de quintas, un loop de batería y el resto. Cada una es un iframe: nada que instalar, ninguna cuenta necesaria. Debajo del marco hay un pequeño enlace a eMusic.Tools, lo único que pide a cambio.
El tamaño decide cuánto de la herramienta cabe en la tarjeta. La disposición se adapta al ancho que recibe, desde la columna de un móvil hasta un artículo ancho.
S, el mosaico
El control principal con su lectura y uno o dos ajustes rápidos. Pensado para una barra lateral o una columna estrecha.
M, el núcleo
El control y los dos ajustes que la herramienta siempre necesita.
L, la consola
La herramienta misma, sin guardar, exportar ni la página alrededor.
XL, la herramienta
No una tarjeta que se comporta como la herramienta. La herramienta: la misma consola que monta su página, con guardado y exportación.
<section #embed>
Añade el metrónomo a tu página
Elige un widget y un tamaño, pruébalo en la vista previa y copia el fragmento.
1Copia el fragmento de abajo.
2Pégalo en tu página (mira las instrucciones para tu plataforma).
La vista previa carga la misma dirección a la que apunta el fragmento.
<section #gallery>
Más widgets
Todas las tarjetas se insertan igual que el metrónomo. Pulsa «Insertar» debajo de una y su fragmento aparece arriba.
M, el núcleo. El control y los dos ajustes que la herramienta siempre necesita.
Metrónomo
4/4 · Allegro
120BPM
4/4 · ♩ = 120 · Allegro
Un clic que arrancas con un toque. Toca las luces para mover los acentos, que es como un 7/8 se vuelve 3+2+2, y el tamaño L añade los compases irregulares, la subdivisión, cuatro sonidos y el volumen.
Afinador
Toca el micrófono y pulsa una cuerda
CuerdasToca una para oírla
El micrófono, filtrado y comparado con la afinación en vez de con la nota más cercana: así un mi de bajo una octava fuera sigue leyéndose como la cuerda mi. M añade las afinaciones y un tono por cuerda, y L el diapasón.
Nombra el intervalo
Ascendente
0/0
Ascendente
Un intervalo, cuatro respuestas, del generador del propio entrenador: el conjunto y las respuestas falsas son los que usa /tools/ear-training. L abre la dificultad y si las notas llegan hacia arriba, hacia abajo o juntas.
Lee la nota
0/0
Una nota en el pentagrama, cuatro respuestas. M añade el marcador, la racha y oír lo que te toca nombrar; L abre la clave, ocho armaduras y las líneas adicionales, que son la parte que nadie practica.
Acorde del día
Do
DoMiSol
Guitarra1/3
Empieza por el acorde del día y se convierte en un buscador de acordes: doce fundamentales, doce cualidades, inversiones en el teclado y las posiciones de guitarra una tras otra.
Doce tonalidades por fuera y sus relativas menores por dentro. La armadura y los siete acordes salen del mismo registro con el que se generan las páginas de tonalidades, y todos suenan.
Escala del día
Do Mayor
DoReMiFaSolLaSi
Tonos y semitonos7 notas
TTSTTTS
Una escala distinta cada día, escrita como la escribe su propia página. M la pone en un teclado junto al patrón de tonos y semitonos que la define; L abre cualquier fundamental y treinta y seis tipos, los grados que puedes tocar de uno en uno y los acordes que la escala te da.
Loop de batería
96BPM
Un compás, cuatro grooves de partida y celdas lo bastante grandes para acertarlas con el pulgar. M es la lectura en corcheas del mismo patrón; L abre los dieciséis pasos, cuatro kits, el swing y un silencio por fila.
Pads de batería
TR-808
Toca un pad
Kit
Nueve sonidos que golpeas en vez de colocar en una rejilla. S enseña los cuatro con los que se hace un ritmo; M añade el resto y los siete kits; L graba lo que tocaste, al milisegundo, y lo repite en bucle.
Pista de acompañamiento
Do mayor
Esenciales · I–V–vi–IV
IDo
VSol
viLam
IVFa
1/4
Tempo
104BPM
Un loop sobre el que practicar: acordes, bajo y batería, en cualquier tonalidad. M añade el tempo y las doce tonalidades; L abre cincuenta y una progresiones en ocho grupos, cuatro maneras de atacar el acorde, un bajo caminante, cuatro kits y el swing con el que ya viene un pack de neo-soul.
Progresión
Do mayor
I–V–vi–IV · 84 BPM
IDo
VSol
viLam
IVFa
Tonalidad
Do
Siete progresiones en cualquiera de doce tonalidades, mayor o menor, con los acordes escritos como los escribe la tonalidad. L añade el tempo, la forma de tocar y un loop.
Marca el tempo
Marca
con cuatro pulsos basta
Tempo
Marca el pulso para hallar el tempo
Estabilidad
±
Marca cuatro pulsos y lee el tempo, con un ± que dice si fiarse de él. L imprime las duraciones en milisegundos, divide y dobla el pulso, y le pasa el tempo al metrónomo.
Cómo añadirlo
WordPress
Añade un bloque de HTML personalizado donde quieras el widget, pega el fragmento y previsualiza la página. El bloque acepta el iframe y el enlace de debajo tal cual.
Condiciones
Puedes insertar este widget en cualquier página, personal o comercial, de forma gratuita. La marca de agua y el enlace bajo el marco se quedan siempre: es el precio de una herramienta gratuita. Podemos cambiar o retirar un widget, siempre con 30 días de aviso. La dirección que pegaste muestra siempre la versión actual, así que un cambio llega a tu página sin que toques el fragmento. No garantizamos que el marco se vea igual en todos los navegadores ni que funcione sin interrupciones. ¿Algo no funciona o se ve mal en tu página? Escríbenos.
<section #faq>
Preguntas
¿Funciona en el móvil?
Sí. El marco se ajusta al ancho de la columna donde está, hasta unos 220 px, así que en el móvil se estrecha junto al resto de la página. El sonido solo empieza cuando alguien toca el botón dentro del marco, los navegadores móviles no permiten nada antes de eso.
¿Tengo que añadir algún script?
No. Todo el fragmento es un iframe y un enlace debajo, sin ninguna etiqueta de script. Funciona incluso donde el CMS elimina los scripts del contenido.
¿El afinador funciona dentro de un marco?
Sí. El fragmento del afinador lleva allow="microphone", así que el navegador del lector pide el micrófono la primera vez que lo toca. Si tu editor web elimina ese atributo, el afinador indica que no tiene micrófono en lugar de escuchar.
¿Por qué hay un enlace debajo del marco?
Porque una marca de agua dentro de un iframe no cuenta como enlace para un buscador, un iframe no transmite valor de SEO. Un enlace visible debajo del marco es la única forma de que este widget realmente apunte a nuestra web, en vez de solo parecerlo.
¿Se puede quitar la marca de agua?
No. Se queda en todas las inserciones, con cuenta o sin ella: es lo que mantiene la marca visible aunque alguien recorte el enlace.
¿Puedo cambiar los colores?
El marco tiene un tema claro y uno oscuro, elegido automáticamente según la configuración del sistema de quien visita (`theme=auto`), o fijado en la dirección. No hay paleta de colores personalizada.
¿Y el RGPD?
El marco no guarda ningún dato personal, no pone cookies, no lee `localStorage`. Solo registramos que alguien usó el widget en un dominio concreto, sin la IP en claro, para saber qué páginas lo usan de verdad.
Lo pegas una vez
El fragmento apunta a nuestra dirección, así que cuando el widget mejora, el de tu página también.