azizsoft
11-05-2015, 08:12 PM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
يسعدني اخوتي الكرام أن أقدم لكم في هذا الموضوع شرح للمكون الجاهز في برنامج فلاش FLVPlayback
وكيفية استغلاله في عمل اسطوانات اسلامية وتعليمية هادفة .
http://www.ligams.com/var/ezwebin_site/storage/images/media/images/flvplayback-sur-scene/4533-1-fre-FR/FLVPlayback-sur-scene.jpg
سنحاول ان شاء الله تبسيط شرح الاكواد حتى تكون الفائدة كبيرة .
بداية وجب أن نشير الى ان اكشن سكريبت توفر كلاسات اخرى غير هذا المكون يمكن من خلالها انشاء مشغل فيديو بكامل خصائصه
وهاته الكلاسات هي :
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.*;
2/ === سنقوم بتخزين كل الازار في مصفوفة ايضا انسخ الكود والصقه واضف داخلها اسماء الازار اذا كانت اكثر من 3
var btn:Array = new Array(btn1,btn2,btn3);
سنقوم بتخزين كل الفيديوهات في مصفوفة ايضا انسخ الكود والصقه واضف داخلها اسماء الفيدوهات اذا كانت اكثر من 3
var video:Array = new Array("v1.flv","v2.flv","v3.flv");
نضيف ايضا هذا الكود لتأكيد مسار الفيديوهات
video.source = video[i];
نضيف ايضا هذا الكود اختياري للتغيل التلقائي للفيديو = الرقم 0 هو الفيدو الاول لوتحب يشتغل الفيدو الرابع ضع رقم 3 مثلا
ولو شئت اضف له 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]);
}
}
}
باختصار معنى الكود أنه اشتطرنا أنه اذا اي زر في ترتيب المصفوفة مقصود بحدث الضغط event.currentTarge
سيشغل الفيديو المقابل لم في ترتيبه بمصفوفة الفيديوهات .
احفظ المشروع اضغط Ctrl + Enter وعاين النتيجة
الان أخي الكريم تعلمنا كيفية اعداد مشروع فيديوهات باسلوب مبسط وسهل وهذا ليس كل شىء
مازال امامنا معرفة كيفية اضافة صورة عند الضغط على زر معين اضافة عنوان فيديو في حقل نصي
ايقاف فيديو في أوقات معينة وعند الايقاف تنفيذ حدث معين وعدة اشياء اخرى وكيفية اخراج الاسطوانة في ملف تنفيذي واحد
أرجو ممن تابعنا معنا الشرح أن لاينسانا بدعوة صالحة .
الجزء الثاني من الشرح
(http://www.abc4web.net/vb/showthread.php?t=31662)
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
يسعدني اخوتي الكرام أن أقدم لكم في هذا الموضوع شرح للمكون الجاهز في برنامج فلاش FLVPlayback
وكيفية استغلاله في عمل اسطوانات اسلامية وتعليمية هادفة .
http://www.ligams.com/var/ezwebin_site/storage/images/media/images/flvplayback-sur-scene/4533-1-fre-FR/FLVPlayback-sur-scene.jpg
سنحاول ان شاء الله تبسيط شرح الاكواد حتى تكون الفائدة كبيرة .
بداية وجب أن نشير الى ان اكشن سكريبت توفر كلاسات اخرى غير هذا المكون يمكن من خلالها انشاء مشغل فيديو بكامل خصائصه
وهاته الكلاسات هي :
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.*;
2/ === سنقوم بتخزين كل الازار في مصفوفة ايضا انسخ الكود والصقه واضف داخلها اسماء الازار اذا كانت اكثر من 3
var btn:Array = new Array(btn1,btn2,btn3);
سنقوم بتخزين كل الفيديوهات في مصفوفة ايضا انسخ الكود والصقه واضف داخلها اسماء الفيدوهات اذا كانت اكثر من 3
var video:Array = new Array("v1.flv","v2.flv","v3.flv");
نضيف ايضا هذا الكود لتأكيد مسار الفيديوهات
video.source = video[i];
نضيف ايضا هذا الكود اختياري للتغيل التلقائي للفيديو = الرقم 0 هو الفيدو الاول لوتحب يشتغل الفيدو الرابع ضع رقم 3 مثلا
ولو شئت اضف له 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]);
}
}
}
باختصار معنى الكود أنه اشتطرنا أنه اذا اي زر في ترتيب المصفوفة مقصود بحدث الضغط event.currentTarge
سيشغل الفيديو المقابل لم في ترتيبه بمصفوفة الفيديوهات .
احفظ المشروع اضغط Ctrl + Enter وعاين النتيجة
الان أخي الكريم تعلمنا كيفية اعداد مشروع فيديوهات باسلوب مبسط وسهل وهذا ليس كل شىء
مازال امامنا معرفة كيفية اضافة صورة عند الضغط على زر معين اضافة عنوان فيديو في حقل نصي
ايقاف فيديو في أوقات معينة وعند الايقاف تنفيذ حدث معين وعدة اشياء اخرى وكيفية اخراج الاسطوانة في ملف تنفيذي واحد
أرجو ممن تابعنا معنا الشرح أن لاينسانا بدعوة صالحة .
الجزء الثاني من الشرح
(http://www.abc4web.net/vb/showthread.php?t=31662)