التعامل مع الأفلام في HTML

بما أن أغلب من يقوم بتصميم صفحات الويب بستخدمون برنامج  فرونت بيج 2000 و هذا البرنامج لا يقوم بدعم أفلام فلاش بشكل مباشر مثل دريم ويفر أو قو ليف 5 فسوف أقوم بشرح طريقة إدخال ملفات فلاش إلى صفحة الويب عن طريق كتابة نص HTML و مع تطور هذه اللغة في السنين الأخيره و مع تعدد المتصفحات مما أدى إلى أن وجود وسمين (لغة الإيتش تي إم إل تتكون من وسوم لمزيد من المعلومات الرجاء زيارة موقع إيتش بي) هما (OBJECT) و (EMBED) و كل منها لها عمل لكن يمكن أن تستخدم لإدخال أفلام فلاش إلى صفحات الويب .

(OBJECT) :- هذا الوسم خاص بالمتصفح الخاص بشركة ماكروسوفت (إنترنت إكبلولر) و هذا الوسم خاص لإدخال عناصر (ActiveX) إلى صفحات الويب و أحب أن أنبه أنه في حالة استخدام هذا الوسم فلن يعمل الفلم في متصفح نت أيسكيب . و مثال ذلك :-

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100"

HEIGHT="100" CODEBASE="http://active.macromedia.com/flash5/cabs/

swflash.cab#version=5,0,0,0">

<PARAM NAME="MOVIE" VALUE="فلم فلاش.swf">

<PARAM NAME="PLAY" VALUE="true">

<PARAM NAME="LOOP" VALUE="true">

<PARAM NAME="QUALITY" VALUE="high">

          لا تقلق إن كان النص الذي في الأعلى يربكك قليلا فسوف أقوم بشرحه شرح مفصل (يجب أن تكون عندك أساسيات في لغة HTML) لاحظ عند بداية الوسم السابق بدأ بوضع صفاته و أكثر صفة ممكن أن تؤدي بعض الإرباك هي (CLASSID) حيث تقوم هذه الصفة بتحديد متحكم (ActiveX) الخاص بـ فلم فلاش و يجب أن تأخذ القيمة (clsid:D27CDB6E-AE6D-11cf-96B8-444553540000) يجب أن تقوم بكتابتها كما هي في الأعلى بدون أي تغيير . أنا الصفتين التاليتين فهي (WIDTH) و (HEIGHT) و التي تحدد عرض و طول الفلم في نافذة المتصفح و في حالة أنك تريد أن يشغل الفلم حيز بالنسبة المؤوية مثلا تريد أن يكون عرض الفلم 50 % من عرض الشاشة فكل ما عليك هو أبدال 100 و وضع مكانها 50%  . أما الصفة الأخيرة للوسم فهي (CODEBASE) و هذه اختيارية لسبب وحد حيث أن هذه الصفة تقوم بتحديد ملف يقوم المتصفح بإنزاله في حالة عدم دعم المتصفح لأفلام فلاش .

و بعد ذلك سوف نجد الوسم (PARAM) و هذا الوسم يجب أن يكون داخل الوسم (OBJECT) أو بمعنى أصح يجب أ، يكون بين (OBJECT) و (/OBJECT) هذا الوسم يحدد صفات (ActiveX) حيث أن (NAME) تحدد الصفة و (VALUE) تحدد قمة الصفة . أما الصفات فسوف أسردها فيما بعد في هذا الدرس  .

(EMBED) :- و هذا الوسم يعمل في جميع المتصفحات و تعامل على أنها (plug-in) و فيما يلي طريقة كتابتها في لغة (HTML) :-

<EMBED SRC="moviename.swf" WIDTH="100" HEIGHT="100" PLAY="true" 

LOOP="true" QUALITY="high"

PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> 

لاحظ أننا لا نحتاج إلى الوسم (PARAM) بل نضع الصفة و نسد لها صفتها مباشرة مثل (LOOP="true") .

و فيما يلي سوف أناقش أهم الصفات و ليس جميعها :-

(SRC) :- و هنا نحدد الفلم الذي نريد إدراجه في الصفحة لاحظ أن هذه الصفة خاصة بالوسم (EMBED) .

(MOVIE) :- و هنا نحدد الفلم أيضا لكن الفرق بينه و بين من سابقه هو أنه خاص بالوسم (OBJECT) .

(CLASSID) :- و هنا نحدد (ActiveX) الخاص بالمتصفح و هذه الصفة خاصة بالوسم (OBJECT) .

(WIDTH) :- نحدد عرض الفلم و يأخذ القيمة بالبكسل أو بالنسبة المؤية كما قلت سابقا و هذه الخاصية خاصة شاملة للوسمين .

(HEIGHT) :- و هنا نحدد طول الفلم و تنطبق عليه القواعد التي ذكرتها في (WIDTH)  .

(CODEBASE) :- و هنا نحدد عنوان الذي سوف يقوم المتصفح بإنزال (ActiveX) الخاصة بفلاش إذا لم يكن يدعمها و هذه الخاصية خاصة بالوسم (OBJECT) .

(PLUGINSPAGE) :- و هذه الخاصية تقوم بإرشاد المتصفخ إلى عنوان الملف الذي يجب عليه أن يقوم بتنزيله في حالة عدم دعم المتصفح لـ (plug-in) الخاص بفلاش و هذه الخاصية خاصة بالوسم (EMBED) .

(SWLIVECONNECT) :-

(PLAY) :- و هنا تحدد إذا كنت تريد من الفلم أن يعرض حالة تنزيله من الويب و تأخذ القيمة true في حالة العرض حال تنزيله و تأخذ القيمة false في حالة عدم العرض حال تنزيله .

(LOOP) :- و تأخذ القيمة true و هي القيمة الإفتراضية حيث عند الوصول إلى آخر الفلم يقوم بإعادته من جديد و القيمة false إذا كنت تريد منه إذا وصل إلى الفريم الأخير بأن يقف عندها و لا يعيد العرض من جديد .

(QUALITY) :- و تتحكم في جودة عرض الفلم و الحكمة من تحكم في جودة عرض الفلم هو سرعة العرض حيث كلما تكون الجودة عالية فإن العرض يستهلك حجم أكثر من الذاكرة و تأخذ القيم (low) و (high) و (autolow) و (autohigh) و (best) .

(BGCOLOR) :- و هنا تحدد لون الخلفية الخاص بالفلم و هذا اللون سيظهلر حتى لو كنت قد عينت لون الخلفية في نفس برنامج فلاش .

(SCALE) :-  يتحكم في في طريقة تحجيم الفلم و تأخذ 3 قيم و هي (exactfit) تجعل الفلم يقوم بملئ أي حجم تعطيه أياه في الطول و العرض و القيمة الخرى (noborder) تجعل طول الفلم يتناسب مع عرضه لكن لايظهر منه إلى المساحة التي أعطيته إياها في (WIDTH) و (HEIGHT)  أما القيمة (showall) فيهي القيمة الإفراضية .

(ALIGN) :- و هذه الخاصية تتحكم في المحاذاة التي يظهر فيها الفلم و تأخذ قيم (Left, Right, Top, Bottom)

 (MENU) :- و من هنا تحدد ظهور أو عدم ظهور القائمة المختصرة عند الضغط على الزر الأيمن من الفأرة و تأخذ القيمة true في حالة ظهور القائمة و القيمة false في حالة عدم ظهور القائمة .

(WMODE) :- مايهمني في هذه الخاصية هي القيمة (Transparent) حيث تجعل خلفية الفلم شفافة تظهر ما خلفه و هذه الخاصية لاتعمل إلا مع متصفح إنترنت إكبلولر 4 و ما فوق .  

و الآن و بعد معرفتك بالوسوم التي تتحكم في إدخال أفلام فلاش إلى صفحات الويب قد تتسائل أيهما استخدم . لا تقلق فأحسن طريقة لأدخال أفلام فلاش إلى صفحات الويب هي استخدام الوسمين مع بعضهما البعض (لكن كيف ذلك) سوف أقوم بسرد الكود الذي يستخدم الوسمين في آن واحد :-

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100"

HEIGHT="100" CODEBASE="http://active.macromedia.com/flash5/cabs/

swflash.cab#version=5,0,0,0">

<PARAM NAME="MOVIE" VALUE="moviename.swf">

<PARAM NAME="PLAY" VALUE="true">

<PARAM NAME="LOOP" VALUE="true">

<PARAM NAME="QUALITY" VALUE="high">

<EMBED SRC="moviename.swf" WIDTH="100" HEIGHT="100" PLAY="true" 

LOOP="true" QUALITY="high" 

PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> 

</EMBED>

</OBJECT>

لاحظ أن الوسم (EMBED) داخل (OBJECT) و بعد الإنتهاء من الصفات الخاصة بالوسم (OBJECT) .