تويت
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
يسعدني اخوتي الكرام أن أقدم لكم في هذا الموضوع شرح للمكون الجاهز في برنامج فلاش FLVPlayback
وكيفية استغلاله في عمل اسطوانات اسلامية وتعليمية هادفة .
سنحاول ان شاء الله تبسيط شرح الاكواد حتى تكون الفائدة كبيرة .
بداية وجب أن نشير الى ان اكشن سكريبت توفر كلاسات اخرى غير هذا المكون يمكن من خلالها انشاء مشغل فيديو بكامل خصائصه
وهاته الكلاسات هي :
flash.media.Video
flash.net.NetConnection
flash.net.NetStream
لكن طريقة توظيفها في مشروع معين تتطلب خبرة برمجية متقدمة يطول شرحها كثيرا لذلك نمر مباشرة الى شرحنا وننسى هذا الجزء من الموضوع .
تعريف سريع للمكون :
التحكم البرمجي (programming interface (API لمكون FLVPlayback يتم من خلال خصائصproperties ووظائف methods
وأحداث events .
الخصائص properties تتعلق مثلا بالتحكم في المكون حجم الفيديو عرضه طوله مكانه في المسرح x و y الشكل = السكن skin الخ ...
الوظائف methods هي الدوال لتنفيذ أوامرمعينة من المشغل مثل التشغيل ()play والايقاف المؤقت ()pause والايقاف ()stop الخ ..
الاحداث events وهي هامة لتنفيذ أوامر معينة اثناء تشغيل الفيديو يعني تقدر تنفذ امر في زمن معين من الفيديو تعلن عنه مسبقا مثل
cuePoint و complete و seeked الخ ..
نمر الان الى الشرح وارجو أن تتابع معي اخي الكريم بالتطبيق كي تفهم جيدا وتحسن استغلال هذا المكون وطريقة صياغة الاكواد .
قبل ان تواصل القراءة افتح مجلد بسطح المكتب ضع بداخلة 3 فيديوهات أو ماتشاء ويفضل أن تكون الاسماء v1 v2 v3 الخ ... وصيغة الفيديوهات FLV .
افتح برنامج الفلاش غير المقاس الىW=800 و 600= H الان اضغط windows ثم components اضغط مجلد فيديو واسحب مكون FLVPlayback ومن خانة properties عير مقاسه الى W=800 و 600= H وفي خانة الانستنس نايم اعطه اسم player
في المسرح اضف 3 أزرار أو بحسب عدد الفيديوهات التي لديك في المجلد يفضل ان تكون الاسماء btn1 btn2 btn3 ...... الخ
واحفظ المشروع في المجلد بجانب الفيديوهات = انتهيت = طيب جميل نتابع .
ملاحظة : هناك عديد الطريق لصياغة الاكواد واضافة احداث كثيرة مثل صور نصوص تاثيرات حسب نوع التصميم لكن سنتطرق فقط للطريقة المختصرة في هذا المشروع على افتراض ان لدينا مشروع فيديوهات وازرار تحكم ويمكن طبعا تنفيذ اي اوامر اخرة مع اي زر
طيب اخي الفاضل الان اضف طبقة جديدة باسم Action حددها واضغط F9
1/ === سنقوم باستدعاء كل كلاسات المكون من خلال هذا الكود انسخه والصقه
كود:
import fl.video.*;
كود:
var btn:Array = new Array(btn1,btn2,btn3);
كود:
var video:Array = new Array("v1.flv","v2.flv","v3.flv");
كود:
video.source = video[i];
ولو شئت اضف له comment يعني عدم تفعيله //
كود:
player.play(video[0]);//تشغيل الفيديو الاول اليا
كود:
for (var i:int = 0;i<btn.length ; i++)
{
btn[i].addEventListener(MouseEvent.CLICK,OnClick)
}
كود:
function OnClick(event:MouseEvent):void
{
for (var i:int = 0;i<btn.length ; i++)
{
if (event.currentTarget == btn[i]){
player.play(video[i]);
}
}
}
سيشغل الفيديو المقابل لم في ترتيبه بمصفوفة الفيديوهات .
احفظ المشروع اضغط Ctrl + Enter وعاين النتيجة
الان أخي الكريم تعلمنا كيفية اعداد مشروع فيديوهات باسلوب مبسط وسهل وهذا ليس كل شىء
مازال امامنا معرفة كيفية اضافة صورة عند الضغط على زر معين اضافة عنوان فيديو في حقل نصي
ايقاف فيديو في أوقات معينة وعند الايقاف تنفيذ حدث معين وعدة اشياء اخرى وكيفية اخراج الاسطوانة في ملف تنفيذي واحد
أرجو ممن تابعنا معنا الشرح أن لاينسانا بدعوة صالحة .
الجزء الثاني من الشرح
كفاية كدة
وبارك الله فيك
تعليق