Αυτό είναι το δεύτερο μέρος του βίντεο εισαγωγής ήχου HTML5. αν δεν το έχετε παρακολουθήσει ήδη, σας συνιστώ ελέγχοντας το πρώτο μέρος για να φτάσετε στην ταχύτητα!

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

Μέχρι το τέλος αυτού του σεμιναρίου, θα κατανοήσετε τα ακόλουθα: "Tagging" τα ακουστικά στοιχεία σας με προσαρμοσμένα χαρακτηριστικά γνωρίσματα δεδομένων. όπως τον τίτλο του κομματιού, τον καλλιτέχνη και ακόμη και το άλμπουμ? χρησιμοποιώντας το jQuery για να χειριστείτε αυτές τις πληροφορίες και να τις εμφανίσετε στη σελίδα, με την ευελιξία να το στυλ γύρω από τα δικά σας σχέδια.

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

Έχετε παρουσιάσει ήχο HTML5 σε ένα έργο; Πώς συγκρίνεται ο ήχος HTML5 με τις παλαιότερες επιλογές; Ας γνωρίσουμε τις σκέψεις σας στα σχόλια.

Προτεινόμενη εικόνα / μικρογραφία, ήχου εικόνας μέσω Shutterstock.