Metronóm és hangoló a weboldaladra
Metronóm beágyazásához válaszd ki az alábbi beállításokat, koppints a „Kód másolása” gombra, és illeszd be a kódot az oldalad egy HTML-blokkjába. A hangoló ugyanígy működik. Ingyenes, regisztráció nélkül használható, és a widget nem jelenít meg hirdetést.
Állítsd össze a widgetedet
Előnézet
A widget alatti hivatkozás a MetronoTuner oldalára mutat. Eltávolíthatod, de ez segít abban, hogy a projekt ingyenes maradjon.
Hogyan add hozzá az oldaladhoz
Másold ki a kódot a fenti szerkesztőből, és illeszd be a platformodba:
WordPress
- Nyisd meg az oldalt vagy a bejegyzést a szerkesztőben.
- Koppints a + gombra, és válaszd az „Egyéni HTML” blokkot.
- Illeszd be a kódot, és tedd közzé.
Wix
- A szerkesztőben koppints az „Elemek hozzáadása” (+) › „Beágyazott kód” › „HTML beágyazása” menüpontra.
- Válaszd a „Kód” lehetőséget, illeszd be, és koppints a „Frissítés” gombra.
- Méretezd át a keretet, amíg a teljes widget elfér benne.
Blogger
- A bejegyzésszerkesztőben válts át a „HTML nézetre”.
- Illeszd be a kódot oda, ahol a widgetnek meg kell jelennie, majd válts vissza a normál nézetre.
- Az oldalsávhoz: „Elrendezés” › „Gadget hozzáadása” › „HTML/JavaScript”.
Notion
- Itt koppints a „Csak a cím másolása” gombra (a Notion nem fogad el HTML-kódot).
- A Notion-oldaladon írd be: /embed, és válaszd a „Beágyazás” lehetőséget.
- Illeszd be a címet, és erősítsd meg.
HTML
- Illeszd be a kódot a <body> belsejébe, arra a helyre, ahol a widgetnek meg kell jelennie.
- A widget kitölti a rendelkezésre álló szélességet, legfeljebb a kódban megadott maximumig.
Ha inkább a kódot szerkesztenéd
A widget címe ezeket a paramétereket fogadja el, minden nyelven ugyanígy (a nevek és az értékek pontosan így maradnak, lefordítatlanul):
-
bpm - A metronóm tempója, 30 és 250 között. Példa:
bpm=90 -
compasso - Ütemmutató és hangsúlycsoportosítás. Példa:
compasso=7/8:2+2+3 -
instrumento - A hangoló hangszere (nélküle a hangoló kromatikus). Példa:
instrumento=ukulele -
afinacao - A hangszer hangolása (nélküle standard). Példa:
afinacao=drop-d -
tema - claro (világos), escuro (sötét) vagy auto (az eszközt követi). Példa:
tema=escuro -
tamanho - a compacto csak a legfontosabbat mutatja. Példa:
tamanho=compacto -
fundo - a transparente átengedi az oldalad hátterét. Példa:
fundo=transparente
A teljes eszközök
Gyakori kérdések
Ingyenes a widget?
Igen. Bármelyik oldal használhatja: blog, tanári weboldal, iskola vagy zenekar. A widget nem jelenít meg hirdetést, és nem kell hozzá fiók.
Működik telefonon?
Igen. A widget alkalmazkodik a képernyő szélességéhez, és telefonos, táblagépes és asztali böngészőkben is működik.
Kell regisztrálnom?
Nem. Elég kimásolnod a kódot, és beillesztened az oldaladba: fiók, kulcs és bejelentkezés nélkül.
Működik a mikrofon a widgeten belül?
Igen, a hangolóban. A kód már tartalmazza az allow="microphone" attribútumot, amely engedélyezi a mikrofont az iframe-ben, és a böngésző az első alkalommal engedélyt kér a látogatótól. A hangot az eszköz elemzi, és sosem rögzíti vagy küldi el. Az oldalad HTTPS-t használjon; azokon a platformokon, amelyek a kódot egy másik keretbe csomagolják, például a Wixen és a Notionon, a böngésző letilthatja a mikrofont.
Megváltoztathatom a színeket?
Választhatsz világos, sötét vagy automatikus témát, amely a látogató eszközét követi, és a hátteret átlátszóvá teheted, hogy a widget beleolvadjon az oldaladba. A gombok színei a MetronoTuner színei.
Lassítja a widget az oldalamat?
Nem. A kód a loading="lazy" attribútumot használja: a widget csak akkor töltődik be, amikor közel kerül a képernyőhöz. A hang- és mikrofonelemzés a látogató eszközén fut.