Metronoom en stemapparaat voor je website
Om een metronoom op je website in te sluiten, kies je hieronder de opties, tik je op “Code kopiëren” en plak je de code in een HTML-blok op je pagina. Het stemapparaat werkt op dezelfde manier. Het is gratis, vereist geen account en de widget toont geen advertenties.
Bouw je widget
Voorbeeld
De link onder de widget verwijst naar MetronoTuner. Je mag hem weghalen, maar hij helpt het project gratis te houden.
Zo voeg je hem toe aan je site
Kopieer de code uit de widgetbouwer hierboven en plak hem in je platform:
WordPress
- Open de pagina of het bericht in de editor.
- Tik op + en kies het blok “Aangepaste HTML”.
- Plak de code en publiceer.
Wix
- Tik in de editor op “Elementen toevoegen” (+) › “Code insluiten” › “HTML insluiten”.
- Kies “Code”, plak hem en tik op “Bijwerken”.
- Pas het formaat van het vak aan tot de hele widget past.
Blogger
- Schakel in de berichteneditor over naar “HTML-weergave”.
- Plak de code op de plek waar de widget moet verschijnen en schakel terug naar de normale weergave.
- Voor de zijbalk: “Lay-out” › “Gadget toevoegen” › “HTML/JavaScript”.
Notion
- Tik hier op “Alleen het adres kopiëren” (Notion accepteert geen HTML-code).
- Typ op je Notion-pagina /embed en kies “Embed”.
- Plak het adres en bevestig.
HTML
- Plak de code binnen <body>, op de plek waar de widget moet verschijnen.
- De widget vult de beschikbare breedte, tot het maximum dat in de code is ingesteld.
Als je de code liever zelf aanpast
Het adres van de widget accepteert deze parameters, in elke taal hetzelfde (namen en waarden blijven precies zo staan, onvertaald):
-
bpm - Metronoomtempo, van 30 tot 250. Voorbeeld:
bpm=90 -
compasso - Maatsoort en accentgroepering. Voorbeeld:
compasso=7/8:2+2+3 -
instrumento - Instrument van het stemapparaat (zonder dit is het stemapparaat chromatisch). Voorbeeld:
instrumento=ukulele -
afinacao - Stemming van het instrument (zonder dit de standaardstemming). Voorbeeld:
afinacao=drop-d -
tema - claro (licht), escuro (donker) of auto (volgt het apparaat). Voorbeeld:
tema=escuro -
tamanho - compacto toont alleen het hoogstnodige. Voorbeeld:
tamanho=compacto -
fundo - transparente laat de achtergrond van je site doorschemeren. Voorbeeld:
fundo=transparente
De volledige tools
Veelgestelde vragen
Is de widget gratis?
Ja. Elke site mag hem gebruiken: een blog, de site van een leraar, een school of een band. De widget toont geen advertenties en vereist geen account.
Werkt hij op telefoons?
Ja. De widget past zich aan de schermbreedte aan en werkt in browsers op telefoon, tablet en computer.
Moet ik me aanmelden?
Nee. Kopieer gewoon de code en plak hem op je site: geen account, geen sleutel, geen login.
Werkt de microfoon in de widget?
Ja, in het stemapparaat. De code bevat al allow="microphone", waarmee de microfoon in de iframe wordt ingeschakeld, en de eerste keer vraagt de browser de bezoeker om toestemming. Het geluid wordt op het apparaat geanalyseerd en nooit opgenomen of verstuurd. Je site moet HTTPS gebruiken; op platforms die de code in een ander frame verpakken, zoals Wix en Notion, kan de browser de microfoon blokkeren.
Kan ik de kleuren aanpassen?
Je kunt het lichte thema, het donkere thema of automatisch kiezen, dat het apparaat van de bezoeker volgt, en de achtergrond transparant maken zodat de widget in je site opgaat. De kleuren van de knoppen zijn die van MetronoTuner.
Maakt de widget mijn site trager?
Nee. De code gebruikt loading="lazy": de widget laadt pas als hij in de buurt van het scherm komt. Geluid en microfoonanalyse draaien op het apparaat van de bezoeker.