Metronom och stämapparat för din webbplats
För att bädda in en metronom på din webbplats väljer du alternativen nedan, trycker på ”Kopiera koden” och klistrar in koden i ett HTML-block på din sida. Stämapparaten fungerar på samma sätt. Det är gratis, kräver ingen registrering, och widgeten visar inga annonser.
Bygg din widget
Förhandsvisning
Länken under widgeten pekar till MetronoTuner. Du kan ta bort den, men den hjälper till att hålla projektet gratis.
Så lägger du till den på din sajt
Kopiera koden från byggaren ovan och klistra in den i din plattform:
WordPress
- Öppna sidan eller inlägget i redigeraren.
- Tryck på + och välj blocket ”Anpassad HTML”.
- Klistra in koden och publicera.
Wix
- Tryck i redigeraren på ”Lägg till element” (+) › ”Bädda in kod” › ”Bädda in HTML”.
- Välj ”Kod”, klistra in den och tryck på ”Uppdatera”.
- Ändra storlek på rutan tills hela widgeten ryms.
Blogger
- Växla till ”HTML-vy” i inläggsredigeraren.
- Klistra in koden där widgeten ska visas och växla tillbaka till den vanliga vyn.
- För sidofältet: ”Layout” › ”Lägg till en gadget” › ”HTML/JavaScript”.
Notion
- Tryck här på ”Kopiera bara adressen” (Notion tar inte emot HTML-kod).
- Skriv /embed på din Notion-sida och välj ”Embed”.
- Klistra in adressen och bekräfta.
HTML
- Klistra in koden i <body>, på den plats där widgeten ska visas.
- Widgeten fyller den tillgängliga bredden, upp till det maximum som anges i koden.
Om du hellre redigerar koden
Widgetens adress tar emot de här parametrarna, desamma på alla språk (namn och värden förblir exakt så här, oöversatta):
-
bpm - Metronomens tempo, från 30 till 250. Exempel:
bpm=90 -
compasso - Taktart och accentgruppering. Exempel:
compasso=7/8:2+2+3 -
instrumento - Stämapparatens instrument (utan det är stämapparaten kromatisk). Exempel:
instrumento=ukulele -
afinacao - Instrumentets stämning (utan den används standard). Exempel:
afinacao=drop-d -
tema - claro (ljust), escuro (mörkt) eller auto (följer enheten). Exempel:
tema=escuro -
tamanho - compacto visar bara det viktigaste. Exempel:
tamanho=compacto -
fundo - transparente låter sajtens bakgrund synas igenom. Exempel:
fundo=transparente
De fullständiga verktygen
Vanliga frågor
Är widgeten gratis?
Ja. Vilken sajt som helst kan använda den: en blogg, en lärares sajt, en skola eller ett band. Widgeten visar inga annonser och kräver inget konto.
Fungerar den på mobiler?
Ja. Widgeten anpassar sig efter skärmbredden och fungerar i webbläsare på mobil, surfplatta och dator.
Behöver jag registrera mig?
Nej. Kopiera bara koden och klistra in den på din sajt: inget konto, ingen nyckel, ingen inloggning.
Fungerar mikrofonen inne i widgeten?
Ja, i stämapparaten. Koden innehåller redan allow="microphone", som aktiverar mikrofonen i iframen, och första gången frågar webbläsaren besökaren om tillstånd. Ljudet analyseras på enheten och spelas aldrig in eller skickas. Din sajt måste använda HTTPS; på plattformar som lägger koden i ytterligare en ram, som Wix och Notion, kan webbläsaren blockera mikrofonen.
Kan jag ändra färgerna?
Du kan välja det ljusa temat, det mörka temat eller automatiskt, som följer besökarens enhet, och göra bakgrunden genomskinlig så att widgeten smälter in i din sajt. Knapparnas färger är MetronoTuners.
Gör widgeten min sajt långsammare?
Nej. Koden använder loading="lazy": widgeten laddas först när den närmar sig skärmen. Ljud- och mikrofonanalysen körs på besökarens enhet.