الدرس الخامس: إضافة الوسائط المُتعددة

في هذا الدّرس سيتم توضيح طريقة إضافة الوسائط المتعددة إلى صفحات الويب التي نصممها
وما نقصده هنا بالوسائط المتعددة (Multimedia) هو : الصوت والفيديو والملفات الفلاشية

الوسم الذي نستخدمه في إضافة هذه الأشياء هو وسمٌ واحد يتقولب طِبقاً لنوع الوسيط الذي نودّ إضافته



<embed> تقوم بإضافة plugin في هذه الصّفحة
الـ plugin هو عبارة عن برنامج خاص يكون موجود على جهاز المستخدم
وهذا البرنامج مهمته تشغيل أنواع خاصة من الوسائط المتعددة ، أكثرها شهرة تلك التي تشغّل الأصوات والأفلام

وسم الـ <embed> يحتوي على attributes مُعينة لتساعد في إضافة الـ plugin المُناسب :
src : يعطي موقع الوسيط الذي نود تشغيله بواسطة هذا الـ plugin
height : يحدد الارتفاع بوحدة البكسل
width : يحدد العرض بوحدة البكسل

هذه المُقدّمة ستساعدنا في فهم كيفية إضافة ملف صوتي ، فيديو ، وملف فلاشي
حاليّاً دعونا نرى كيف يمكننا إضافة صورة إلى صفحة الويب الخاصة بنا ، ومن ثم سننتقل لشرح الوسائط
المُتعددة وكيفية إضافتها تِباعاً .

• مثال - 1 - : إضافة الصّور

لإضافة الصّور نستخدم الوسم التّالي :



الآن لنشرح بعض ما فيه :

src هي اختصار لكلمة source وتعني المصدر ، ومن خلال هذا الـ attribute نقوم بتعريف موقع الصّورة كي يتسنّى
للمتصفح أن يعرف مكانها ويٌظهرها لنا ..
بنفس مبدأ إضافة الخلفية الصّورية ، مصدر الصورة أو عنوانها يجب أن يكون في نفس الملف الذي تتواجد فيه صفحتنا
وفي حال كانت الصّورة في مكانٍ آخر فإنه يجب علينا إضافة عنوانها كاملاً

alt هي اختصار لكلمة alternative وتعني البديل ، وهذا الخيار يعمل في حال عدم ظهور الصّورة عند شخص معين
فإنه وبمجرد مرور الماوس على الصّورة غير الظاهرة يقوم بإظهار الكلام الذي ما بين اقواس هذا الـ attribute

width و height يتعلقان بأبعاد الصّورة ويفضل عادة إضافتهما رغم أنهما اختياريان ويمكن الاستغناء عنهما



الآن لنرى المثال :




والنتيجة :



وفي حال عدم ظهور الصّورة لوجود عطل في عنوانها أو لأنها لم تعد موجودة مثلاً ، سيظهر التّالي :



كما تُلاحظون ، ظهرت قيمة الـ alt

• مثال - 2 - : إضافة ملف صوتي

لإضافة ملف صوتي يلزمنا استخدام الكود التّالي :

الـ <embed> كما شُرحت سابقاً ..
هنا نلاحظ بعض الـ attributes الأخرى مثل :
Border : إضافة إطار إلى مشغل الصوتيات حين يظهر ، والقيمة المُسندة إليه تعبّر عن عرض الإطار بالبكسل
loop : عدد المرّات التي يتم فيها إعادة تشغيل الملف الصّوتي تلقائياً

والنتيجة كما ترون :

• مثال - 3 - : إضافة فيديو

بنفس الآلية السّابقة وإنما يختلف الـ src فقط :



والنتيجة :

• مثال - 4 - : إضافة فلاش

نحصل على رابط مُباشر للفلاش [ بصيغة swf ] ونقوم بإضافته للـ src




والنتيجة :





::

إلى هنا ينتهي الدّرس
لطيف وجميل

تم شرح الموضوع باختصار وبطريقة مُبسّطة
في حال واجهتكم أي مشكلة بإمكانكم السؤال والاستفسار

بانتظاركم