Widgets gratuits de métronome, d’accordeur et de piano pour votre site

Vous avez trois widgets au choix. Le premier est un métronome en ligne avec un tempo de 20 à 300 BPM, un tap tempo et les mesures 2/4, 3/4, 4/4, 5/4, 6/8 et 7/8. Le premier temps reçoit un clic de 1000 Hz. Les autres utilisent 800 Hz. Vous ou votre élève pouvez ainsi repérer le début de la mesure sans dépendre d’un décompte parlé.

Pour un exercice de guitare, commencez entre 60 et 72 BPM. Pour un accompagnement de chanson française en 2/4, utilisez d’abord le métronome avec une note par clic, puis ajoutez la syncope. Dans un exercice de pop, l’élève peut marquer quatre temps avec le tap tempo et vérifier si la pulsation reste proche du tempo qu’il souhaite travailler.

Le deuxième est un accordeur de guitare en ligne pour l’accordage standard E2, A2, D3, G3, B3 et E4. Il utilise le microphone de l’appareil de la personne qui consulte la page. L’indication « accordé » prend en compte une plage de ±5 cents, mais le résultat dépend du microphone, de l’environnement, du volume de l’instrument et de la manière dont la corde est attaquée. L’audio est analysé directement dans le navigateur et n’est envoyé nulle part ailleurs.

L’accordeur ne remplace pas l’écoute. Si l’indication oscille, éloignez le téléphone de la caisse de la guitare, réduisez le bruit ambiant et jouez une corde à la fois. Attendez que la note se stabilise avant de tourner la cheville. Sur les guitares équipées de cordes neuves, vérifiez à nouveau après quelques secondes, car la tension peut varier.

Le troisième est un piano virtuel de deux octaves. Lorsque l’espace disponible devient trop étroit, il n’affiche plus qu’une octave. Le widget permet de changer d’octave, d’utiliser le sustain et de jouer avec le clavier de l’ordinateur lorsqu’il est actif. Il est utile pour repérer les notes, vérifier les intervalles et tester des idées d’harmonie sans ouvrir une deuxième page.

Vous pouvez utiliser le piano pour repérer la tonique d’une tonalité, comparer une tierce majeure et une tierce mineure ou essayer une progression comme I–V–vi–IV. Dans un cours de MPB, cela aide l’élève à entendre la fonction de chaque accord sans reproduire les paroles ni la grille complète d’une œuvre protégée.

Voici les outils disponibles pour être intégrés. Il n’y a ni catalogue de morceaux, ni recherche de liens, ni connexion à des vidéos, ni envoi d’audio. Si vous cherchez d’autres outils pour un cours ou un article, consultez tous les outils de Cantivy et choisissez uniquement ceux qui correspondent à l’activité proposée.

Commencez par choisir le widget sur cette page. Sélectionnez l’outil, la largeur et la langue. Le générateur affiche le code iframe correspondant. Copiez l’intégralité du passage, y compris la ligne de crédit qui apparaît juste sous le widget. Ne modifiez pas l’adresse fixe du code et ne supprimez pas l’attribut allow="microphone" de l’accordeur.

Ouvrez ensuite l’éditeur de la page où vous souhaitez placer l’outil et utilisez le bloc de HTML personnalisé ou d’intégration proposé par votre plateforme. Collez le code dans le champ indiqué, puis publiez ou mettez à jour la page. Certaines plateformes gratuites n’acceptent pas les iframe. Dans ce cas, le bloc peut être supprimé, bloqué ou affiché sous forme de texte.

Effectuez ce test en trois étapes. Premièrement, enregistrez ou publiez la page. Deuxièmement, ouvrez l’adresse comme visiteur, sans rester uniquement en mode édition. Troisièmement, interagissez avec les commandes. Avec le métronome, jouez en même temps pendant huit mesures et vérifiez que l’accent du premier temps est bien audible. Au piano, appuyez sur une touche de l’ordinateur lorsque le widget est actif. Avec l’accordeur, autorisez le microphone et jouez une corde à la fois.

Si le piano ne réagit pas au clavier, cliquez sur le widget avant d’appuyer sur les touches. Si l’accordeur n’affiche aucun signal, vérifiez l’autorisation du microphone, le volume de l’instrument et l’utilisation du HTTPS. Si le bloc apparaît sous forme de texte, cherchez sur la plateforme une option appelée « HTML personnalisé », « Code intégré » ou « Embed ».

Le code pointe vers une adresse fixe de Cantivy. Si l’outil reçoit des améliorations, vous n’avez pas besoin de remplacer le passage déjà collé. Pour supprimer le widget, il suffit d’effacer le code de la page ainsi que la ligne de crédit associée. Le contenu de votre site n’est pas modifié par cette suppression.

Quatre options de largeur sont disponibles : 100 %, 360 px, 560 px et 800 px. L’option 100 % est adaptative et respecte une limite de 800 px. Utilisez-la lorsque la page est consultée par des élèves sur des téléphones et des ordinateurs de tailles différentes. Les options fixes sont utiles lorsque vous composez une colonne, une fiche d’exercice ou une page divisée en deux zones côte à côte.

Choisissez 360 px pour une colonne étroite ou pour une page conçue d’abord pour les mobiles. Utilisez 560 px dans une leçon où le texte se trouve à côté ou en dessous. Réservez 800 px à une page de ressources sur laquelle le widget occupe presque toute la largeur. Si vous ne savez pas quelle option choisir, commencez par 100 % et testez la page sur un écran d’environ 360 px de largeur.

La hauteur est déjà calculée pour chaque outil. Il n’est donc pas nécessaire de deviner une valeur ni de créer une barre de défilement à l’intérieur de l’iframe. Sur un écran étroit, le piano se réduit à une octave. Sur le métronome et l’accordeur, les commandes s’adaptent à l’espace choisi.

Vous pouvez sélectionner le portugais, l’espagnol, l’anglais, l’indonésien, le français, l’allemand, l’italien, le russe, le turc ou le polonais. Choisissez la langue en fonction du public de la page concernée. Un professeur qui donne ses cours en portugais peut conserver les commandes dans cette langue même lorsqu’il partage un exercice avec un élève qui vit en dehors du Brésil.

L’emplacement du widget modifie l’expérience. Placez le métronome près du décompte de l’exercice. Laissez l’accordeur à côté de l’explication sur les six cordes. Positionnez le piano à côté d’une analyse d’intervalle ou d’une progression comme I–V–vi–IV. Sur une page longue, placez une courte introduction avant l’outil, puis les consignes de pratique juste après.

Pour une fiche d’étude, un ordre fonctionnel est le suivant : objectif de l’exercice, outil, tempo ou tonalité, nombre de répétitions et critère de validation. Exemple : « Jouez la gamme à 60 BPM pendant quatre répétitions. Passez à 64 BPM uniquement s’il n’y a aucune interruption ». Cette structure donne à l’élève une action immédiate et une limite claire.

Le tuner doit capter le son grâce au microphone de l’appareil de la personne qui consulte la page. Le code contient déjà allow="microphone". Sans cet attribut, le navigateur bloque l’accès au microphone dans le widget. Le site qui intègre le tuner doit également utiliser HTTPS. Sur une page dépourvue de connexion sécurisée, le navigateur n’autorise pas cette fonctionnalité.

Lors de la première tentative, le navigateur peut afficher une demande d’autorisation. La personne doit autoriser l’accès au microphone pour accorder la guitare. Si elle refuse, le reste de la page reste disponible, mais le tuner ne reçoit aucun signal. Il est également utile de fermer les applications qui utilisent le microphone et de jouer une corde à la fois, en plaçant l’instrument près de l’appareil.

Sur un téléphone portable, placez l’appareil à une distance approximative de 20 à 50 centimètres de la guitare. Évitez de poser le téléphone contre la caisse de l’instrument. Sur un ordinateur, utilisez le microphone sélectionné par le navigateur et éloignez les sources de bruit, comme la télévision, un ventilateur ou une autre personne qui joue.

Le son est analysé directement dans le navigateur et n’est envoyé nulle part. Toutefois, le résultat ne remplace pas une mesure en laboratoire. Le tuner dépend du microphone du téléphone, de la tablette ou de l’ordinateur, du bruit ambiant et de la manière dont la corde est jouée. Pour obtenir une lecture stable, attendez que la note cesse d’osciller et effectuez de petits ajustements au niveau de la mécanique.

La hauteur détectée est une estimation. Dans un environnement bruyant, le tuner peut confondre une note avec une autre ou afficher une lecture instable. Si l’indication semble être une octave au-dessus ou au-dessous, vérifiez la corde sélectionnée et jouez-la à nouveau. La lecture d’une corde à vide ne doit pas être considérée comme une mesure exacte sur tous les appareils.

Expliquez cela à l’élève avant l’exercice. Dans le cadre d’un cours en ligne, demandez-lui de vérifier que le cadenas de sécurité apparaît dans le navigateur, d’autoriser le microphone et de jouer séparément Mi2, La2, Ré3, Sol3, Si3 et Mi4. En cas de doute concernant les données et les autorisations, consultez la politique de confidentialité.

Une activité simple commence entre 60 et 72 BPM. Demandez à l’élève de jouer une note par clic pendant quatre mesures. Passez ensuite en 3/4 et faites jouer trois attaques par mesure. Le clic de 1000 Hz sur le premier temps aide à repérer le moment où le cycle recommence. Pour un exercice de forró, vous pouvez utiliser 2/4 et demander à la main droite de maintenir la pulsation avant d’ajouter la syncope.

Pour transformer cela en exercice de 10 minutes, utilisez trois blocs. Dans le premier, l’élève joue quatre mesures à raison d’une note par clic. Dans le deuxième, il répète la même figure en 3/4. Dans le troisième, il maintient la pulsation et ajoute un changement d’accord toutes les quatre mesures. Notez le tempo initial et le tempo final afin de les comparer au cours suivant.

Le tap tempo sert à approcher le tempo d’un morceau que l’élève connaît déjà. Il peut taper quatre fois sur la pulsation d’un morceau de pagode ou de sertanejo et vérifier le nombre indiqué. Ajustez ensuite le BPM à une valeur confortable. Si l’exécution se bloque, réduisez de 8 à 12 BPM. Lorsqu’elle devient régulière, augmentez par paliers de 4 BPM.

Le tempo détecté par le tap tempo est une référence. Quatre frappes peuvent produire la moitié ou le double du BPM souhaité, surtout lorsque l’élève ne marque qu’un côté de la pulsation. Comparez le nombre avec la sensation de la mesure et corrigez-le d’une frappe avant de commencer l’exercice.

Le piano est utile pour les activités d’écoute et de repérage. Demandez à l’élève de trouver la tonique, la tierce majeure et la quinte sur une octave. Dans un cours consacré à la MPB, vous pouvez comparer le mouvement I–V–vi–IV sans écrire la grille complète d’une œuvre protégée. Ensuite, l’élève joue chaque accord au piano et identifie si la tierce est majeure ou mineure.

Vous pouvez également construire un exercice de musique de louange en quatre étapes : repérer la tonique, jouer la quinte, alterner entre tierce majeure et tierce mineure, puis répéter la progression dans une autre octave. Dans le répertoire sertanejo, utilisez le piano pour comparer la basse de la tonique à celle de la quinte. Dans le pagode, demandez à l’élève de maintenir le métronome en 2/4 tout en identifiant la note la plus grave de chaque accord.

Pour les cours de guitare, combinez les trois widgets. D’abord, l’élève utilise l’accordeur pour vérifier les six cordes. Ensuite, il règle le métronome sur 70 BPM et joue un rythme simple. Enfin, il trouve au piano les notes de la gamme ou la basse d’une progression. Cette séquence distingue l’accordage, le tempo et la perception harmonique, trois tâches qui ont tendance à se mélanger lorsque l’élève commence à jouer.

Le widget ne contient ni publicité, ni compteur de visites, ni cookie, ni script tiers. Il charge uniquement la page de l’outil, la police et le script de cantivy.com. Ainsi, l’espace de pratique reste centré sur les commandes du métronome, de l’accordeur ou du piano.

L’élève n’a pas besoin de créer un compte, de fournir une adresse e-mail ou de saisir une clé. L’enseignant n’a pas non plus à gérer une liste d’utilisateurs. Il suffit d’ouvrir la page publiée et d’utiliser l’outil. Avec l’accordeur, la seule autorisation particulière concerne l’accès au microphone, demandé par le navigateur pour analyser le son directement sur l’appareil.

Le widget ne promet pas de fonctionner sans connexion Internet. Il s’exécute dans le navigateur lorsque la page est ouverte et doit charger les ressources de Cantivy. Sa disponibilité dépend également de la connexion et des règles de la plateforme sur laquelle vous avez collé le code. Si le bloc ne s’affiche pas, vérifiez que la plateforme accepte les iframe, que l’adresse de la page a été publiée correctement et qu’aucune règle de sécurité n’a bloqué le contenu intégré.

Si votre objectif est de proposer un outil de travail, décrivez la tâche directement sur la page. Indiquez le déroulement, la mesure, le nombre de répétitions et ce que l’élève doit écouter. Ne présentez pas le widget comme un service de recherche, de stockage ou de traitement de morceaux de musique, car il n’assure aucune de ces fonctions.

L’utilisation est gratuite, sans inscription ni clé. La seule condition est de conserver le crédit « par Cantivy ». Le code comprend déjà un lien dans le widget ainsi qu’une ligne de texte juste en dessous. Ce crédit indique l’origine de l’outil et doit rester visible sur la page publiée.

Ne modifiez pas l’adresse fixe de l’iframe pour masquer le crédit, remplacer l’origine ou insérer vos propres scripts dans le widget. Vous pouvez choisir la largeur, la langue et l’emplacement où l’outil apparaît. Vous pouvez également tout supprimer à tout moment en effaçant le code de la page.

Si votre éditeur ajoute des styles autour du widget, prévoyez suffisamment d’espace pour la ligne de crédit. Dans une colonne de 360 px, vérifiez que le texte n’est pas tronqué. Après la publication, ouvrez la page dans une fenêtre de navigation privée ou dans un autre navigateur afin de vérifier l’affichage pour les visiteurs qui ne sont pas connectés au panneau d’administration.

Le code a été conçu pour rester valide tant que l’adresse de l’outil est disponible. Des améliorations peuvent être apportées au widget sans que vous ayez à remplacer le code intégré. Testez néanmoins la page après toute modification de votre thème, de votre éditeur ou des règles de sécurité de la plateforme.

Pour consulter les règles complètes, lisez les conditions d’utilisation. Si le code ne se charge pas, si le crédit s’affiche mal ou si vous rencontrez une situation qui n’est pas expliquée ici, contactez-nous et envoyez l’adresse de la page sur laquelle vous avez essayé d’intégrer l’outil.

Vous pouvez intégrer trois outils musicaux à votre propre page : métronome, accordeur de guitare et piano virtuel. L’élève peut s’entraîner sans être redirigé vers un autre site.

Le point essentiel consiste à copier le code généré sur cette page, à le coller dans le bloc HTML personnalisé ou d’intégration, puis à tester la page en tant que visiteur. La première mise en ligne ne nécessite généralement que le choix de la largeur, de la langue et de l’emplacement du widget.

• Choisissez le widget et configurez la largeur, la langue et l’outil avant de copier le code.
• Utilisez HTTPS sur le site qui intègre l’accordeur et conservez allow="microphone" dans l’iframe.
• Commencez les exercices de tempo entre 60 et 72 BPM, puis augmentez progressivement la vitesse.
• Utilisez le tap tempo comme référence et vérifiez que la valeur n’est pas apparue à la moitié ou au double du pouls souhaité.
• Utilisez le piano pour repérer les notes, les intervalles et les progressions comme I–V–vi–IV.
• Testez le widget sur la page publiée, et pas uniquement dans l’éditeur de la plateforme.
• Conservez la mention « par Cantivy » ainsi que la ligne de texte située sous le widget.
• Supprimez le code de la page si vous souhaitez retirer l’outil.