Ο ' σίγαση Η ιδιότητα ” επιτρέπει στους προγραμματιστές να ελέγχουν την αναπαραγωγή ήχου παρέχοντάς τους μια επιλογή για σίγαση ή κατάργηση σίγασης του ήχου ανάλογα με τις ανάγκες τους. Η παροχή στους τελικούς χρήστες της ελευθερίας για σίγαση ή κατάργηση σίγασης του ήχου βελτιώνει την εμπειρία περιήγησής τους. Επιπλέον, η χρήση JavaScript επιτρέπει δυναμικό έλεγχο που παρέχει καλύτερο έλεγχο στην αναπαραγωγή ήχου.
Αυτό το άρθρο θα περιγράψει τη χρήση της ιδιότητας σίγασης ήχου HTML DOM χρησιμοποιώντας JavaScript.
Πώς να χρησιμοποιήσετε την ιδιότητα σίγασης ήχου HTML DOM σε JavaScript;
Ο ' σίγαση Η ιδιότητα ' χρησιμοποιείται συχνά για σίγαση ή κατάργηση σίγασης του ήχου σε μια ιστοσελίδα. Όταν η τιμή του « ήχος.σίγαση 'η ιδιοκτησία έχει οριστεί ως ' αληθής », ο ήχος τίθεται σε σίγαση και για να καταργήσετε τη σίγαση, το « σίγαση 'Η ιδιοκτησία πρέπει να οριστεί ως ' ψευδής '. Επιπλέον, η ιδιότητα σε σίγαση έχει ενοποίηση με άλλα στοιχεία ελέγχου μέσων και επιτρέπει τη συμβατότητα μεταξύ προγραμμάτων περιήγησης.
Σύνταξη
Η σύνταξη για την ιδιότητα σίγασης ήχου HTML DOM στο JavaScript αναφέρεται παρακάτω:
SelectObj.muted = αληθής | ψευδής
Οπου ' επιλεγμένοObj ” είναι οποιοδήποτε αρχείο ήχου του οποίου ο ήχος πρόκειται να τεθεί σε σίγαση. Αυτή η ιδιότητα μπορεί να αποθηκεύσει μόνο δύο τιμές: αληθής ' ή ' ψευδής '. Εάν αυτή η ιδιότητα οριστεί σε true, το αρχείο ήχου τίθεται σε σίγαση και αντίστροφα.
Τώρα, ας δούμε μερικά παραδείγματα για καλύτερη κατανόηση του HTML DOM ' σίγαση ” ιδιοκτησία.
Παράδειγμα 1: Σίγαση του αρχείου ήχου
Σε αυτό το παράδειγμα, το επιλεγμένο αρχείο θα τεθεί σε σίγαση χρησιμοποιώντας το ' σίγαση ” ιδιοκτησία. Για παράδειγμα, επισκεφτείτε το παρακάτω μπλοκ κώδικα:
< div >< h2 στυλ = 'χρώμα: θαλασσινό;' > Ιδιότητα σίγασης ήχου DOM h2 >< br >
< ήχου ταυτότητα = 'demoAudio' ελέγχους >
< πηγή src = 'audio.mp3' τύπος = 'ήχος/mpeg' >
ήχου >
< br >
< κουμπί στο κλικ = 'muteSetter()' > Ρυθμίστε σε Σίγαση κουμπί >
div >
< γραφή >
αφήνω c = document.getElementById ( 'demoAudio' ) ;
λειτουργία muteSetter ( ) {
γ.σίγαση = αληθής ;
συναγερμός ( 'Επιτυχής σίγαση!' )
}
γραφή >
Επεξήγηση του κώδικα:
-
- Πρώτον, ο γονιός» div Δημιουργείται το στοιχείο που περιέχει το <ήχος> ' ετικέτα με ένα αναγνωριστικό ' demoAudio '. Αυτό το στοιχείο περιέχει ένα ενιαίο ' πηγή ” στοιχείο που περιέχει τη διεύθυνση του επιλεγμένου αρχείου ήχου μαζί με τον τύπο του.
- Στη συνέχεια, δημιουργείται το κουμπί που καλεί το ' muteSetter() ' λειτουργία χρησιμοποιώντας το ' στο κλικ ” ακροατής εκδήλωσης.
- Στη συνέχεια, εισάγετε το ' <σενάριο> ' προσθέστε ετικέτα και αποθηκεύστε την αναφορά του στοιχείου 'ήχος' σε μια μεταβλητή με το όνομα ' ντο '.
- Μετά από αυτό, το « muteSetter() Η συνάρτηση ' δημιουργείται για να ορίσει την τιμή για το ' σίγαση ' ιδιοκτησία σε ' αληθής '. Αυτό ρυθμίζει τον ήχο σε σίγαση και επίσης εμφανίζει το μήνυμα ανάλογα στο πλαίσιο ειδοποίησης.
Μετά τη σύνταξη:
Το παραπάνω gif δείχνει ότι ο ήχος έχει τεθεί σε σίγαση χρησιμοποιώντας την ιδιότητα σίγασης.
Παράδειγμα: Σίγαση και κατάργηση σίγασης του ήχου χρησιμοποιώντας την ιδιότητα σίγασης
Σε αυτό το παράδειγμα, το επιλεγμένο αρχείο ήχου πρόκειται να τεθεί σε σίγαση, κατάργηση σίγασης και η τρέχουσα κατάστασή του θα ανακτηθεί χρησιμοποιώντας το ' σίγαση ” ιδιοκτησία. Για παράδειγμα, επισκεφτείτε τον παρακάτω κώδικα:
< div >< ήχου ταυτότητα = 'demoAudio' ελέγχους >
< πηγή src = 'audio.mp3' τύπος = 'ήχος/mpeg' >
ήχου >< br >
< κουμπί στο κλικ = 'Βουβός()' > Σίγαση ήχου κουμπί >
< κουμπί στο κλικ = 'un Mute()' > Κατάργηση σίγασης ήχου κουμπί >
< κουμπί στο κλικ = 'muteStatus()' > Κατάσταση σίγασης κουμπί >
div >
< γραφή >
var z = document.getElementById ( 'demoAudio' ) ;
λειτουργία Βουβός ( ) {
z.σίγαση = αληθής ;
}
λειτουργία Κατάργηση σίγασης ( ) {
z.σίγαση = ψευδής ;
}
λειτουργία muteStatus ( ) {
συναγερμός ( z.σίγαση ) ;
}
γραφή >
Η επεξήγηση του παραπάνω κώδικα έχει ως εξής:
-
- Αρχικά, το αρχείο ήχου εισάγεται στην ιστοσελίδα χρησιμοποιώντας το HTML ' <ήχος> ' και ' <πηγή> ετικέτες '.
- Στη συνέχεια, δημιουργούνται τρία κουμπιά που καλούν τις συναρτήσεις με το όνομα ' Βουβός() », « un Mute() ', και ' muteStatus() '. Αυτές οι λειτουργίες ενεργοποιούνται όταν ο χρήστης κάνει κλικ στα αντίστοιχα κουμπιά.
- Στη συνέχεια, ορίστε αυτές τις συναρτήσεις ορίζοντας τις τιμές true και false για ' Βουβός() ' και ' un Mute() » λειτουργίες. Για το ' muteStatus() λειτουργία ', επισυνάψτε μόνο το ' σίγαση ιδιότητα με την αναφορά ήχου για την ανάκτηση της τρέχουσας κατάστασης της ιδιότητας σίγασης.
Μετά τη μεταγλώττιση, η έξοδος θα είναι η εξής:
Η έξοδος δείχνει ότι το αρχείο ήχου τίθεται σε σίγαση, κατάργηση σίγασης και ότι η κατάστασή του ελέγχεται επίσης χρησιμοποιώντας το ' σίγαση ” ιδιοκτησία.
συμπέρασμα
Η ιδιότητα σίγασης ήχου HTML DOM χρησιμοποιείται εισάγοντας πρώτα το αρχείο ήχου στην ιστοσελίδα χρησιμοποιώντας το HTML ' ήχου ' και ' πηγή ” στοιχεία. Μετά από αυτό, η αναφορά σε αυτόν τον ήχο αποθηκεύεται σε μια μεταβλητή μέσα στον κώδικα JavaScript και το ' σίγαση ” προσαρτάται ιδιοκτησία. Για να γίνει η σίγαση του ήχου, αυτή η ιδιότητα έχει οριστεί σε ' αληθής ' και ' ψευδής ” για μη σίγαση σενάρια. Αυτό το ιστολόγιο έχει δείξει τη διαδικασία εργασίας της ιδιότητας DOM σε σίγαση ήχου.