כיצד להוסיף סאונד לדף אינטרנט HTML5

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

היתרון של שימוש ב- HTML5 הוא שאתה יכול להטביע צליל רק באמצעות כמה תגים. הדפדפנים, אם כן, להשמיע את הצליל בדיוק כמו שהם יציגו תמונה כאשר אתה משתמש

IMG אלמנט.

כיצד להוסיף סאונד לדף אינטרנט HTML5

אתה צריך עורך HTML, קובץ קול (רצוי בפורמט MP3), וכן ממיר קובץ קול.

1. ראשית, אתה צריך קובץ קול. עדיף להקליט את הקובץ כקובץ MP3 (

   .mp3), שכן איכות הצליל גבוהה ונתמכת על ידי רוב הדפדפנים (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ ו- Safari 5+).

2. המרת הקובץ לפורמט Vorbis (

   .gg) להוסיף ב - Firefox 3.6 + ו Opera 10.5 + תמיכה. אתה יכול להשתמש בממיר כמו אחד נמצא על Vorbis.com. אתה יכול גם להמיר MP3 שלך בפורמט קובץ WAV (

   .Wav) כדי לקבל תמיכה ב- Firefox וב- Opera. אני ממליץ לפרסם את הקובץ שלך בכל שלושת הסוגים, רק עבור אבטחה, אבל הכי הרבה שאתה צריך הם MP3 ועוד סוג אחד.

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

   תמונות ספרייה.

4. תוסיף את ה

   אודיו אל קובץ ה- HTML שבו ברצונך להציג את פקדי קובץ הקול.

5. מקום

   המקור אלמנטים עבור כל קובץ שמע שאתה מעלה בתוך

   אודיו באל you

6. 1. כל HTML בתוך

      אודיו אלמנט ישמש כנסיגה עבור דפדפנים שאינם תומכים

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

      הדפדפן שלך אינו תומך בהפעלת שמע, הורד את הקובץ: MP3,

   2. וורביס, WAV

7. הדבר האחרון שעליך לעשות הוא לסגור את רכיב ה- AUDIO שלך:

   1. כשתסיים, ה- HTML שלך ייראה כך:

   4. הדפדפן שלך אינו תומך בהפעלת שמע, הורד את הקובץ:

   5. MP3,

   6. וורביס,

   7. WAV

טיפים נוספים

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