ה ' מושתק 'הנכס מאפשר למפתחים לשלוט בהשמעת האודיו על ידי מתן אפשרות להשתיק או לבטל את ההשתקה של האודיו בהתאם לצרכיהם. מתן החופש למשתמשי הקצה להשתיק או לבטל את השתקת האודיו משפר את חווית הגלישה שלהם. בנוסף, השימוש ב-JavaScript מאפשר שליטה דינמית המספקת שליטה טובה יותר על השמעת האודיו.
מאמר זה יתאר את השימוש בנכס HTML DOM מושתק באמצעות JavaScript.
כיצד להשתמש ב-HTML DOM Audio Muted Property ב-JavaScript?
ה ' מושתק 'מאפיין משמש לעתים קרובות כדי להשתיק או לבטל את ההשתקה של האודיו בדף אינטרנט. כאשר הערך של ' audio.muted ' המאפיין מוגדר כ' נָכוֹן ', האודיו מושתק, וכדי לבטל את ההשתקה, ' מושתק יש להגדיר את המאפיין כ- שֶׁקֶר '. בנוסף, למאפיין המושתק יש אינטגרציה עם פקדי מדיה אחרים ומאפשר תאימות בין דפדפנים.
תחביר
התחביר עבור מאפיין HTML DOM audio muted ב-JavaScript מצוין להלן:
selectObj.muted = נָכוֹן | שֶׁקֶר
איפה ' selectObj ” הוא כל קובץ שמע שהשמע שלו הולך להיות מושתק. מאפיין זה יכול לאחסן רק שני ערכים: ' נָכוֹן ' או ' שֶׁקֶר '. אם מאפיין זה מוגדר כ-true, קובץ האודיו מושתק ולהיפך.
כעת, בואו נעבור על כמה דוגמאות להבנה טובה יותר של HTML DOM ' מושתק ' תכונה.
דוגמה 1: השתקת קובץ השמע
בדוגמה זו, הקובץ שנבחר יושתק באמצעות ' מושתק ' תכונה. לדוגמה, בקר בגוש הקוד שלהלן:
< div >< h2 סִגְנוֹן = 'צבע: ירוק ים;' > DOM Audio Muted Property h2 >< br >
< שֶׁמַע תְעוּדַת זֶהוּת = 'הדגמה אודיו' בקרות >
< מָקוֹר src = 'audio.mp3' סוּג = 'שמע/MPEG' >
שֶׁמַע >
< br >
< לַחְצָן בלחיצה = 'muteSetter()' > הגדר למצב השתקה לַחְצָן >
div >
< תַסרִיט >
לתת c = document.getElementById ( 'הדגמה אודיו' ) ;
פוּנקצִיָה muteSetter ( ) {
c.muted = נָכוֹן ;
עֵרָנִי ( 'השתקה בהצלחה!' )
}
תַסרִיט >
הסבר על הקוד:
-
- ראשית, ההורה' div נוצר אלמנט המכיל את ' <אודיו> ' תג עם מזהה של ' demoAudio '. אלמנט זה מכיל 'יחיד' מָקוֹר ' רכיב המכיל את הכתובת של קובץ האודיו שנבחר יחד עם הסוג שלו.
- לאחר מכן, נוצר הכפתור שמפעיל את ' muteSetter() ' פונקציה באמצעות ' בלחיצה 'מאזין אירועים.
- לאחר מכן, הזן את ' ' תייגו ואחסנו את ההפניה של אלמנט 'שמע' במשתנה בשם ' ג '.
- לאחר מכן, ה' muteSetter() נוצרת הפונקציה כדי להגדיר את הערך עבור ' מושתק 'נכס ל' נָכוֹן '. זה מגדיר את האודיו להשתיק וגם מציג את ההודעה בהתאם בתיבת ההתראה.
לאחר הקומפילציה:
ה-GIF שלמעלה מראה שהשמע הושתק באמצעות המאפיין muted.
דוגמה: השתקה וביטול השתקה של האודיו באמצעות מאפיין מושתק
בדוגמה זו, קובץ האודיו שנבחר יושתק, יבוטל, והסטטוס הנוכחי שלו יאוחזר על ידי שימוש ב-' מושתק ' תכונה. לדוגמה, בקר בקוד הבא:
< div >< שֶׁמַע תְעוּדַת זֶהוּת = 'הדגמה אודיו' בקרות >
< מָקוֹר src = 'audio.mp3' סוּג = 'שמע/MPEG' >
שֶׁמַע >< br >
< לַחְצָן בלחיצה = 'לְהַשְׁתִיק()' > השתקת אודיו לַחְצָן >
< לַחְצָן בלחיצה = 'unMute()' > בטל השתקת אודיו לַחְצָן >
< לַחְצָן בלחיצה = 'muteStatus()' > מצב השתקה לַחְצָן >
div >
< תַסרִיט >
var z = document.getElementById ( 'הדגמה אודיו' ) ;
פוּנקצִיָה לְהַשְׁתִיק ( ) {
z.muted = נָכוֹן ;
}
פוּנקצִיָה בטל השתקה ( ) {
z.muted = שֶׁקֶר ;
}
פוּנקצִיָה muteStatus ( ) {
עֵרָנִי ( z.מושתק ) ;
}
תַסרִיט >
ההסבר של הקוד לעיל הוא כדלקמן:
-
- ראשית, קובץ האודיו מוכנס לדף האינטרנט על ידי שימוש ב-HTML ' <אודיו> ' ו' <מקור> ' תגיות.
- לאחר מכן, נוצרים שלושה כפתורים הקוראים לפונקציות בשם ' לְהַשְׁתִיק() ', ' בטל השתקה() ', ו' muteStatus() '. פונקציות אלו מופעלות כאשר המשתמש לוחץ על הכפתורים המתאימים.
- לאחר מכן, הגדר את הפונקציות הללו על ידי הגדרת הערכים של true ו-false עבור ' לְהַשְׁתִיק() ' ו' בטל השתקה() ' פונקציות. בשביל ה ' muteStatus() פונקציית ', צרף רק את ' מושתק ' מאפיין עם הפניה לשמע כדי לאחזר את המצב הנוכחי של מאפיין ההשתקה.
לאחר ההידור, הפלט יהיה כדלקמן:
הפלט מראה שקובץ האודיו מושתק, מבוטל, והסטטוס שלו נבדק גם באמצעות ' מושתק ' תכונה.
סיכום
מאפיין HTML DOM audio muted משמש על ידי הוספת קובץ האודיו תחילה בדף האינטרנט באמצעות ה-HTML ' שֶׁמַע ' ו' מָקוֹר ' אלמנטים. לאחר מכן, ההתייחסות לאודיו זה מאוחסנת במשתנה בתוך קוד ה-JavaScript וה-' מושתק ” רכוש צמוד אליו. כדי להפוך את האודיו להשתיק, מאפיין זה מוגדר ל' נָכוֹן ' ו' שֶׁקֶר ' לתרחישים לביטול השתקה. הבלוג הזה הדגים את תהליך העבודה של מאפיין האודיו המושתק של DOM.