Metronom og stemmeapparat til din hjemmeside

For at indlejre en metronom på din hjemmeside skal du vælge indstillingerne nedenfor, trykke på “Kopiér kode” og sætte koden ind i en HTML-blok på din side. Stemmeapparatet virker på samme måde. Det er gratis, kræver ingen oprettelse, og widgetten viser ingen reklamer.

Byg din widget

Værktøj

Metronom Stemmeapparat

Størrelse

Kompakt Fuld

Kompakt viser kun det vigtigste; fuld har alle værktøjets valgmuligheder.

Tema

Automatisk Lyst Mørkt

Gennemsigtig baggrund Vælg det tema, der passer til din sides farver.

Tempo (BPM)

Taktart Accentgruppering

Widgettens sprog

Forhåndsvisning

Kode til at sætte ind på din side

<iframe src="https://metronotuner.com/da/widget/metronome/?bpm=120&amp;tamanho=compacto" width="100%" height="520" style="display:block;max-width:420px;border:0;border-radius:16px" loading="lazy" allow="screen-wake-lock" title="Metronom — MetronoTuner"></iframe>
<p><a href="https://metronotuner.com/da/metronome/">Online metronom — MetronoTuner</a></p>

Linket under widgetten peger på MetronoTuner. Du kan fjerne det, men det hjælper med at holde projektet gratis.

Sådan sætter du den ind på din side

Kopiér koden fra byggeren ovenfor, og sæt den ind på din platform:

WordPress

Åbn siden eller indlægget i editoren.
Tryk på + og vælg blokken “Tilpasset HTML”.
Sæt koden ind, og udgiv.

Wix

Tryk på “Tilføj elementer” (+) › “Indlejr kode” › “Indlejr HTML” i editoren.
Vælg “Kode”, sæt den ind, og tryk på “Opdater”.
Tilpas boksens størrelse, til hele widgetten er der.

Blogger

Skift til “HTML-visning” i indlægseditoren.
Sæt koden ind det sted, hvor widgetten skal vises, og skift tilbage til normal visning.
Til sidebjælken: “Layout” › “Tilføj en gadget” › “HTML/JavaScript”.

Notion

Tryk her på “Kopiér kun adressen” (Notion accepterer ikke HTML-kode).
Skriv /embed på din Notion-side, og vælg “Embed”.
Sæt adressen ind, og bekræft.

HTML

Sæt koden ind i <body>, på det sted hvor widgetten skal vises.
Widgetten fylder den tilgængelige bredde, op til det maksimum, der er sat i koden.

Hvis du hellere vil redigere koden

Widgettens adresse accepterer disse parametre, de samme på alle sprog (navne og værdier forbliver præcis som her, uoversat):

bpm: Metronomens tempo, fra 30 til 250. Eksempel: bpm=90
compasso: Taktart og accentgruppering. Eksempel: compasso=7/8:2+2+3
instrumento: Stemmeapparatets instrument (uden den er stemmeapparatet kromatisk). Eksempel: instrumento=ukulele
afinacao: Instrumentets stemning (uden den: standard). Eksempel: afinacao=drop-d
tema: claro (lyst), escuro (mørkt) eller auto (følger enheden). Eksempel: tema=escuro
tamanho: compacto viser kun det vigtigste. Eksempel: tamanho=compacto
fundo: transparente lader din sides baggrund skinne igennem. Eksempel: fundo=transparente

De fulde værktøjer

Ofte stillede spørgsmål

Er widgetten gratis?

Ja. Alle sider kan bruge den: en blog, en lærers side, en skole eller et band. Widgetten viser ingen reklamer og kræver ingen konto.

Virker den på telefoner?

Ja. Widgetten tilpasser sig skærmbredden og virker i browsere på telefon, tablet og computer.

Skal jeg oprette mig?

Nej. Kopiér bare koden, og sæt den ind på din side: ingen konto, ingen nøgle, intet login.

Virker mikrofonen i widgetten?

Ja, i stemmeapparatet. Koden indeholder allerede allow="microphone", som aktiverer mikrofonen i iframen, og første gang spørger browseren den besøgende om tilladelse. Lyden analyseres på enheden og bliver aldrig optaget eller sendt. Din side skal bruge HTTPS; på platforme, der pakker koden ind i en anden ramme, som Wix og Notion, kan browseren blokere mikrofonen.

Kan jeg ændre farverne?

Du kan vælge det lyse tema, det mørke tema eller automatisk, som følger den besøgendes enhed, og gøre baggrunden gennemsigtig, så widgetten smelter sammen med din side. Knappernes farver er MetronoTuners.

Gør widgetten min side langsommere?

Nej. Koden bruger loading="lazy": widgetten indlæses først, når den nærmer sig skærmen. Lyd og mikrofonanalyse kører på den besøgendes enhed.