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

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



salima
10-30-2013, بتوقيت غرينيتش 07:56 PM
ان شاء الله سيتم شرح طريقة طريقتين للصوت في الفلاش

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

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


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

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

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

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

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

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

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

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

نضغط علي Import

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

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

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

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

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

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

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


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


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


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

الطريقة التانيه

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

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

وليكن ده

http://img152.imageshack.us/img152/3977/13ns6.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

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

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

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

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

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

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

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

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

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

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





https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى