Metronomo e accordatore per il tuo sito
Per mettere un metronomo sul tuo sito, scegli le opzioni qui sotto, tocca «Copia il codice» e incolla il codice in un blocco HTML della tua pagina. L’accordatore funziona allo stesso modo. È gratis, non serve registrarsi e il widget non ha pubblicità.
Crea il tuo widget
Anteprima
Il link sotto il widget porta a MetronoTuner. Puoi toglierlo, ma aiuta il progetto a restare gratuito.
Come metterlo nel tuo sito
Copia il codice nel generatore qui sopra e incollalo nella tua piattaforma:
WordPress
- Apri la pagina o l’articolo nell’editor.
- Tocca + e scegli il blocco «HTML personalizzato».
- Incolla il codice e pubblica.
Wix
- Nell’editor, tocca «Aggiungi elementi» (+) › «Incorpora codice» › «Incorpora HTML».
- Scegli «Codice», incolla e tocca «Aggiorna».
- Ingrandisci il riquadro finché il widget non ci sta per intero.
Blogger
- Nell’editor del post, passa alla «Visualizzazione HTML».
- Incolla il codice dove deve comparire il widget e torna alla visualizzazione normale.
- Per la barra laterale: «Layout» › «Aggiungi un gadget» › «HTML/JavaScript».
Notion
- Qui, tocca «Copia solo l’indirizzo» (Notion non accetta codice HTML).
- Nella pagina di Notion, scrivi /embed e scegli «Embed».
- Incolla l’indirizzo e conferma.
HTML
- Incolla il codice dentro il <body>, nel punto della pagina in cui deve comparire il widget.
- Il widget occupa la larghezza disponibile, fino al massimo indicato nel codice.
Per chi preferisce modificare il codice
L’indirizzo del widget accetta questi parametri, uguali in tutte le lingue (i nomi e i valori restano così, senza traduzione):
-
bpm - Tempo del metronomo, da 30 a 250. Esempio:
bpm=90 -
compasso - Misura e raggruppamento degli accenti. Esempio:
compasso=7/8:2+2+3 -
instrumento - Strumento dell’accordatore (senza, l’accordatore è cromatico). Esempio:
instrumento=ukulele -
afinacao - Accordatura dello strumento (senza, quella standard). Esempio:
afinacao=drop-d -
tema - claro (chiaro), escuro (scuro) o auto (segue il dispositivo). Esempio:
tema=escuro -
tamanho - compacto mostra solo l’essenziale. Esempio:
tamanho=compacto -
fundo - transparente lascia vedere lo sfondo del tuo sito. Esempio:
fundo=transparente
Gli strumenti completi
Domande frequenti
Il widget è gratuito?
Sì. Qualsiasi sito può usarlo: un blog, il sito di un insegnante, di una scuola o di una band. Il widget non ha pubblicità e non richiede un account.
Funziona sul telefono?
Sì. Il widget si adatta alla larghezza dello schermo e funziona nei browser di telefono, tablet e computer.
Serve registrarsi?
No. Basta copiare il codice e incollarlo nel tuo sito: niente account, chiavi o login.
Il microfono funziona dentro il widget?
Sì, nell’accordatore. Il codice include già allow="microphone", che libera il microfono dentro l’iframe, e la prima volta il browser chiede a chi visita se può usarlo. Il suono viene analizzato sul dispositivo e non viene registrato né inviato. Il tuo sito deve essere in HTTPS; nelle piattaforme che mettono il codice dentro un’altra cornice, come Wix e Notion, il browser può bloccare il microfono.
Posso cambiare il colore?
Scegli il tema chiaro, quello scuro o l’automatico, che segue il dispositivo di chi visita, e puoi rendere lo sfondo trasparente per far fondere il widget con il tuo sito. I colori dei pulsanti sono quelli di MetronoTuner.
Il widget rallenta il mio sito?
No. Il codice usa loading="lazy": il widget si carica solo quando si avvicina allo schermo. Il suono e l’analisi del microfono girano sul dispositivo di chi visita.