المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : طريقة تشغيل صوت بمرور الماوس في الفلاش


ahmed_capaca
08-16-2009, 03:48 PM
السلامـ عليكمـ ورحمة الله و بركاته


ان شاء الله سيتم شرح طريقتين للصوت في الفلاش

الاولي
طريقة عمل زر تشغيل و زر ايقاف للصوت .

والثانيه
تشغيل الصوت بمرور الماوس .


بفرض ان ده هو التصميم

http://img372.imageshack.us/img372/6550/islamez1.gif

بداية هنعمل شكلين لزرار التشغيل و الايقاف علي الفوتوشوب أو بأي طريقة أخري

وهنضع زر التشغيل أولا علي التصميم

http://img525.imageshack.us/img525/8043/45134399uw6.jpg

هنضغط ضغطة علي زر التشغيل و هنذهب للأكواد ******

http://img134.imageshack.us/img134/3641/96256843mk1.jpg

http://img361.imageshack.us/img361/4726/90998887tc1.jpg

ومن ثم نضغط ايضا

http://img371.imageshack.us/img371/1900/40678053bd9.jpg

http://img399.imageshack.us/img399/7639/sdsadah8.jpg

هيظهرلنا كود في مربع السكريبت يطالب بالموسيقي التي تود اضافتها

نضغط علي Import

http://img144.imageshack.us/img144/3889/57009003te4.jpg

بعد الاختيار هتظهر بالاسفل
نضغط ضغطه علي اسم الموسيقي أو الدعاء المختار ليظهر بالكود

http://img370.imageshack.us/img370/6267/59965935ft7.jpg

كده انتهينا من زر التشغيل
و كده الصوت هيشتغل بالضغط علي Play بس مش هيقف

، ، ،

هننشئ زر أخر لوقف الصوت

http://img152.imageshack.us/img152/5854/10ok6.jpg

" موضوع الازرار ده شئ ذوقي يعني انت و ذوقك في انشاء شكل الازرار المناسبه للتصميم "

بعد انشاء زر الايقاف نذهب إلي صفحة الاكواد كما فعلنا مع الزر الاول


http://img134.imageshack.us/img134/3641/96256843mk1.jpg

وكما بالصوره التاليه نختار كود ايقاف الاصوات

http://img510.imageshack.us/img510/6928/11wo4.jpg

ليظهر بالشكل التالي

http://img88.imageshack.us/img88/8835/12ny2.jpg


وده التصميم بعد الانتهاء
بـ زري التشغيل و التوقف


http://img145.imageshack.us/img145/4619/31758406gl0.swf




تابعوا معي الطريقة الثانيه التشغيل بمرور الماوس علي التصميم


يتبع

ahmed_capaca
08-16-2009, 03:53 PM
الطريقة التانيه

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

أولا حاجه هنختار التصميم اللي هنشتغل عليه

وليكن

http://img152.imageshack.us/img152/3977/13ns6.jpghttp://img151.imageshack.us/img151/41/asdpxd.jpg

هننشئ أعلاه مربع مع مراعاة ان اطرافه هتخرج عن جوانب التصميم شيئا ما

http://img509.imageshack.us/img509/9216/14sl2.jpg

هتلاحظ ان التصميم أصبح خلف المربع
ولا يظهر منه شئ

..

من برنامج السويش جهة اليمين قليلا سنغير من Shape الـ Fill للمربع
بدلا من Solid سنجعلها None

http://img227.imageshack.us/img227/8632/15va2.jpg


لتشعر ان المربع اطرافه فقط هي التي تظهر وهو شفاف

http://img520.imageshack.us/img520/2995/56485651fg2.jpg

من ثم نذهب الي الـ ****** الاكواد

http://img134.imageshack.us/img134/3641/96256843mk1.jpg

ونتابع الاكواد

http://img65.imageshack.us/img65/7956/16if5.jpg

http://img371.imageshack.us/img371/1900/40678053bd9.jpg

http://img58.imageshack.us/img58/6357/17vy9.jpg

ونعمل زي الخطوات اللي فوق ونختار المقطع الصوتي

http://img353.imageshack.us/img353/6908/18jc0.jpg

هنا هنضيف كود تاني " كود ايقاف الصوت بخروج الماوس عن اطار التصميم "

http://img257.imageshack.us/img257/7981/19xg3.jpg

http://img357.imageshack.us/img357/291/20tv3.jpg

ده شكل الكود النهائي

http://img114.imageshack.us/img114/7761/63062080xs9.jpg

وده التصميم بعد الانتهاء

http://img502.imageshack.us/img502/8831/82191159ab2.swf

طبعا بذوقياتكم و اضافة التأثيرات المناسبه هيطلع شكله أجمل


الموضوع باجتهاد شخصي و مصرح بالنقل
للمنتديات العربيه

دمتم بكل خير
وأي استفسار او نقطه مش واضحه انا حاضر ان شاء الله
:)

[] دانة جدة []
08-18-2009, 01:28 AM
بـــــــــارك الله فيك ,,

الطريقه واضحه وسهله ,,,

نفع الله بك ,,

زائر الحرمين
08-18-2009, 02:22 AM
جزاك الله خير ان شاء الله نطبق

ahmed_capaca
08-18-2009, 02:53 AM
بـــــــــارك الله فيك ,,

الطريقه واضحه وسهله ,,,

نفع الله بك ,,


تسلمي اختي دانه لمرورك الكريم
و بارك الله فيك

ahmed_capaca
08-18-2009, 02:54 AM
جزاك الله خير ان شاء الله نطبق

ان شاء الله
جزيت خيرا لمرورك الطيب :)

ريم الوادي
08-25-2009, 05:01 PM
شرح مصور رااائع
يعطيك الف عاااافية

احتاجك
08-25-2009, 06:40 PM
الله يجزآكم خير

محب الرسول
08-25-2009, 06:42 PM
ششششششششششكرآ

ahmed_capaca
08-25-2009, 09:27 PM
مشكورين جميعا للمرور
ودمتم بكل خير

زوجـــة الأمـــير
08-26-2009, 06:59 AM
الله يعطيك العافية

شرح واضح ووافي

بارك الله فيك ..

ahmed_capaca
08-26-2009, 06:17 PM
ربي يعافيك
وتسلمي من كل شر

سديم الشتاء
10-26-2009, 09:19 AM
جزاك الله خير

تركي
11-29-2010, 05:48 PM
الله يجزاك خير