مشغل الميديا في فلاش FLVPlayback وكيفية عمل اسطوانة فيديوهات جزء4

[azizsoft]

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


نواصل اخوتي الكرام شرح خصائص ودوال مشغل الميديا في برنامج الفلاش ونتطرق في الجزء الرابع الى شرح دالة أو حدث انتهاء
الفيديو من التشغيل لمقطع معين VideoEvent.COMPLETE.
يعني لما ينتهي مشغل FLV من عرض مقطع معين تريد ان تظهر رسالة او تنفذ أمر معين = عديد الافكار التي يمكن أن تنفذها

بحيث وفرت الاكشن سكريب هاته الدالة ودوال اخرى كثيرة تمكن المستخدم من التفاعل جيدا مع اي مقطع أو شرح ومحاكاته تفاعليا

باختصار هاته الدالة تسمى في احداث Event للمكون بــــ complete بحيث نقوم بانشاءFunction
نضع فيها الاوامر التي نريد أن تنفذ عند انتهاء تشغيل المقطع كما يلي في الكود .


function completeHandler(event:fl.video.VideoEvent):void
{
// مجموعة الاوامر التي تريدها

}



ونضيف حدث الاستماع في المكان المطلوب كما في الكود

flvControl.addEventListener(fl.video.VideoEvent.CO MPLETE, completeHandler);


ولا ننسى اضافة هذا الكلاس من الاعلى


import fl.video.MetadataEvent;



قمت بتطبيق سريع على الشرح في هذه الجزئية للمعاينة

http://im66.gulfup.com/J9oPbx.swf

اكواد دالة الانتهاء هي الموجودة فقط بالشرح وباقي الاكواد في الملف المفتوح خاصة
بالرسالة وتاثير الترانزيشن يمكن ان تحذفها ان شئت فقط احببت ان اظهر كييفية
اضافة رسالة مثلا بتاثير حركي .




تحميل الملف المفتوح الخاص بهذ الجزء من الشرح
http://www.gulfup.com/?QSgVci



تابع الجزء الخامس من الشرح
(http://www.abc4web.net/vb/showthread.php?t=31666)


لاتنسونا بصالح الدعاء

[خادم المسلمين]

ما شاء الله عليك
فى بساطتك
ووضوح الشرح
هكذا يستطيع المبتدىء مع الاكشن سكربت3 ان يتشجع للمضى قدما نحو احترافه والابداع فيه
تسلم الايادى تسلم يا خير بلادى
ويا ريت تكمل جميلك وتخصص لنا شرح لكيفية عمل مثل هذه الصورة صلااحة الخط رووعة والسمك الخاص به والتأثيرات احترافية جدا
هل صممتها بالفوتو شوب؟
ولا تنسى ايضا اخى
جزئية التشغيل التتابعى للفيديوهات

[أبو يوسف]

:teslam:

جزاك الله خيرا اخانا عزيز :abc_152: وبارك الله فيك

[عمر سكي]

شكر لك اخي على الشرح الكافي و الوافي ... بارك الله فيك .

[azizsoft]

بسم الله الرحمن الرحيم

بارك الله فيكم اخوتي الكرام على حضوركم ودعواتكم الطيبة

أخي فيصل بالنسبة للتصميم ليس بالفتوشوب بل ببرنامج RealDraw Pro 5
برنامج خفيف وسهل وقوي للتصميمات السريعة
بالنسبة للتشغيل التلقائي انا عدلت الكود يمكن نسخه ولصقه عوض الكود بالمشروع في هاته المشاركة
ولاحظ عدلت فقط غي دالة انتهاء تغيل الفيديو Complete

import fl.video.*;
import fl.video.MetadataEvent;
// هذه كلاسات الترانزيشن والماوس
//import fl.transitions.*;
//import fl.transitions.easing.*;
//import flash.events.MouseEvent;
//import flash.display.MovieClip;

var m1:mc1 = new mc1();

var btn:Array = new Array(btn1,btn2,btn3,btn4,btn5,btn6,btn7,btn8);
var video:Array = new Array("02.mp4","03.mp4","04.mp4","05.mp4","06.mp4","07.mp4","08.mp4","09.mp4");
video.source = video[i];
player.play(video[0]);//تشغيل الفيديو الاول اليا

var videoIndex:uint = 0;
var loopAtEnd:Boolean = true;

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]);

if(i==0){
// تنفيذ أي اوامر اخرى
};

if(i==1){
// حدث الاستماع لحذف موفي الاحتراف
//dt.text = "الان قمت بالنقر على زر رقم 2";
//m1.close_btn.addEventListener(MouseEvent.CLICK, RemoveMc);
};

if(i==2){
// تنفيذ أي اوامر اخرى

};
}
}
}

//================================================== ==========
// دالة اضهار الموفي من المكتبة
/*function showmc1()
{
addChild(m1);
m1.x = 880;
m1.y = 130;
TransitionManager.start(m1, {type:Fly, direction:Transition.IN, duration:2, easing:Elastic.easeOut, startPoint:6});
}*/

//================================================== ================
//دالة حذف الموفي
/*function RemoveMc(e:MouseEvent) {
removeChild(e.currentTarget.parent);
}*/
//================================================== ===============
player.addEventListener(fl.video.VideoEvent.COMPLE TE, completeHandler);
// حدث الاستماع الى دالة انتهاء الفيديو
function completeHandler(event:fl.video.VideoEvent):void
{
// تخزين الفيديوالتالي في القائمة
videoIndex++;

//تفعيل المتغير
if( videoIndex == video.length ){
if( loopAtEnd ){
videoIndex = 0;
}else{
return;
}
}

// تشغيل الفيديو التالي
player.source = video[videoIndex];

//dt.text = "انتهى الفيديوالى اللقاء";
//showmc1()// دالة اضهار الموفي كليب طريق الاحتراف
// يمكن تنفيذ أمر معين هنا

}

[عوض السوداني]

جزاك الله عنا كل خير اخي عزيز بصراحة اليوم تعقبت معظم شروحاتك بالمنتدي
وكل درس اروع من الاخر والاهم ان شروحاتك سهله جدا في الاستيعاب
عكس كل الشروحات التي مررت بها بالنت اسأل الله ان يجعل جميع اعمالك الطيبة
في ميزان حسناتك بارك الله فيك ولك خالص الود والتقدير:abc_022:

[azizsoft]

جزاك الله عنا كل خير اخي عزيز بصراحة اليوم تعقبت معظم شروحاتك بالمنتدي
وكل درس اروع من الاخر والاهم ان شروحاتك سهله جدا في الاستيعاب
عكس كل الشروحات التي مررت بها بالنت اسأل الله ان يجعل جميع اعمالك الطيبة
في ميزان حسناتك بارك الله فيك ولك خالص الود والتقدير:abc_022:


بارك الله فيكم أخي عوض
وترقب شرح كيفية تحزيم كل الملفات والفيديوهات في ملف تنفيذي واحد
وان شاء الله تقدر تخرج اسطوانة جميلة :abc_022:

[عوض السوداني]

بارك الله فيكم أخي عوض
وترقب شرح كيفية تحزيم كل الملفات والفيديوهات في ملف تنفيذي واحد
وان شاء الله تقدر تخرج اسطوانة جميلة :abc_022:

ونحن في الانتظار بكل شوق يا غالي بارك الله فيك وجعله في ميزان حسناتك

[خادم المسلمين]

هل تسمح لى اخى عزيز بذه الاضافة

وسيستفيد منها الكثي ممن عنده خلفية عن ربط
الاكشن سكربت3
مع ملفات
XML
رفعت المشروع بالاضافة الجديدة
"تم حذف المصفوفات
واستبدالها بملف XML
وتم رفعه بالمرفقات

ويجب ان يكون بجانبه 3 ملفات فيديو
نسميهم بنفس التسمية الموجودة فى ملف XML

http://store1.up-00.com/2015-05/1431496631011.jpg (http://www.up-00.com/)

[azizsoft]

بارك الله فيك
نعم الــxml مريحة جدا ومميزة لتنظيم العمل وتختصر الجهد

[abohmam]

ماشاء الله الدروس تزداد وضوحا لكل مبتدئ

بارك الله فيك أخى عزيز وجزاك خيرالجزاء

:abc_152:

[أبو صخر]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[المصمم]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[اميجو]

شكرا جزاك الله خير