Μετρονόμος και κουρδιστήρι για τον ιστότοπό σας
Για να ενσωματώσετε έναν μετρονόμο στον ιστότοπό σας, επιλέξτε τις ρυθμίσεις παρακάτω, πατήστε «Αντιγραφή κώδικα» και επικολλήστε τον κώδικα σε ένα μπλοκ HTML της σελίδας σας. Το κουρδιστήρι λειτουργεί με τον ίδιο τρόπο. Είναι δωρεάν, δεν χρειάζεται εγγραφή και το widget δεν εμφανίζει διαφημίσεις.
Φτιάξτε το widget σας
Προεπισκόπηση
Ο σύνδεσμος κάτω από το widget οδηγεί στο MetronoTuner. Μπορείτε να τον αφαιρέσετε, αλλά βοηθά να μένει το project δωρεάν.
Πώς να το προσθέσετε στον ιστότοπό σας
Αντιγράψτε τον κώδικα από τον δημιουργό παραπάνω και επικολλήστε τον στην πλατφόρμα σας:
WordPress
- Ανοίξτε τη σελίδα ή την ανάρτηση στον επεξεργαστή.
- Πατήστε + και επιλέξτε το μπλοκ «Προσαρμοσμένο HTML».
- Επικολλήστε τον κώδικα και δημοσιεύστε.
Wix
- Στον επεξεργαστή, πατήστε «Προσθήκη στοιχείων» (+) › «Ενσωμάτωση κώδικα» › «Ενσωμάτωση HTML».
- Επιλέξτε «Κώδικας», επικολλήστε τον και πατήστε «Ενημέρωση».
- Αλλάξτε το μέγεθος του πλαισίου μέχρι να χωρέσει ολόκληρο το widget.
Blogger
- Στον επεξεργαστή της ανάρτησης, μεταβείτε στην «Προβολή HTML».
- Επικολλήστε τον κώδικα εκεί που πρέπει να εμφανίζεται το widget και επιστρέψτε στην κανονική προβολή.
- Για την πλαϊνή στήλη: «Διάταξη» › «Προσθήκη gadget» › «HTML/JavaScript».
Notion
- Εδώ, πατήστε «Αντιγραφή μόνο της διεύθυνσης» (το Notion δεν δέχεται κώδικα HTML).
- Στη σελίδα σας στο Notion, πληκτρολογήστε /embed και επιλέξτε «Embed».
- Επικολλήστε τη διεύθυνση και επιβεβαιώστε.
HTML
- Επικολλήστε τον κώδικα μέσα στο <body>, στο σημείο όπου πρέπει να εμφανίζεται το widget.
- Το widget γεμίζει το διαθέσιμο πλάτος, μέχρι το μέγιστο που ορίζεται στον κώδικα.
Αν προτιμάτε να επεξεργαστείτε τον κώδικα
Η διεύθυνση του widget δέχεται αυτές τις παραμέτρους, ίδιες σε κάθε γλώσσα (τα ονόματα και οι τιμές μένουν ακριβώς έτσι, αμετάφραστα):
-
bpm - Ταχύτητα του μετρονόμου, από 30 έως 250. Παράδειγμα:
bpm=90 -
compasso - Μέτρο και ομαδοποίηση τονισμών. Παράδειγμα:
compasso=7/8:2+2+3 -
instrumento - Όργανο του κουρδιστηριού (χωρίς αυτό, το κουρδιστήρι είναι χρωματικό). Παράδειγμα:
instrumento=ukulele -
afinacao - Κούρδισμα του οργάνου (χωρίς αυτό, το στάνταρ). Παράδειγμα:
afinacao=drop-d -
tema - claro (φωτεινό), escuro (σκούρο) ή auto (ακολουθεί τη συσκευή). Παράδειγμα:
tema=escuro -
tamanho - το compacto δείχνει μόνο τα βασικά. Παράδειγμα:
tamanho=compacto -
fundo - το transparente αφήνει να φαίνεται το φόντο του ιστότοπού σας. Παράδειγμα:
fundo=transparente
Τα πλήρη εργαλεία
Συχνές ερωτήσεις
Είναι δωρεάν το widget;
Ναι. Κάθε ιστότοπος μπορεί να το χρησιμοποιήσει: ένα blog, ο ιστότοπος ενός δασκάλου, ένα σχολείο ή ένα συγκρότημα. Το widget δεν εμφανίζει διαφημίσεις και δεν απαιτεί λογαριασμό.
Λειτουργεί σε κινητά;
Ναι. Το widget προσαρμόζεται στο πλάτος της οθόνης και λειτουργεί σε προγράμματα περιήγησης κινητών, tablet και υπολογιστών.
Χρειάζεται να εγγραφώ;
Όχι. Αντιγράψτε τον κώδικα και επικολλήστε τον στον ιστότοπό σας: χωρίς λογαριασμό, χωρίς κλειδί, χωρίς σύνδεση.
Λειτουργεί το μικρόφωνο μέσα στο widget;
Ναι, στο κουρδιστήρι. Ο κώδικας περιλαμβάνει ήδη το allow="microphone", που ενεργοποιεί το μικρόφωνο μέσα στο iframe, και την πρώτη φορά το πρόγραμμα περιήγησης ζητά άδεια από τον επισκέπτη. Ο ήχος αναλύεται στη συσκευή και δεν ηχογραφείται ούτε αποστέλλεται ποτέ. Ο ιστότοπός σας πρέπει να χρησιμοποιεί HTTPS· σε πλατφόρμες που τυλίγουν τον κώδικα σε άλλο frame, όπως το Wix και το Notion, το πρόγραμμα περιήγησης μπορεί να αποκλείσει το μικρόφωνο.
Μπορώ να αλλάξω τα χρώματα;
Μπορείτε να επιλέξετε το φωτεινό θέμα, το σκούρο ή το αυτόματο, που ακολουθεί τη συσκευή του επισκέπτη, και να κάνετε το φόντο διαφανές ώστε το widget να ταιριάζει με τον ιστότοπό σας. Τα χρώματα των κουμπιών είναι του MetronoTuner.
Θα επιβραδύνει το widget τον ιστότοπό μου;
Όχι. Ο κώδικας χρησιμοποιεί loading="lazy": το widget φορτώνει μόνο όταν πλησιάσει στην οθόνη. Ο ήχος και η ανάλυση του μικροφώνου τρέχουν στη συσκευή του επισκέπτη.