Metronom i stroik na Twoją stronę
Aby dodać metronom do swojej strony, wybierz poniżej opcje, dotknij „Kopiuj kod” i wklej kod do bloku HTML na swojej stronie. Stroik działa tak samo. Jest za darmo, nie wymaga rejestracji, a widget nie ma reklam.
Zbuduj swój widget
Podgląd
Link pod widgetem prowadzi do MetronoTuner. Możesz go usunąć, ale pomaga projektowi pozostać darmowym.
Jak dodać go do swojej strony
Skopiuj kod w generatorze powyżej i wklej go na swojej platformie:
WordPress
- Otwórz stronę lub wpis w edytorze.
- Dotknij + i wybierz blok „Własny HTML”.
- Wklej kod i opublikuj.
Wix
- W edytorze dotknij „Dodaj elementy” (+) › „Osadź kod” › „Osadź HTML”.
- Wybierz „Kod”, wklej i dotknij „Aktualizuj”.
- Powiększ pole, aż widget zmieści się w całości.
Blogger
- W edytorze wpisu przełącz na „Widok HTML”.
- Wklej kod w miejscu, w którym ma się pojawić widget, i wróć do zwykłego widoku.
- Dla paska bocznego: „Układ” › „Dodaj gadżet” › „HTML/JavaScript”.
Notion
- Tutaj dotknij „Kopiuj tylko adres” (Notion nie przyjmuje kodu HTML).
- Na stronie Notion wpisz /embed i wybierz „Embed”.
- Wklej adres i potwierdź.
HTML
- Wklej kod w znaczniku <body>, w miejscu strony, w którym ma się pojawić widget.
- Widget zajmuje dostępną szerokość, do maksimum podanego w kodzie.
Dla tych, którzy wolą edytować kod
Adres widgetu przyjmuje te parametry, takie same we wszystkich językach (nazwy i wartości zostają bez tłumaczenia):
-
bpm - Tempo metronomu, od 30 do 250. Przykład:
bpm=90 -
compasso - Metrum i grupowanie akcentów. Przykład:
compasso=7/8:2+2+3 -
instrumento - Instrument stroika (bez niego stroik jest chromatyczny). Przykład:
instrumento=ukulele -
afinacao - Strój instrumentu (bez niego standardowy). Przykład:
afinacao=drop-d -
tema - claro (jasny), escuro (ciemny) lub auto (zgodnie z urządzeniem). Przykład:
tema=escuro -
tamanho - compacto pokazuje tylko to, co najważniejsze. Przykład:
tamanho=compacto -
fundo - transparente pozwala prześwitywać tłu Twojej strony. Przykład:
fundo=transparente
Pełne narzędzia
Najczęstsze pytania
Czy widget jest darmowy?
Tak. Może go używać każda strona: blog, strona nauczyciela, szkoły lub zespołu. Widget nie ma reklam i nie wymaga konta.
Czy działa na telefonie?
Tak. Widget dopasowuje się do szerokości ekranu i działa w przeglądarkach telefonu, tabletu i komputera.
Czy trzeba się rejestrować?
Nie. Wystarczy skopiować kod i wkleić go na swojej stronie: bez konta, klucza i logowania.
Czy mikrofon działa w widgecie?
Tak, w stroiku. Kod ma już allow="microphone", co odblokowuje mikrofon w iframe, a przy pierwszym użyciu przeglądarka pyta odwiedzającego o zgodę. Dźwięk jest analizowany na urządzeniu i nie jest nagrywany ani wysyłany. Twoja strona musi działać przez HTTPS; na platformach, które umieszczają kod w kolejnej ramce, jak Wix i Notion, przeglądarka może zablokować mikrofon.
Czy mogę zmienić kolor?
Wybierasz motyw jasny, ciemny lub automatyczny, który podąża za urządzeniem odwiedzającego, i możesz zostawić tło przezroczyste, aby widget zlał się z Twoją stroną. Kolory przycisków to kolory MetronoTuner.
Czy widget spowalnia moją stronę?
Nie. Kod używa loading="lazy": widget ładuje się dopiero, gdy zbliża się do ekranu. Dźwięk i analiza mikrofonu działają na urządzeniu odwiedzającego.