השתמש ב- HTML דינמי כדי להשמיע צלילים
אחת התכונות של יישומי מחשב היא שיש משוב כאשר אתה עושה משהו. הסוג הנפוץ ביותר של משוב הוא קול. המחשב לוחץ כאשר אתה בוחר דברים, צפצופים כאשר יש שגיאות, ועושה קולות אחרים כדי להתריע לך על מצבים. אבל דפי אינטרנט אין זה סוג של משוב. זה גורם להם להיראות משעמם או שאינו מגיב.
למזלנו קל לשנות זאת. באמצעות תכונות וצלילים דינמיים של HTML , ניתן ליצור דף אינטרנט שפועל יותר כמו יישום.
הוסף צליל כאשר לקוח לוחץ על משהו
סקריפט זה יוסיף אפקטי צליל כאשר לקוח לוחץ על משהו באמצעות התכונה וכאשר לקוח מתגלגל על משהו באמצעות התכונה. הקפד לבדוק אותם בדפדפנים שונים, שכן לא כל דפדפני האינטרנט מטפלים במאפיינים onmlick ו- onclick על אלמנטים שאינם קישורים.
הצב את הסקריפט הבא ב HEAD של מסמך ה- HTML שלך:
script.ileElementById ("dummy") = ""; } script>מקום קול בתוך ריק ריקה
ה- JavaScript מציב רכיב EMBED בתוך אלמנט SPAN ריק בעת הפעלת הסקריפט. לכן, עליך להוסיף את תג SPAN הבא איפשהו בתוך BODY של דף ה- HTML שלך, רצוי ליד החלק העליון של המסמך:
span>לקרוא את התסריט עם תכונה
הדבר האחרון שאתה צריך להוסיף הוא אלמנט שאתה רוצה ליצור את הצליל על קליק או על העכבר. התקשר לתסריט עם אחת התכונות האלה. החלף UrlToSound מלא את כתובת האתר המלאה לקובץ הקול שברצונך להפעיל:
onclick = "playSound ('UrlToSoundFile');" > לחץ כאן כדי לשמוע צלילonmouseover = "playSound ('UrlToSoundFile'); > העבר את העכבר מעל לטקסט זה כדי לשמוע צליל p>
הנה מסמך HTML כולו, משחק את הצליל של Bluejay. קובץ הקול מאוחסן באותה ספרייה כמו דף ה- HTML:
doctype htmlonclick =" playSound ('zbluejay.wav'); > לחץ כאן כדי לשמוע ציפור שירה p>
onmouseover = "playSound ('zbluejay.wav'); > או שאתה יכול לשים את העכבר על פיסקה זו כדי לשמוע את אותו צליל ציפור. P> body> html>