Προσθέστε μουσική υπόκρουση στον ιστότοπό σας για να απολαμβάνουν οι χρήστες καθώς περιηγούνται.
Διάφορες μέθοδοι ενσωμάτωσης μουσικής σε μια ιστοσελίδα έχουν γίνει δημοφιλείς από τις πρώτες μέρες του World Wide Web. Συγκεκριμένα, η ετικέτα "ενσωμάτωση" σε HTML, προγράμματα αναπαραγωγής ήχου που βασίζονται σε Java και προγράμματα αναπαραγωγής που βασίζονται σε Flash είναι όλες πιθανές επιλογές για προσθήκη μουσική υπόκρουση σε μια ιστοσελίδα, αλλά καμία λύση δεν έχει υιοθετηθεί παγκοσμίως ή δεν είναι πλήρως συμβατή με όλα τα προγράμματα περιήγησης και πλατφόρμες. Το νεότερο πρότυπο HTML5 περιλαμβάνει την ετικέτα "ήχος", η οποία έχει καθοριστεί ειδικά για την ενσωματωμένη αναπαραγωγή ήχου.
Βήμα 1
Προσθέστε τον ακόλουθο κώδικα οπουδήποτε στο σώμα του εγγράφου HTML για να ενσωματώσετε ένα αρχείο μουσικής και να το παίξετε αυτόματα όταν ένας επισκέπτης περιηγείται στον ιστότοπό σας.
Το βίντεο της ημέρας
Αλλάξτε το χαρακτηριστικό "src" έτσι ώστε να περιέχει τη διαδρομή και το όνομα αρχείου του αρχείου μουσικής που θέλετε να ενσωματώσετε.
Βήμα 2
Προσθέστε το χαρακτηριστικό "loop" εάν θέλετε το αρχείο μουσικής να αναπαράγεται ξανά και ξανά:
Βήμα 3
Χρησιμοποιήστε πολλαπλές ετικέτες "source" αντί για το χαρακτηριστικό "src" της ετικέτας "audio" εάν θέλετε να προσφέρετε στο πρόγραμμα περιήγησης του χρήστη μια επιλογή από πολλές μορφές αρχείων:
Σε αυτό το παράδειγμα, το πρόγραμμα περιήγησης του χρήστη θα αποφασίσει εάν θα παίξει το αρχείο MP3 ή το αρχείο OGG. Αυτή η τεχνική μπορεί να είναι χρήσιμη για τη στόχευση φορητών συσκευών που μπορούν να αναπαράγουν μόνο συγκεκριμένες μορφές ήχου.
Βήμα 4
Τοποθετήστε την ετικέτα "ενσωμάτωση" στην ετικέτα "ήχος" για να παρέχει υποστήριξη σε παλαιότερα προγράμματα περιήγησης που δεν υποστηρίζουν HTML5. Λάβετε υπόψη ότι αυτή η χρήση της ετικέτας "ενσωμάτωση" έχει καταργηθεί (που σημαίνει ότι δεν απαιτείται πλέον επίσημα να υποστηρίζεται), επομένως πειραματιστείτε με αυτήν την τεχνική μόνο εάν υποψιάζεστε ότι οι χρήστες σας θα χρησιμοποιούν ξεπερασμένο Ιστό προγράμματα περιήγησης. Εδώ είναι ένα παράδειγμα:
Υπόδειξη
Εξετάστε το ενδεχόμενο να προσθέσετε το χαρακτηριστικό "controls" στην ετικέτα "audio" για να επιτρέψετε στον χρήστη να σταματήσει τη μουσική και να αλλάξει την ένταση του ήχου. Επιπλέον, εξετάστε το ενδεχόμενο να μην χρησιμοποιήσετε το χαρακτηριστικό "autoplay" εκτός εάν υπάρχει καλός λόγος για αυτήν τη συμπεριφορά του προγράμματος περιήγησης. Πολλοί χρήστες βρίσκουν την ενσωματωμένη μουσική υπόκρουση που αναπαράγεται απροσδόκητα χωρίς την άδειά τους ενοχλητική και θα εγκαταλείψουν τον ιστότοπό σας αμέσως.
