Media με βίντεο HTML5 και ήχου ετικέτες

Από την είδηση ​​ότι η «HTML 5 χαρακτηριστικά από τις προηγούμενες εκδόσεις, υπάρχει η δυνατότητα να καλέσετε απευθείας το αποκλειστικό περιεχόμενο πολυμέσων μέσω tags.
Προηγουμένως, η συμπερίληψη αυτού του τύπου περιεχομένου σε μια σελίδα HTML που απαιτείται, στις περισσότερες περιπτώσεις, η χρήση εξωτερικών αρχείων (όχι τυπική), όπως το Adobe Flash. Η εναλλακτική λύση για το Flash υποβλήθηκε σε εξαιρετικά περιοριστικούς όρους όσον αφορά τα πολυμέσα, η σημερινή προϋποθέσεις που πρέπει να είναι ακατάλληλα για να πληροί τις ελάχιστες προδιαγραφές που απαιτούνται από πολλές από τις υπηρεσίες του Web 2.0 (σκεφτείτε, για παράδειγμα, το YouTube).

Με την έλευση αυτών των δυνατοτήτων είναι ενσωματωμένο στη γλώσσα HTML5. Οι κύριες ετικέτες που σχετίζονται με πολυμέσα:

• <audio>
• <video>

Αναφερόμενος στην αναφορά του επίσημου W3C απεικονίζουν τη χρήση αυτών των ετικετών riferrimento κάνει, επίσης, για πρακτικά παραδείγματα.

Η <audio> ετικέτα

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

Εκτός από το πρότυπο χαρακτηριστικά (ο κατάλογος είναι άμεσα διαθέσιμα στο Διαδίκτυο, για παράδειγμα στην ιστοσελίδα w3cschools.com ) ο ήχος ετικέτα υποστηρίζει τα ακόλουθα ειδικά χαρακτηριστικά:

• autoplay: αν το χαρακτηριστικό αυτό είναι παρόν, το παιχνίδι θα παίξει αυτόματα το αρχείο ήχου?
• έλεγχοι: εφόσον δηλώνονται, θα εμφανίσει τους ελέγχους, όπως Play και κουμπιά Διακοπή?
• βρόχου: αν χρησιμοποιείται, καθορίζει το βρόχο (επανάληψη) των αρχείων μουσικής, όταν τελειώσει?
• προφόρτιση: αν υπάρχει, το αρχείο ήχου θα είναι προεγκατεστημένο όταν η σελίδα φορτώνει, έτσι ώστε να είναι έτοιμοι να παίξουν χωρίς προσδοκίες. Εάν το χαρακτηριστικό autoplay έχει δηλωθεί, προφόρτιση αγνοείται?
• src: Καθορίζει το URL του αρχείου ήχου για να παίξει.

 <audio src="driin.ogg" autoplay="autoplay" controls="controls">



  



 Το πρόγραμμα περιήγησης δεν υποστηρίζει ήχο κατάφερε με HTML5.







 </ Audio>

Η ετικέτα υποστηρίζει επίσης <audio> τη δυνατότητα να διαχειρίζονται περισσότερες από μία πηγές, στην περίπτωση αυτή το χαρακτηριστικό src παραλείπεται, και κρύβονται στο εσωτερικό της <audio> ετικέτες, ετικέτες <source> αυτό:

 <audio controls="controls">



  



 <source src="canzone1.ogg" type="audio/ogg">



  



 <source src="canzone2.mp3" type="audio/mpeg">



  



 Το πρόγραμμα περιήγησης δεν υποστηρίζει ήχο κατάφερε με HTML5.







 </ Audio>

Σημείωση: το παρόν οι υποστηριζόμενες μορφές ήχου είναι MP3, WAV και OGG.

Παρακάτω είναι ένα screenshot γίνει με τον Firefox:

• <<
• 1
• 2
• >>