Η ετικέτα audio
Η ετικέτα audio ελέγχει την αναπαραγωγή
ηχογράφησης σε HTML σελίδα. Όταν
προστεθεί, εμφανίζεται ένας player,
ο οποίος θα έχει κουμπιά "Πίσω", "Εμπρός",
"Σταμάτημα" και ούτω καθεξής (η εμφάνισή τους και ο αριθμός τους εξαρτάται
από το πρόγραμμα περιήγησης). Η διαδρομή προς το αρχείο καθορίζεται μέσω του
χαρακτηριστικού src ή της ενσωματωμένης ετικέτας source.
Η ετικέτα source χρειάζεται για να καθορίζει
διαδρομές προς αρχεία ηχογράφησης σε διάφορες μορφές
(καθώς τα προγράμματα περιήγησης υποστηρίζουν διαφορετικές μορφές
ήχου, για παράδειγμα mp3 ή wav).
Εάν έχετε μια ηχογράφηση σε μία από τις μορφές,
τότε πρέπει να τη μετατρέψετε και σε άλλες.
Μέσα στην ετικέτα audio μπορείτε να γράψετε κείμενο,
το οποίο θα εμφανίζεται σε προγράμματα περιήγησης που
δεν υποστηρίζουν ήχο σε HTML (αυτό γίνεται
για να ενημερώσει τους χρήστες γι' αυτό).
Εάν θέλετε να δείτε τον player για τον έλεγχο αναπαραγωγής
ήχου - πρέπει να προσθέσετε το χαρακτηριστικό controls.
Χωρίς αυτό δεν θα δείτε τίποτα - και ο ήχος
εν τω μεταξύ δεν θα ακούγεται. Για να υπάρχει ήχος απουσία
player - προσθέστε το χαρακτηριστικό autoplay.
Χαρακτηριστικά
| Χαρακτηριστικό | Περιγραφή |
|---|---|
src |
Καθορίζει τη διαδρομή προς το αρχείο ήχου.
Αλλά είναι καλύτερα για αυτό να χρησιμοποιήσετε την ετικέτα source
(σε αυτήν την περίπτωση θα μπορείτε να καθορίσετε τον ήχο σε διαφορετικές μορφές).
|
preload |
Χρησιμοποιείται για τη φόρτωση του αρχείου ήχου ταυτόχρονα με τη φόρτωση της ιστοσελίδας.
Αποδεκτές τιμές: none (να μην φορτωθεί το αρχείο, από προεπιλογή),
metadata (φόρτωση μόνο των μεταδεδομένων: διάρκειας κλπ.),
auto (φόρτωση ολόκληρου του αρχείου ήχου κατά τη φόρτωση της HTML σελίδας).
|
autoplay |
Ο ήχος αρχίζει να παίζει αμέσως μετά τη φόρτωση της σελίδας,
ενώ η παρουσία του χαρακτηριστικού preload θα αγνοηθεί.
Χαρακτηριστικό χωρίς τιμή. |
controls |
Προσθέτει πάνελ ελέγχου στο αρχείο ήχου.
ενώ η παρουσία του χαρακτηριστικού preload θα αγνοηθεί.
Χαρακτηριστικό χωρίς τιμή. |
loop |
Επαναλαμβάνει την ηχογράφηση σε "κύκλο": μετά το τέλος θα αρχίσει να παίζει ξανά.
ενώ η παρουσία του χαρακτηριστικού preload θα αγνοηθεί.
Χαρακτηριστικό χωρίς τιμή. Από προεπιλογή (εάν δεν υπάρχει το χαρακτηριστικό) η ηχογράφηση θα παιχτεί μόνο 1 φορά.
|
muted |
Απενεργοποιεί τον ήχο στην ηχογράφηση.
Χαρακτηριστικό χωρίς τιμή. Από προεπιλογή (εάν δεν υπάρχει το χαρακτηριστικό) στην ηχογράφηση ο ήχος είναι ενεργοποιημένος. |
Παράδειγμα . Player σε σελίδα ιστοτόπου
Ας προσθέσουμε στη σελίδα ένα player με ηχογράφηση.
Για εκείνα τα προγράμματα περιήγησης που δεν υποστηρίζουν
την ετικέτα audio έχει μείνει μια ειδική σημείωση
γι' αυτό:
<audio src="track.mp3" controls>
Το πρόγραμμα περιήγησής σας δεν υποστηρίζει audio σε HTML5.
</audio>
Παράδειγμα . Player σε σελίδα ιστοτόπου με ετικέτα source
Και τώρα ας προσθέσουμε αντί για το χαρακτηριστικό src
για την ετικέτα audio την ετικέτα source:
<audio controls>
<source src="track.mp3">
Το πρόγραμμα περιήγησής σας δεν υποστηρίζει audio σε HTML5.
</audio>