כיצד להוסיף קוד מוסיקת HTML ברקע

...

הוסף מוזיקת ​​רקע לאתר שלך כדי שהמשתמשים יוכלו ליהנות בזמן שהם גולשים.

שיטות שונות להטמעת מוזיקה בדף אינטרנט הפכו פופולריות מאז ימיה הראשונים של ה-World Wide Web. יש לציין שתג "הטמע" ב-HTML, נגני שמע מבוססי Java ונגנים מבוססי פלאש הם כל האפשרויות האפשריות להוספה מוסיקת רקע לדף אינטרנט, אך אף פתרון לא אומץ באופן אוניברסלי או תואם באופן מלא לכל הדפדפנים ו פלטפורמות. תקן HTML5 החדש יותר כולל את תג "שמע", המוגדר במיוחד עבור השמעת אודיו משובצת.

שלב 1

הוסף את הקוד הבא בכל מקום בגוף מסמך ה-HTML שלך כדי להטמיע קובץ מוזיקה ולהשמיע אותו באופן אוטומטי כאשר מבקר גולש באתר שלך.

סרטון היום

שנה את התכונה "src" כך שתכיל את הנתיב ואת שם הקובץ של קובץ המוזיקה שברצונך להטביע.

שלב 2

הוסף את התכונה "לולאה" אם אתה רוצה שקובץ המוזיקה יתנגן שוב ושוב:

שלב 3

השתמש במספר תגיות "מקור" במקום בתכונת "src" של תג "audio" אם ברצונך להציע לדפדפן של המשתמש בחירה בפורמטים מרובים של קבצים:

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

שלב 4

קן את תג "הטמע" בתוך תג "שמע" כדי לספק תמיכה לדפדפנים ישנים יותר שאין להם תמיכה ב-HTML5. שים לב שהשימוש הזה בתג "הטמע" הוצא משימוש (כלומר כבר לא נדרש רשמית נתמך), אז התנסה בטכניקה זו רק אם אתה חושד שהמשתמשים שלך ישתמשו באינטרנט מיושן דפדפנים. הנה דוגמה:

עֵצָה

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