Widgets musicaux gratuits pour votre site

Intégrez nos outils musicaux interactifs sur votre site web en quelques secondes. Aucune inscription requise, 100 % gratuit, compatible avec tous les navigateurs.

Pourquoi intégrer nos widgets musicaux ?

Vous gérez un site de musique, un blog de choriste, une école de chant ou une association musicale ? Nos 10 outils musicaux interactifs sont disponibles sous forme de widgets intégrables gratuitement sur n'importe quel site web.

Installation en 30 secondes

Copiez le code HTML et collez-le dans votre page. C'est tout. Aucune connaissance technique requise.

💰

100 % gratuit

Aucun frais, aucune inscription, aucune limite d'utilisation. Offrez ces outils à vos visiteurs sans contrepartie financière.

📱

Responsive et léger

Chaque widget s'adapte automatiquement à la largeur de votre page, sur mobile comme sur desktop.

🔒

Respectueux de la vie privée

Aucun cookie tiers, aucun tracking. Les widgets fonctionnent intégralement côté navigateur.

Comment intégrer un widget sur votre site

1

Choisissez un outil parmi les 10 widgets disponibles ci-dessous.

2

Copiez le code HTML en cliquant sur le bouton "Copier le code".

3

Collez le code dans le HTML de votre page, article ou sidebar.

Nos 10 widgets musicaux disponibles

Chaque widget inclut un aperçu en direct et un code prêt à copier. Cliquez sur "Copier le code" pour obtenir le code d'intégration.

Accordeur — Widget gratuit

Un accordeur chromatique précis utilisant le micro de l'appareil. Idéal pour les choristes, guitaristes et tous les musiciens.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/accordeur" width="100%" height="450" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Accordeur chromatique en ligne — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/accordeur" target="_blank" rel="noopener" style="color:#D4A853;">Accordeur chromatique en ligne gratuit</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 450 px

Métronome — Widget gratuit

Métronome visuel et sonore, réglable de 20 à 300 BPM. Parfait pour les répétitions de chorale ou la pratique instrumentale.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/metronome" width="100%" height="400" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Métronome en ligne gratuit — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/metronome" target="_blank" rel="noopener" style="color:#D4A853;">Métronome en ligne gratuit</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 400 px

Diapason — Widget gratuit

Jouez un La 440 Hz ou toute autre note de référence pour accorder votre voix ou votre instrument.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/diapason" width="100%" height="350" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Diapason en ligne — La 440 Hz — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/diapason" target="_blank" rel="noopener" style="color:#D4A853;">Diapason en ligne gratuit</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 350 px

Tessiture — Widget gratuit

Chantez dans votre micro et découvrez votre tessiture vocale : soprano, alto, ténor ou basse.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/tessiture" width="100%" height="500" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Testeur de tessiture vocale — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/tessiture" target="_blank" rel="noopener" style="color:#D4A853;">Test de tessiture vocale gratuit</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 500 px

Transposeur — Widget gratuit

Transposez vos accords et tonalités en un clic, dans tous les intervalles possibles.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/transposeur" width="100%" height="400" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Transposeur de tonalité — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/transposeur" target="_blank" rel="noopener" style="color:#D4A853;">Transposeur de tonalité gratuit</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 400 px

Vocalises — Widget gratuit

Exercices d'échauffement vocal avec audio : gammes, arpèges, intervalles. Idéal avant une répétition.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/vocalises" width="100%" height="500" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Générateur de vocalises — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/vocalises" target="_blank" rel="noopener" style="color:#D4A853;">Générateur de vocalises gratuit</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 500 px

Dictionnaire musical — Widget gratuit

Glossaire complet de la musique chorale avec plus de 200 termes expliqués clairement.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/dictionnaire" width="100%" height="600" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Dictionnaire des termes musicaux — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/dictionnaire" target="_blank" rel="noopener" style="color:#D4A853;">Dictionnaire des termes musicaux</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 600 px

Cercle des quintes — Widget gratuit

Visualisez les tonalités, les accords relatifs et les armures de manière interactive.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/cercle-des-quintes" width="100%" height="550" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Cercle des quintes interactif — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/cercle-des-quintes" target="_blank" rel="noopener" style="color:#D4A853;">Cercle des quintes interactif</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 550 px

Effectif choral — Widget gratuit

Vérifiez l'équilibre de votre chorale par pupitre et obtenez des recommandations personnalisées.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/effectif-choral" width="100%" height="500" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Calculateur d'effectif choral SATB — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/effectif-choral" target="_blank" rel="noopener" style="color:#D4A853;">Calculateur d'effectif choral</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 500 px

Programme de concert — Widget gratuit

Composez un programme de concert équilibré et exportez-le directement en PDF.

Aperçu en direct
Code d'intégration HTML
<div style="max-width:600px;margin:0 auto;">
    <iframe src="https://ressourceschorales.fr/embed/programme-concert" width="100%" height="600" frameborder="0" style="border:1px solid #E8E4DF;border-radius:12px;overflow:hidden;" loading="lazy" title="Générateur de programme de concert — Ressources Chorales"></iframe>
    <p style="text-align:center;font-size:12px;margin-top:4px;">
        <a href="https://ressourceschorales.fr/outils/programme-concert" target="_blank" rel="noopener" style="color:#D4A853;">Générateur de programme de concert</a> par <a href="https://ressourceschorales.fr" target="_blank" rel="noopener" style="color:#D4A853;">Ressources Chorales</a>
    </p>
</div>

Dimensions recommandées : largeur 100 % (max 600 px) — hauteur 600 px

Conditions d'utilisation des widgets

L'utilisation de nos widgets est gratuite et ouverte à tous les sites web, sous réserve du respect des conditions suivantes :

  • Attribution obligatoire : le lien de crédit sous l'iframe (contenant les deux liens vers Ressources Chorales) doit rester visible et cliquable en permanence.
  • Liens dofollow : les liens d'attribution ne doivent pas contenir d'attribut rel="nofollow", rel="sponsored" ou rel="ugc". Ils doivent rester en dofollow.
  • Barre "Propulsé par" : la barre de crédit intégrée à l'intérieur du widget ne doit pas être masquée, recouverte ou modifiée par CSS, JavaScript ou tout autre moyen.
  • Pas de modification du code : le code source de l'iframe et des liens d'attribution ne doit pas être modifié, à l'exception de la largeur maximale du conteneur.
  • Usage interdit : les widgets ne peuvent pas être intégrés sur des sites contenant du contenu illégal, haineux, pornographique ou trompeur.

Le non-respect de ces conditions entraîne la révocation du droit d'utilisation. Pour toute question, contactez-nous.

Consultez nos mentions légales pour plus de détails.

Questions fréquentes sur les widgets

Les widgets sont-ils vraiment gratuits ?

Oui, tous nos widgets sont 100 % gratuits, sans limite d'utilisation ni durée d'expiration. La seule contrepartie est le maintien des liens d'attribution visibles et en dofollow.

Dois-je créer un compte pour utiliser les widgets ?

Non, aucune inscription n'est nécessaire. Copiez simplement le code HTML et collez-le sur votre site.

Les widgets fonctionnent-ils sur mobile ?

Oui, chaque widget est entièrement responsive et s'adapte à la taille de l'écran. L'iframe occupe 100 % de la largeur disponible (jusqu'à 600 px maximum).

Puis-je modifier l'apparence du widget ?

Vous pouvez ajuster la largeur maximale du conteneur (max-width) et la hauteur de l'iframe. En revanche, le contenu interne du widget (couleurs, mise en page, barre "Propulsé par") ne doit pas être modifié.

Les widgets ralentissent-ils mon site ?

Non. Les widgets utilisent l'attribut loading="lazy", ce qui signifie qu'ils ne se chargent que lorsque le visiteur fait défiler la page jusqu'à eux. L'impact sur la performance de votre site est minime.

Puis-je intégrer plusieurs widgets sur la même page ?

Absolument. Vous pouvez intégrer autant de widgets que vous le souhaitez sur une même page. Chaque widget fonctionne de manière indépendante.

Que se passe-t-il si je supprime les liens d'attribution ?

Les liens d'attribution sont obligatoires. Leur suppression ou leur modification (ajout de nofollow, masquage CSS, etc.) constitue une violation des conditions d'utilisation et entraîne la révocation du droit d'utilisation des widgets.

Les widgets collectent-ils des données sur mes visiteurs ?

Non. Les widgets ne déposent aucun cookie et ne collectent aucune donnée personnelle. Tous les traitements (détection audio, calculs, etc.) sont effectués localement dans le navigateur du visiteur.

Puis-je utiliser les widgets sur un site commercial ?

Oui, les widgets peuvent être utilisés sur tout type de site (personnel, associatif, commercial, éducatif), tant que les conditions d'utilisation sont respectées.

Comment contacter l'équipe en cas de problème ?

Vous pouvez nous joindre via notre page de contact. Nous répondons généralement sous 48 heures.