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

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


غيمة مبعثرة
11-24-2009, 03:51 PM
السلامـ عليكمـ ورحمة الله و بركاته


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

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

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


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

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

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

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

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

هنضغط ضغطة علي زر التشغيل و هنذهب للأكواد Scr!pt
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




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

يتبع

غيمة مبعثرة
11-24-2009, 03:51 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

من ثم نذهب الي الـ Scr!pt الاكواد

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

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


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

دمتم بكل خير


منقول

عرب نيوز
11-24-2009, 04:10 PM
مشكوووووووووووووووور



على جهدك الملموس بالمنتدى


اشكرك بشده؟

تقبل مروري؟؟؟

غيمة مبعثرة
11-24-2009, 11:35 PM
مشكوووووووووووووووور



على جهدك الملموس بالمنتدى


اشكرك بشده؟

تقبل مروري؟؟؟
http://img23.imageshack.us/img23/4412/1262thanksabeermahmoud.gif (http://quran.maktoob.com/vb/quran14478/)

غيمة مبعثرة
11-24-2009, 11:49 PM
مشكوووووووووووووووور



على جهدك الملموس بالمنتدى


اشكرك بشده؟

تقبل مروري؟؟؟


http://img23.imageshack.us/img23/4412/1262thanksabeermahmoud.gif (http://quran.maktoob.com/vb/quran14478/)

البحار الكبير
12-10-2009, 02:40 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

غيمة مبعثرة
12-10-2009, 03:37 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
http://img23.imageshack.us/img23/4412/1262thanksabeermahmoud.gif (http://quran.maktoob.com/vb/quran14478/)