התגית audio
לכאורה תגית זו, יחד עם אחותה תגית ה-video, נועדו לפתור לנו צרות רבות בחיים. בפועל, כיוון שתקן ה-HTML5 אינו מגדיר (עדיין) גם את פורמט קובץ הסאונד עצמו, יוצא שכל דפדפן מצפה לקבל פורמט שונה.
נכון להיום (אפריל 2013), דפדפן אינטרנט אקספלורר 9+ תומך בפורמט MP3, דפדפני פיירפוקס ואופרה תומכים בפורמט Wav/Ogg, ספארי ב-MP3/Wav, וכרום תומך בשלושת הפורמטים. יוצא שכדי שתהיה לנו תמיכה מלאה לקובץ בכל הדפדפנים התומכים, נצטרך לקודד אותו בכל שלושת הפורמטים…
דוגמאת קוד
<audio autoplay controlls> <source type="audio/mpeg" src=”fileName.mp3”> <source type="audio/ogg" src=”fileName.ogg”> <source type="audio/wave" src=”fileName.wav”> אם הטקסט הזה למשתמש, סימן שהדפדפן שלו אינו תומך בתגית זו </audio>
מאפיינים אפשריים
תיאור | ערכים | מאפיין |
---|---|---|
מגדיר האם הקובץ ינוגן אוטומטית עם סיום הטעינה שלו | autoplay | |
מגדיר האם יופיעו פקדים על הנגן, כמו play, pause, volume | controls | |
ינגן את הקובץ שוב באופן אוטומטי ברגע שהוא מגיע לסוף | loop | |
יתחיל את ניגון הקובץ עם ווליום מושתק | muted | |
מגדיר איזה חלק מקובץ הסאונד יטען בעת עליית העמוד: auto – כל הקובץ יטען מראש ומיידית metadata – רק את הפרמטרים הכלליים כמו שם, אורך וכד’ none – לא לטעון מראש כלום עד שהגולש לוחץ play | none auto metadata | preload |
נתיב לקובץ סאונד. במידה ואין לנו כמה sources, ניתן להגדיר מאפיין זה פעם אחת על תגית ה-audio עצמו, במקום לקונן תגית source כפי שבדוגמא | URL | src |
תמיכת דפדפנים
דפדפן אקספלורר מגירסא 8 ומטה אינו תומך בתגית זו, כדי להישתמש בה יש להפעיל HTML5 Polyfill
תגובות בפייסבוק