Skip to main content

כיצד לנגן צליל על קליק או

לימוד גיטרה למתחילים - הכי קרוב אלייך | עילי בוטנר ואביב אלוש (יוני 2026)

לימוד גיטרה למתחילים - הכי קרוב אלייך | עילי בוטנר ואביב אלוש (יוני 2026)
Anonim

אחת התכונות של יישומי מחשב היא שיש משוב כאשר אתה עושה משהו. הסוג הנפוץ ביותר של משוב הוא קול. המחשב לוחץ כאשר אתה בוחר דברים, צפצופים כאשר יש שגיאות, ועושה קולות אחרים כדי להתריע לך על מצבים. אבל דפי אינטרנט אין זה סוג של משוב. זה גורם להם להיראות משעמם או שאינו מגיב.

למזלנו קל לשנות זאת. באמצעות תכונות וצלילים דינמיים של HTML, ניתן ליצור דף אינטרנט שפועל יותר כמו יישום.

הוסף צליל כאשר לקוח לוחץ על משהו

סקריפט זה יוסיף אפקטי צליל כאשר לקוח לוחץ על משהו באמצעות התכונה וכאשר לקוח מתגלגל על ​​משהו באמצעות התכונה. הקפד לבדוק אותם בדפדפנים שונים, שכן לא כל דפדפני האינטרנט מטפלים ב- mouseover ובמאפייני קליקים על אלמנטים שאינם קישורים.

הצב את הסקריפט הבא ב HEAD של מסמך ה- HTML שלך:

מקום קול בתוך ריק ריקה

ה- JavaScript מציב רכיב EMBED בתוך אלמנט SPAN ריק בעת הפעלת הסקריפט. לכן, עליך להוסיף את תג SPAN הבא איפשהו בתוך BODY של דף ה- HTML שלך, רצוי ליד החלק העליון של המסמך:

לקרוא את התסריט עם תכונה

הדבר האחרון שאתה צריך להוסיף הוא אלמנט שאתה רוצה ליצור את הצליל על קליק או על העכבר. התקשר לתסריט עם אחת התכונות האלה. החלף UrlToSound מלא את כתובת האתר המלאה לקובץ הקול שברצונך להפעיל:

לחץ כאן כדי לשמוע צליל<> onmouseover = "playSound ('UrlToSoundFile'); > העבר את העכבר מעל לטקסט זה כדי לשמוע צליל

הנה מסמך HTML כולו, משחק את הצליל של Bluejay. קובץ הקול מאוחסן באותה ספרייה כמו דף ה- HTML:

דוגמה של איך לנגן צליל על קליק או על MouseOver

לחץ כאן כדי לשמוע ציפור לשיר

<> onmouseover = "playSound ('zbluejay.wav'); > או שאתה יכול לשים את העכבר על פיסקה זו כדי לשמוע את אותו צליל ציפור.