(11) الدرس الحادي عشر : تضمين ملف صوت أو فيديو إلى صفحة ويب

[سامية السلفية]

بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه ومن تبعهم بإحسان إلى يوم الدين

الدرس الحادي عشر
تضمين ملف صوت أو فيديو إلى صفحة ويب

أصوات خلفية
<bgsound>
يإذن الله ، يمكن تعيين أي ملف يحمل الإمتداد mid أو wav أوmp3 أوwma أو swf وغيرها ، بحيث يعمل تلقائياً عندما يتم تحميل الصفحة في المتصفح، وذلك باستخدام الوسم <bgsound> ( أي background sound) .

تنبيه هام:
يجب التأكد من أن مكبرات الصوت تعمل جيداً.

 <bgsound src="bismillah.mp3">

- الخاصية src : تستخدم لتحديد اسم الملف المدرج.
- الخاصية loop : تحدد عدد مرات تكرار تشغيل الملف الصوتي (تأخذ أرقاماً صحيحة).
أما القيمة -1 أو القيمة infinite فهذا سوف يؤدي إلى تكرار تشغيل الملف الصوتي عدد غير محدد من المرات خلال تواجدك على الصفحة.

 <bgsound src="bismillah.mp3" loop="3">

 <bgsound src="bismillah.mp3" loop="-1">

أما في حالة أردت إدراج وصلات تشعبية لملفات صوتية في الصفحة بحيث يمكن للزائر أن يحمّلها أو أن ينقر عليها إذا أراد سماعها، فذلك يتم بالطريقة الإعتيادية لإدراج الوصلات.
<a href="http://www.afaqattaiseer.com/vb/uploaded/2620_01346811926.mp3">بسم الله الرحمن الرحيم </a>

وهذه الطريقة عامة لا علاقة بنوع متصفح المستخدم. تشغيل الملف

الوسم <embed>

وهو يستخدم لإدراج ملفات الملتيميديا في صفحات الويب سواءً كانت مقاطع صوتية أو ملفات فيديو.
لكن يشترط هنا وجود برامج إضافية مشغّلة لهذه الملفات تدعى "الملحق البرمجي" plug-in. يجب إلحاقها بالمتصفح. (لمعرفة المشغلات المثبتة في برنامجك اختر الأمر : tools (أدوات) > manage add-ons (إدارة الوظائف الإضافية) في اكسبلورر.
أو اختر الأمر about plug-ins من قائمة help) .

إن المشغل المدمج الخاص بملفات mid هو الذي أظهر الصورة الموجودة في أعلى الصفحة والتي تستخدم من أجل التحكم في الملف الصوتي.

<embed src="audio.mp3"  autostart="true" starttime="00:02:00:00" endtime="00:06:00:00"  volume="30" width="450" height="90"/>

من الخصائص المستخدمة مع هذا الوسم ما يلي:

- src : لتحديد مصدر الملف المراد تشغيله

- وللتحكم بحجم الصورة الظاهرة نستخدم الخصائص height, width .

autostart- : لتحديد كيفية تشغيل الملف تلقائياً عند تحميل الصفحة أم بواسطة المستخدم (حيث يتحكم بالتشغيل). وذلك باستخدام القيمة true للتشغيل التلقائي و false لعدم التشغيل، وهي القيمة الإفتراضية.
وكما ترى تظهر في هذه الحالة شاشة التحكم فقط دون الصوت، بما يتيح للزائر التحكم في التشغيل أو عدمه عندما يريد ذلك.

- الخاصيتين : starttime , endtime
لتشغيل مقطع معين من الملف الصوتي ، لتحديد من أين يبدأ تشغيل الملف وأين ينتهي، في المثال التالي:

لدينا ملف صوتي 10 دقائق

starttime="00:02:00" ----------- بعد دقيقتين من البداية 00

endtime="00:06:00" ------------ ينتهي التشغيل عند الدقيقة 06

يعني لن يتم تشغيل 10 دقائق كاملة وإنما سيقتطع جزء منها (من وسط الملف)

من الدقيقة ال2 إلى ال6 = 4 دقائق من الملف الصوتي

تنبيه هام
- استخدام أو تحميل Quick Time Installer [جربته على explorer]
صيغة الوقت مهمة: ساعات:دقائق:ثواثي: أجزاء (00:00:00:00) ، وإلا لن تعمل الخاصية كما يجب . والله أعلم
معظم المراجع تشرح تضمين ملف صوتي 00:00 (دقائق : ثوان) في Netscape
[إن شاء الله سنرى في التطبيقات أمثلة على الإستفادة من هاتين الخاصيتين باستخدام javascript]
للتحميل: Quick Time Installer
للتحميل: Explorer 9
- الخاصية volume:
للتحكم بمستوى الصوت الإفتراضي عند تحميل الصفحة. (وطبعا يمكن للمستخدم تغيير مستوى الصوت لاحقا)

- وأخيرا خاصية loop التي تحدد إذا كان الملف سيتم عرضه بشكل متكرر أم لا ، وتأخذ أرقاماً صحيحة،
أما القيمة -1 أو القيمة infinite فهذا سوف يؤدي إلى تكرار تشغيل الملف الصوتي عدد غير محدد من المرات خلال تواجدك على الصفحة.

فائدة:
وسوم خاصة بـــ netscape و firefox :
نص وامض
<blink>بسم الله</blink>


الواجب التطبيقي (15) :
- تضمين ملف صوت أو فيديو في صفحة ويب.
- استخدام في صفحة أخرى <bgsound> ،وطبعا يوضع رابط للصفحة بحيث تظهر في شاشة جديدة _ blank


وفقكم الله ورزقكم العلم النافع والعمل الصالح والنية الخالصة واللسان الصادق



الحمدلله
والصلاة والسلام على رسول الله وعلى آله وصحبه ومن تبعهم بإحسان إلى يوم الدين