Métronome et accordeur pour votre site
Pour mettre un métronome sur votre site, choisissez les options ci-dessous, touchez « Copier le code » et collez le code dans un bloc HTML de votre page. L’accordeur fonctionne de la même façon. C’est gratuit, sans inscription, et le widget n’a pas de publicité.
Créez votre widget
Aperçu
Le lien sous le widget mène à MetronoTuner. Vous pouvez le retirer, mais il aide le projet à rester gratuit.
Comment le mettre sur votre site
Copiez le code dans le générateur ci-dessus et collez-le dans votre plateforme :
WordPress
- Ouvrez la page ou l’article dans l’éditeur.
- Touchez + et choisissez le bloc « HTML personnalisé ».
- Collez le code et publiez.
Wix
- Dans l’éditeur, touchez « Ajouter des éléments » (+) › « Intégrer du code » › « Intégrer du HTML ».
- Choisissez « Code », collez et touchez « Mettre à jour ».
- Agrandissez la zone jusqu’à ce que le widget tienne en entier.
Blogger
- Dans l’éditeur de l’article, passez en « Vue HTML ».
- Collez le code à l’endroit où le widget doit apparaître et revenez à la vue normale.
- Pour la barre latérale : « Mise en page » › « Ajouter un gadget » › « HTML/JavaScript ».
Notion
- Ici, touchez « Copier seulement l’adresse » (Notion n’accepte pas le code HTML).
- Sur la page Notion, tapez /embed et choisissez « Embed ».
- Collez l’adresse et validez.
HTML
- Collez le code dans le <body>, à l’endroit de la page où le widget doit apparaître.
- Le widget occupe la largeur disponible, jusqu’au maximum indiqué dans le code.
Pour ceux qui préfèrent modifier le code
L’adresse du widget accepte ces paramètres, identiques dans toutes les langues (les noms et les valeurs restent tels quels, sans traduction) :
-
bpm - Tempo du métronome, de 30 à 250. Exemple :
bpm=90 -
compasso - Mesure et groupement des accents. Exemple :
compasso=7/8:2+2+3 -
instrumento - Instrument de l’accordeur (sans lui, l’accordeur est chromatique). Exemple :
instrumento=ukulele -
afinacao - Accordage de l’instrument (sans lui, le standard). Exemple :
afinacao=drop-d -
tema - claro (clair), escuro (sombre) ou auto (suit l’appareil). Exemple :
tema=escuro -
tamanho - compacto n’affiche que l’essentiel. Exemple :
tamanho=compacto -
fundo - transparente laisse apparaître le fond de votre site. Exemple :
fundo=transparente
Les outils complets
Questions fréquentes
Le widget est-il gratuit ?
Oui. N’importe quel site peut l’utiliser : blog, site de professeur, d’école ou de groupe. Le widget n’a pas de publicité et ne demande pas de compte.
Fonctionne-t-il sur mobile ?
Oui. Le widget s’adapte à la largeur de l’écran et fonctionne dans les navigateurs du téléphone, de la tablette et de l’ordinateur.
Faut-il s’inscrire ?
Non. Il suffit de copier le code et de le coller sur votre site : pas de compte, pas de clé, pas de connexion.
Le microphone fonctionne-t-il dans le widget ?
Oui, dans l’accordeur. Le code contient déjà allow="microphone", qui libère le microphone dans l’iframe, et la première fois le navigateur demande au visiteur s’il peut l’utiliser. Le son est analysé sur l’appareil et n’est ni enregistré ni envoyé. Votre site doit être en HTTPS ; sur les plateformes qui placent le code dans un autre cadre, comme Wix et Notion, le navigateur peut bloquer le microphone.
Puis-je changer la couleur ?
Vous choisissez le thème clair, le sombre ou l’automatique, qui suit l’appareil du visiteur, et vous pouvez rendre le fond transparent pour que le widget se fonde dans votre site. Les couleurs des boutons sont celles de MetronoTuner.
Le widget ralentit-il mon site ?
Non. Le code utilise loading="lazy" : le widget ne se charge que lorsqu’il approche de l’écran. Le son et l’analyse du microphone tournent sur l’appareil du visiteur.