Metronom und Stimmgerät für deine Website
Um ein Metronom in deine Website einzubauen, wähle unten die Optionen, tippe auf „Code kopieren“ und füge den Code in einen HTML-Block deiner Seite ein. Das Stimmgerät funktioniert genauso. Es ist kostenlos, braucht keine Anmeldung, und das Widget hat keine Werbung.
Baue dein Widget
Vorschau
Der Link unter dem Widget führt zu MetronoTuner. Du kannst ihn entfernen, aber er hilft dem Projekt, kostenlos zu bleiben.
So bindest du es in deine Website ein
Kopiere den Code im Generator oben und füge ihn in deine Plattform ein:
WordPress
- Öffne die Seite oder den Beitrag im Editor.
- Tippe auf + und wähle den Block „Eigenes HTML“.
- Füge den Code ein und veröffentliche.
Wix
- Tippe im Editor auf „Elemente hinzufügen“ (+) › „Code einbetten“ › „HTML einbetten“.
- Wähle „Code“, füge ihn ein und tippe auf „Aktualisieren“.
- Vergrößere das Feld, bis das Widget vollständig hineinpasst.
Blogger
- Wechsle im Beitragseditor zur „HTML-Ansicht“.
- Füge den Code dort ein, wo das Widget erscheinen soll, und wechsle zurück zur normalen Ansicht.
- Für die Seitenleiste: „Layout“ › „Gadget hinzufügen“ › „HTML/JavaScript“.
Notion
- Tippe hier auf „Nur die Adresse kopieren“ (Notion akzeptiert keinen HTML-Code).
- Tippe auf der Notion-Seite /embed und wähle „Embed“.
- Füge die Adresse ein und bestätige.
HTML
- Füge den Code im <body> an der Stelle der Seite ein, an der das Widget erscheinen soll.
- Das Widget nimmt die verfügbare Breite ein, bis zum Maximum, das im Code steht.
Für alle, die den Code lieber bearbeiten
Die Adresse des Widgets akzeptiert diese Parameter, in allen Sprachen gleich (Namen und Werte bleiben so, ohne Übersetzung):
-
bpm - Tempo des Metronoms, von 30 bis 250. Beispiel:
bpm=90 -
compasso - Taktart und Gruppierung der Betonungen. Beispiel:
compasso=7/8:2+2+3 -
instrumento - Instrument des Stimmgeräts (ohne dieses ist das Stimmgerät chromatisch). Beispiel:
instrumento=ukulele -
afinacao - Stimmung des Instruments (ohne diese die Standardstimmung). Beispiel:
afinacao=drop-d -
tema - claro (hell), escuro (dunkel) oder auto (folgt dem Gerät). Beispiel:
tema=escuro -
tamanho - compacto zeigt nur das Wesentliche. Beispiel:
tamanho=compacto -
fundo - transparente lässt den Hintergrund deiner Website durchscheinen. Beispiel:
fundo=transparente
Die vollständigen Werkzeuge
Häufige Fragen
Ist das Widget kostenlos?
Ja. Jede Website kann es nutzen: ein Blog, die Seite eines Lehrers, einer Schule oder einer Band. Das Widget hat keine Werbung und braucht kein Konto.
Funktioniert es auf dem Handy?
Ja. Das Widget passt sich der Bildschirmbreite an und funktioniert in den Browsern von Handy, Tablet und Computer.
Ist eine Anmeldung nötig?
Nein. Du kopierst einfach den Code und fügst ihn in deine Website ein: kein Konto, kein Schlüssel, kein Login.
Funktioniert das Mikrofon im Widget?
Ja, beim Stimmgerät. Der Code enthält bereits allow="microphone", das das Mikrofon im iframe freigibt, und beim ersten Mal fragt der Browser die Besucher, ob er es nutzen darf. Der Ton wird auf dem Gerät analysiert und weder aufgenommen noch gesendet. Deine Website muss HTTPS verwenden; bei Plattformen, die den Code in einen weiteren Rahmen setzen, wie Wix und Notion, kann der Browser das Mikrofon blockieren.
Kann ich die Farbe ändern?
Du wählst das helle, das dunkle oder das automatische Design, das dem Gerät der Besucher folgt, und kannst den Hintergrund transparent lassen, damit das Widget mit deiner Website verschmilzt. Die Farben der Schaltflächen sind die von MetronoTuner.
Macht das Widget meine Website langsamer?
Nein. Der Code nutzt loading="lazy": Das Widget lädt erst, wenn es in die Nähe des Bildschirms kommt. Ton und Mikrofonanalyse laufen auf dem Gerät der Besucher.