וובמאסטר - תיכנות ובניית אתרים

התגית audio

מאפשרת לשלב קבצי סאונד, באמצעות נגן מובנה בדפדפן
F+
F-

לכאורה תגית זו, יחד עם אחותה תגית ה-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





תגובות בפייסבוק

וובמאסטר © כל הזכויות שמורות