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

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

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

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

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

1. ראשית, אתה צריך קובץ קול. מומלץ להקליט את הקובץ כקובץ MP3 ( .mp3 ), שכן איכות הצליל גבוהה זו נתמכת על ידי רוב הדפדפנים (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ ו- Safari 5+).
2. המר את הקובץ לפורמט Vorbis ( .ogg ) כדי להוסיף ב- Firefox 3.6+ וב- Opera 10.5+. אתה יכול להשתמש בממיר כמו אחד נמצא על Vorbis.com. ניתן גם להמיר את קבצי MP3 לפורמט קובץ WAV ( .wav ) כדי לקבל תמיכה ב- Firefox וב- Opera. אני ממליץ לפרסם את הקובץ שלך בכל שלושת הסוגים, רק עבור אבטחה, אבל הכי הרבה שאתה צריך הם MP3 ועוד סוג אחד.
3. להעלות את כל קבצי שמע לשרת האינטרנט שלך ולעשות הערה של המדריך שאחסנת אותם פנימה זה רעיון טוב למקם אותם במדריך משנה רק עבור קבצי אודיו, כמו רוב המעצבים לשמור תמונות בספריית תמונות .
4. הוסף את האלמנט AUDIO לקובץ ה- HTML שבו ברצונך להציג את פקדי קובץ הקול. <פקדי שמע>
5. הצב אלמנטים SOURCE עבור כל קובץ שמע שאתה מעלה בתוך רכיב AUDIO :

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

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

   1. MP3 ,
   2. Vorbis , WAV
2. הדבר האחרון שעליך לעשות הוא לסגור את האודיו שלך:
3. כשתסיים, ה- HTML שלך אמור להיראות כך: <שולטת שמע>
   4. הדפדפן שלך אינו תומך בהפעלת שמע, הורד את הקובץ:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

טיפים נוספים

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