Metronomi ja viritin verkkosivullesi
Upottaaksesi metronomin verkkosivullesi valitse alla olevat asetukset, napauta ”Kopioi koodi” ja liitä koodi sivusi HTML-lohkoon. Viritin toimii samalla tavalla. Se on ilmainen, ei vaadi rekisteröitymistä, eikä widget näytä mainoksia.
Rakenna widgetisi
Esikatselu
Widgetin alla oleva linkki osoittaa palveluun MetronoTuner. Voit poistaa sen, mutta se auttaa pitämään projektin ilmaisena.
Näin lisäät sen sivustollesi
Kopioi koodi yllä olevasta rakentimesta ja liitä se alustaasi:
WordPress
- Avaa sivu tai kirjoitus editorissa.
- Napauta + ja valitse ”Mukautettu HTML” -lohko.
- Liitä koodi ja julkaise.
Wix
- Napauta editorissa ”Lisää elementtejä” (+) › ”Upotuskoodi” › ”Upota HTML”.
- Valitse ”Koodi”, liitä se ja napauta ”Päivitä”.
- Muuta ruudun kokoa, kunnes koko widget mahtuu siihen.
Blogger
- Vaihda kirjoituseditorissa ”HTML-näkymään”.
- Liitä koodi kohtaan, johon widgetin pitää tulla, ja vaihda takaisin normaalinäkymään.
- Sivupalkkiin: ”Asettelu” › ”Lisää gadget” › ”HTML/JavaScript”.
Notion
- Napauta täällä ”Kopioi vain osoite” (Notion ei hyväksy HTML-koodia).
- Kirjoita Notion-sivullasi /embed ja valitse ”Embed”.
- Liitä osoite ja vahvista.
HTML
- Liitä koodi <body>-elementin sisään kohtaan, johon widgetin pitää tulla.
- Widget täyttää käytettävissä olevan leveyden koodiin asetettuun enimmäisleveyteen asti.
Jos haluat muokata koodia
Widgetin osoite hyväksyy nämä parametrit, jotka ovat samat kaikilla kielillä (nimet ja arvot pysyvät täsmälleen tällaisina, kääntämättöminä):
-
bpm - Metronomin tempo, 30–250. Esimerkki:
bpm=90 -
compasso - Tahtilaji ja aksenttien ryhmittely. Esimerkki:
compasso=7/8:2+2+3 -
instrumento - Virittimen soitin (ilman sitä viritin on kromaattinen). Esimerkki:
instrumento=ukulele -
afinacao - Soittimen viritys (ilman sitä vakioviritys). Esimerkki:
afinacao=drop-d -
tema - claro (vaalea), escuro (tumma) tai auto (seuraa laitetta). Esimerkki:
tema=escuro -
tamanho - compacto näyttää vain olennaisen. Esimerkki:
tamanho=compacto -
fundo - transparente päästää sivustosi taustan näkyviin. Esimerkki:
fundo=transparente
Kokonaiset työkalut
Usein kysytyt kysymykset
Onko widget ilmainen?
Kyllä. Mikä tahansa sivusto voi käyttää sitä: blogi, opettajan sivusto, koulu tai bändi. Widget ei näytä mainoksia eikä vaadi tiliä.
Toimiiko se puhelimilla?
Kyllä. Widget mukautuu näytön leveyteen ja toimii puhelimen, tabletin ja tietokoneen selaimissa.
Täytyykö minun rekisteröityä?
Ei. Kopioi koodi ja liitä se sivustollesi: ei tiliä, ei avainta, ei kirjautumista.
Toimiiko mikrofoni widgetin sisällä?
Kyllä, virittimessä. Koodissa on jo allow="microphone", joka sallii mikrofonin iframen sisällä, ja ensimmäisellä kerralla selain kysyy vierailijalta luvan. Ääni analysoidaan laitteella eikä sitä tallenneta eikä lähetetä. Sivustosi täytyy käyttää HTTPS:ää; alustoilla, jotka kietovat koodin toiseen kehykseen, kuten Wix ja Notion, selain voi estää mikrofonin.
Voinko muuttaa värejä?
Voit valita vaalean teeman, tumman teeman tai automaattisen, joka seuraa vierailijan laitetta, ja tehdä taustasta läpinäkyvän, jotta widget sulautuu sivustoosi. Painikkeiden värit ovat palvelun MetronoTuner omat.
Hidastaako widget sivustoani?
Ei. Koodi käyttää arvoa loading="lazy": widget latautuu vasta, kun se lähestyy näyttöä. Äänen ja mikrofonin analyysi pyörii vierailijan laitteella.