48 – الوسائط المتعددة في HTML
الوسائط المتعددة على الويب تشمل الأصوات والموسيقى والفيديوهات والأفلام والرسوم المتحركة.
ما هي الوسائط المتعددة؟
الوسائط المتعددة هي مزيج من عناصر سمعية وبصرية مثل الصور والموسيقى والصوت والفيديو والأفلام والرسوم المتحركة وغيرها. غالبًا ما تحتوي صفحات الويب على عناصر وسائط متعددة من أنواع وسياقات مختلفة.
دعم المتصفحات للوسائط المتعددة
كانت أولى متصفحات الويب بسيطة للغاية ولا تدعم سوى النصوص المكتوبة بخط واحد وبلون واحد. لكن سرعان ما تطورت وظهرت متصفحات تدعم الألوان والخطوط المختلفة والصور، بل وحتى الوسائط المتعددة!
إليك لمحة سريعة عن تطور دعم المتصفحات للوسائط المتعددة:
- البدايات البسيطة (أواخر الثمانينيات إلى منتصف التسعينيات): دعم نصوص أحادية الخط واللون.
- عصر Mosaic (منتصف التسعينيات): ظهور الصور وبدء دعم الوسائط المتعددة الأولية مثل النصوص الغنية (Rich Text) وملفات الصوت البسيطة.
- Netscape Navigator و Internet Explorer (أواخر التسعينيات): تحسن ملحوظ في دعم الصور والرسوم المتحركة البسيطة والجدول.
- التطور المستمر (2000 إلى الوقت الحاضر): تضمين أكثر عناصر الوسائط المتعددة مثل الصوت والفيديو والتفاعل (JavaScript).
- HTML5 (منتصف العقد الأول من القرن الحادي والعشرين): ثورة في دعم الوسائط المتعددة بإمكانية تضمين الصوت والفيديو مباشرة في الصفحة دون الحاجة لبرامج إضافية.
- المتصفحات الحديثة (وقتنا الحالي): دعم واسع لمعظم عناصر الوسائط المتعددة مع تطور مستمر في الأداء والميزات.
تنسيقات الوسائط المتعددة
في عالم الويب، يتم تخزين عناصر الوسائط المتعددة مثل الصوت والفيديو في ملفات تُسمى ملفات الوسائط. الطريقة الأكثر شيوعًا لمعرفة نوع الملف هي النظر إلى ملحقة الملف.
تستخدم كل وسائط متعددة تنسيقًا محددًا له ملحقة خاصة به. فيما يلي بعض التنسيقات الشائعة وملحقاتها:
- الصوت:
- .wav: تنسيق أصلي غير مضغوط وذو جودة عالية، لكن حجمه كبير.
- .mp3: تنسيق مضغوط شائع ذو جودة جيدة وحجم أصغر نسبيًا.
- .ogg: تنسيق مفتوح المصدر ومضغوط ذو جودة جيدة.
- الفيديو:
- .mp4: تنسيق مشهور يدعم الصوت والفيديو معًا وهو شائع على الويب.
- .mpg/.mpeg: تنسيق قديم شائع ولكن حجمه كبير نسبيًا.
- .wmv: تنسيق خاص بشركة Microsoft.
- .avi: تنسيق قديم يُستخدم أحيانًا مع برامج تحرير الفيديو.
- الرسوم المتحركة:
- .gif: تنسيق شائع للرسوم المتحركة البسيطة مع دعم محدود للألوان.
- .webm: تنسيق حديث ومضغوط للأفلام المتحركة على الويب.
- .swf: تنسيق خاص بشركة Adobe Flash.
تنسيقات الفيديو الشائعة
يوجد بالفعل عدد كبير من تنسيقات الفيديو المختلفة، لكن لحسن الحظ، هناك بعض الخيارات الشائعة والمدعومة بشكل واسع:
تنسيقات تدعمها لغة HTML مباشرة:
- MP4: يعد تنسيق MP4 أكثر تنسيقات الفيديو شيوعًا واستخدامًا على الإنترنت. وهو مدعوم من جميع المتصفحات الحديثة ويحظى بتوصية قوية من YouTube بسبب جودته العالية وتوافقية عرضه الواسعة.
- WebM: تنسيق مفتوح المصدر يكتسب شعبية متزايدة. ويتميز بحجمه الصغير نسبيًا مقارنةً بحجم ملفات MP4 ذات الجودة المماثلة، مما يجعله مناسبًا للإستخدام على صفحات الويب ذات سرعة اتصال محدودة.
- Ogg: تنسيق مفتوح المصدر آخر يتميز بجودته الجيدة وحجمه المعقول. ويتم استخدامه بشكل أقل شيوعًا مقارنةً بالخيارين السابقين.
هنا جدول يوضح تنسيقات الفيديو الشائعة وخصائصها
التنسيق | الامتداد | الوصف |
---|---|---|
MPEG | .mpg، .mpeg | تم تطويره بواسطة Moving Pictures Expert Group. كان أول تنسيق فيديو شائع على الويب. لم يعد مدعومًا في HTML. |
AVI | .avi | Audio Video Interleave. تم تطويره بواسطة Microsoft. يشيع استخدامه في كاميرات الفيديو وأجهزة التلفزيون. يعمل بشكل جيد على أجهزة الكمبيوتر التي تعمل بنظام Windows، ولكن ليس في متصفحات الويب. |
WMV | .wmv | Windows Media Video. تم تطويره بواسطة Microsoft. يشيع استخدامه في كاميرات الفيديو وأجهزة التلفزيون. يعمل بشكل جيد على أجهزة الكمبيوتر التي تعمل بنظام Windows، ولكن ليس في متصفحات الويب. |
QuickTime | .mov | تم تطويره بواسطة Apple. يشيع استخدامه في كاميرات الفيديو وأجهزة التلفزيون. يعمل بشكل جيد على أجهزة كمبيوتر Apple، ولكن ليس في متصفحات الويب. |
RealVideo | .rm، .ram | تم تطويره بواسطة Real Media للسماح ببث الفيديو مع نطاقات ترددية منخفضة. لا يعمل في متصفحات الويب. |
Flash | .swf، .flv | تم تطويره بواسطة Macromedia. غالبًا ما يتطلب مكونًا إضافيًا (plug-in) للتشغيل في متصفحات الويب. |
Ogg | .ogg | Theora Ogg. تم تطويره بواسطة Xiph.Org Foundation. مدعوم من HTML. |
WebM | .webm | تم تطويره بواسطة Mozilla و Opera و Adobe و Google. مدعوم من HTML. |
MPEG-4 أو MP4 | .mp4 | تم تطويره بواسطة Moving Pictures Expert Group. يشيع استخدامه في كاميرات الفيديو وأجهزة التلفزيون. مدعوم من جميع المتصفحات ويوصى به من قبل YouTube. |
تنسيقات الصوت الشائعة
إليك جدول يوضح تنسيقات الصوت الشائعة وخصائصها
التنسيق | الامتداد | الوصف |
---|---|---|
MIDI | .mid .midi | واجهة الآلات الموسيقية الرقمية (MIDI). التنسيق الرئيسي لجميع أجهزة الموسيقى الإلكترونية مثل السينثسيزر وبروتوكولات الصوت للكمبيوتر. لا تحتوي ملفات MIDI على صوت، بل نوتات رقمية يمكن للآلات الإلكترونية تشغيلها. تعمل بشكل جيد على جميع أجهزة الكمبيوتر والمعدات الموسيقية، ولكن ليس في متصفحات الويب. |
RealAudio | .rm .ram | تم تطويره بواسطة Real Media للسماح ببث الصوت مع نطاقات ترددية منخفضة. لا يعمل في متصفحات الويب. |
WMA | .wma | Windows Media Audio. تم تطويره بواسطة Microsoft. يعمل بشكل جيد على أجهزة الكمبيوتر التي تعمل بنظام Windows، ولكن ليس في متصفحات الويب. |
AAC | .aac | Advanced Audio Coding. تم تطويره بواسطة Apple كتنسيق افتراضي لـ iTunes. يعمل بشكل جيد على أجهزة كمبيوتر Apple، ولكن ليس في متصفحات الويب. |
WAV | .wav | تم تطويره بواسطة IBM و Microsoft. يعمل بشكل جيد على أنظمة التشغيل Windows و Macintosh و Linux. مدعوم من HTML. |
Ogg | .ogg | تم تطويره بواسطة Xiph.Org Foundation. مدعوم من HTML. |
MP3 | .mp3 | ملفات MP3 هي في الواقع جزء الصوت من ملفات MPEG. MP3 هو التنسيق الأكثر شيوعًا لمشغلات الموسيقى. يجمع بين ضغط جيد (ملفات صغيرة) وجودة عالية. مدعوم من جميع المتصفحات. |
MP4 | .mp4 | MP4 هو تنسيق فيديو، ولكن يمكن استخدامه أيضًا للصوت. مدعوم من جميع المتصفحات. |
ملاحظة: يدعم معيار HTML فقط صوت MP3 و WAV و Ogg.