Metrónomo y afinador para tu sitio web
Para poner un metrónomo en tu sitio, elige las opciones de abajo, toca «Copiar código» y pega el código en un bloque de HTML de tu página. El afinador funciona igual. Es gratis, no necesita registro y el widget no tiene anuncios.
Crea tu widget
Vista previa
El enlace bajo el widget lleva a MetronoTuner. Puedes quitarlo, pero ayuda a que el proyecto siga siendo gratis.
Cómo ponerlo en tu sitio
Copia el código en el generador de arriba y pégalo en tu plataforma:
WordPress
- Abre la página o la entrada en el editor.
- Toca + y elige el bloque «HTML personalizado».
- Pega el código y publica.
Wix
- En el editor, toca «Añadir elementos» (+) › «Insertar código» › «Insertar HTML».
- Elige «Código», pega y toca «Actualizar».
- Agranda la caja hasta que el widget quepa entero.
Blogger
- En el editor de la entrada, cambia a la «Vista HTML».
- Pega el código donde debe aparecer el widget y vuelve a la vista normal.
- Para la barra lateral: «Diseño» › «Añadir un gadget» › «HTML/JavaScript».
Notion
- Aquí, toca «Copiar solo la dirección» (Notion no acepta código HTML).
- En la página de Notion, escribe /embed y elige «Embed».
- Pega la dirección y confirma.
HTML
- Pega el código dentro del <body>, en el punto de la página donde debe aparecer el widget.
- El widget ocupa el ancho disponible, hasta el máximo que figura en el código.
Para quien prefiere editar el código
La dirección del widget acepta estos parámetros, iguales en todos los idiomas (los nombres y los valores se quedan así, sin traducir):
-
bpm - Tempo del metrónomo, de 30 a 250. Ejemplo:
bpm=90 -
compasso - Compás y agrupación de los acentos. Ejemplo:
compasso=7/8:2+2+3 -
instrumento - Instrumento del afinador (sin él, el afinador es cromático). Ejemplo:
instrumento=ukulele -
afinacao - Afinación del instrumento (sin ella, la estándar). Ejemplo:
afinacao=drop-d -
tema - claro, escuro (oscuro) o auto (sigue el dispositivo). Ejemplo:
tema=escuro -
tamanho - compacto muestra solo lo esencial. Ejemplo:
tamanho=compacto -
fundo - transparente deja ver el fondo de tu sitio. Ejemplo:
fundo=transparente
Las herramientas completas
Preguntas frecuentes
¿El widget es gratis?
Sí. Cualquier sitio puede usarlo: un blog, la web de un profesor, de una escuela o de una banda. El widget no tiene anuncios y no necesita cuenta.
¿Funciona en el móvil?
Sí. El widget se ajusta al ancho de la pantalla y funciona en los navegadores del móvil, de la tableta y del ordenador.
¿Hace falta registrarse?
No. Solo hay que copiar el código y pegarlo en tu sitio: no hay cuenta, clave ni inicio de sesión.
¿Funciona el micrófono dentro del widget?
Sí, en el afinador. El código ya incluye allow="microphone", que libera el micrófono dentro del iframe, y la primera vez el navegador pregunta a quien visita si puede usarlo. El sonido se analiza en el dispositivo y no se graba ni se envía. Tu sitio tiene que estar en HTTPS; en plataformas que meten el código dentro de otro marco, como Wix y Notion, el navegador puede bloquear el micrófono.
¿Puedo cambiar el color?
Eliges el tema claro, el oscuro o el automático, que sigue el dispositivo de quien visita, y puedes dejar el fondo transparente para que el widget se mezcle con tu sitio. Los colores de los botones son los de MetronoTuner.
¿El widget hace más lento mi sitio?
No. El código usa loading="lazy": el widget solo se carga cuando se acerca a la pantalla. El sonido y el análisis del micrófono se ejecutan en el dispositivo de quien visita.