Ετικέτα <audio> HTML

  • Προηγούμενη σελίδα <aside>
  • Επόμενη σελίδα <b>

Ορισμός και χρήση

<audio> Η ετικέτα χρησιμοποιείται για την ενσωμάτωση περιεχομένου ήχου στο έγγραφο, όπως μουσική ή άλλες ροές ήχου.

<audio> Η ετικέτα μπορεί να περιέχει μια ή περισσότερες ετικέτες με διαφορετικές πηγές ήχου. Ετικέτα <source>. Ο περιηγητής θα επιλέξει τον πρώτο πόρο που υποστηρίζει.

<audio> και </audio> οι ετικέτες μεταξύ τους ουσιαστικά δεν εμφανίζονται <audio> οι ετικέτες εμφανίζονται στον περιηγητή.

Σημείωση:Για αρχεία βίντεο, δείτε Ετικέτα <video>.

Το HTML υποστηρίζει τρεις τύπους φωνήκων: MP3, WAV και OGG.

Τύποι φωνήκων και υποστήριξη από περιηγητές

Περιηγητής MP3 WAV OGG
Edge / IE Υποστηρίζεται Υποστηρίζεται * Υποστηρίζεται *
Chrome Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται
Firefox Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται
Safari Υποστηρίζεται Υποστηρίζεται Δεν υποστηρίζεται
Opera Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται

* Από την έκδοση 79 του Edge

Για περισσότερες πληροφορίες:

Εγχειρίδιο αναφοράς HTML DOM:Εγχειρίδιο αναφοράς HTML Audio/Video DOM

Παράδειγμα

Παίξε αρχείο ήχου:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Ο περιηγητής σας δεν υποστηρίζει το ετικέτα audio.
</audio>

Δοκιμάστε προσωπικά

Πρότυπο

Πρότυπο Αξία Περιγραφή
autoplay autoplay Καθορίζεται ότι το αθλητικό φωνήκονο θα ξεκινήσει να παίζει αμέσως μετά την προετοιμασία του.
controls controls Καθορίζεται ότι πρέπει να εμφανίζονται τα ελέγχου του αθλητικού φωνήκουνο (π.χ. κουμπιά παίξε/παύση κ.λπ.).
loop loop Καθορίζεται ότι το αθλητικό φωνήκονο θα ξεκινήσει ξανά κάθε φορά που ολοκληρώνεται.
muted muted Ορίζει ότι η έξοδος ήχου θα είναι σίγαση.
preload
  • auto
  • metadata
  • none
 Ορίζει αν και πώς θα φορτωθεί το ήχος κατά τη φόρτωση της σελίδας.
src URL Ορίζει τη διεύθυνση URL του αρχείου ήχου.

Global properties

<audio> Η ετικέτα υποστηρίζει επίσης Global properties στο HTML.

event ιδιότητες

<audio> Η ετικέτα υποστηρίζει επίσης HTML event ιδιότητες.

Προεπιλεγμένες ρυθμίσεις CSS

Χωρίς.

Υποστήριξη περιηγητή

Τα αριθμήματα στην τάβλη σηματοδοτούν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το στοιχείο.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5
  • Προηγούμενη σελίδα <aside>
  • Επόμενη σελίδα <b>