خیلی وقت بود که آموزشی از SWiSH Max ننوشته بودم . اما مدتی قبل توی یکی از کامنت ها یکی ازم درخواست کرد نحوه ی ساخت یک پلیر ساده رو بنویسم و من هم در پاسخ به اون دوست عزیز این پست رو می نویسم . این پلیر ها معمولن برای پخش پادکست و موسیقی توی وبلاگ ها و وبسایت ها کاربرد دارن و نمونه های آمادش هم مثل این زیاده . ولی اگه یه پلیر ساده ی اختصاصی برای وبلاگتون می خواید بد نیست این آموزش رو بخونید . توجه کنید که با این آموزش می تونید یه پلیر ساده با قابلیت پخش و توقف فایل صوتی تولد کنید و فایل های صوتی هم با دستور value باز نمی شن و باید توی خود پروژه قرار بگیره .
اول از همه باید صفحه ی پلیر خودتونو طراحی کنید .صفحه ی پلیر باید دارای ۲ تا دکمه باشه ، یکی دکمه ی پخش یا play که با یه مثلث رو به راست نشون می دن و یه دکمه توقف یا stop که با مربع نشونش می دن ( طرز ساخت دکمه رو اینجا می تونید یاد بگیرید ) . البته می تونید از کلمات یا نمادهای دیگه هم استفاده کنید که کاملن سلیقه ایه .
وقتی صفحه ی پلیر رو طراحی کردید نوبت به فایل صوتی و دستورات این دکمه هاست . اول از همه باید فایل صوتی رو باز کنید . فایل صوتی بهتره mp3 باشه . همچنین سعی کنید کیفیتش رو با کم کردن kbps ، پایین بیارین که حجمش کم بشه . با توجه به اینکه آهنگ روی اینترنت باید لود بشه اگه حجمش زیاد باشه خیلی زمان زیادی برای لود شدن می بره و عملن کارکردشو از دست می ده .
برای باز کردن آهنگ از پنجره ی Content روی Import to Library کلیک کنید و گزینه sound رو انتخاب کنید و آهنگتون رو باز کنید . توی این مثال من آهنگ test.mp3 رو برای پروژم انتخاب کردم .
حالا نوبت دستور دادن به دکمه هاست . وارد قسمت Script دکمه پخش بشید و کد زیر رو بنویسید ( اسکریپت کجاست ؟! )
on (release) {
playSound(“test”);
}
حالا کدهای زیر رو هم برای Script دکمه ی توقف بنویسید
on (release) {
stopSound(“test”);
}
توجه کنید که چون اسم آهنگ انتخابیم test بود این کدها رو برای آهنگی به این نام نوشتم ، شما باید با توجه به اسم آهنگتون کد رو تغییر بدید .
حالا پلیر آمادست و می تونید از اون توی وبلاگ یا وبسایتتون برای پخش و توقف آهنگ استفاده کنید . فقط توجه کنید که آهنگ زمانی پخش می شه که کاربر روی دکمه پخش کلیک کنه ! اگر می خواید آهنگ به صورت خودکار شروع به پخش کنه ، Scene پروژتون رو انتخاب کنید و وارد قسمت Script بشید و کدهای زیر رو اونجا بنویسید :
onFrame (1) {
playSound(“test”);
}
onFrame (2) {
stop();
}
با این کد از فریم اول موسیقی شروع به پخش می کنه ، کاربر با کلیک روی دکمه توقف می تونه آهنگ رو قطع کنه .
نکته ی دیگه اینکه اگر کاربر در حین پخش آهنگ روی دکمه ی پخش کلیک کنه آهنگ دومی شروع به پخش می کنه و در اصل ۲ تا آهنگ همزمان با هم پخش می شن ! و هر چی این عمل رو تکرار کنه آهنگ ها مجددن روی هم پخش می شن ! برای جلوگیری از این اتفاق در قسمت Script روی کد playSound یک کلیک کنید تا در بالای کد تصویری مانند زیر را ببینید :
حالا روی گزینه Sound Effect کلیک کنید و تیک گزینه Don’t play sound if it is already playing رو بزنید . حالا آهنگ فقط یه بار پخش می شه و کاربر هر چقدر هم که روی دکمه ی پخش کلیک کنه با تداخل آهنگ ها روبرو نمی شه .
همچنین اگه می خواین آهنگتون به صورت دنباله دار یا Loop پخش شه ، توی همون پنجره ی بالا تعداد تکرار رو توی کادر Loop Sound بنویسید .
پ.ن : می تونید با این آموزش یا این آموزش برای پلیرتون یه لودینگ هم بسازید تا کاربر منتظر لود شدن آهنگ بمونه .
توی این مدتی که جنتلمن سوت و کور بود داشتم روی قالب وبلاگ کار می کردم و الانم به صورت رسمی ازش رونمایی کردم ! البته با قبلی از نظر استایل فرقی نداره و می شه گفت همونه ، فقط یه سری تغییرات بزرگ داره . قبل از هر چیز بگم که من دوست ندارم اینجا از حالت وبلاگ خارج شه و شبیه مجله های اینترنتی یا سایت های خبری بشه ، دوست دارم قالبی باشه که با دیدنش بفهمن اینجا وبلاگه و فقط من توش می نویسم .
اما بزارید بگم چی کار کردم و این قالب چه فرقایی داره :
اول از همه رنگ بندی مطالبه ، خیلی دوست داشتم مطلبایی که می نویسم علاوه بر دسته بندی ، با رنگ بندی هم جدا بشن ! یعنی هر دسته رنگ مخصوص به خودش رو داشته باشه ، توی این قالب این اتفاق افتاده و همونجور که می بینید کادر هر مطلب رنگ خاصی داره و مطالب با رنگ بندی جدا شدن .
تغیر بعدی که دادم فونت هست . فونت مطالب رو مثل سابق همون تاهما گذاشتم تا راحت تر خونده بشه ، ولی فونت قسمت های مهم و برجسته مثل منوها رو فونت بی کودک تعیین کردم و بهش سایه دادم که خوشگلتر باشن و بیشتر به چشم بیان .
قسمت میکروسکوپ رو هم با توجه به رنگ بندی ها و دسته ها جداسازی کردم و از این به بعد وقتی مطلبی رو جستجو یا همون میکروسکوپ کنید ، نتایج مشخصه که مال کدوم دسته و رنگ هستن .
هدر بالای وبلاگ هم همونطور که می بینید عوض کردم . این هدر رو خودم طراحی کردم و از این به بعد اون پسر بچه قراره یه سری از مناسبت ها رو معرفی کنه و دیگه از تابلو چوبی خبری نیست !
قسمت نظرات رو هم یه سری تغییرات دادم و مشکلاتی که داشت رفع شد . یه سری دیگه تغییرات کوچیک هم داره که دیگه بهش نمی پردازم .
تمام مشکلاتی که قالب قبلی داشت رو توی این قالب سعی کردم برطرف شه و فعلن مشکل خاصی فکر نمی کنم داشته باشه و قشنگ همه چیش رو تست می کنم و اگه مشکلی پیدا کردم سریع برطرفش می کنم .
نسخه ی موبایل رو هم به زودی یه سری تغییرات جزیی می دم و سبکترش می کنم تا سریعتر با GPRS ایران وصل شه .
اما یه خبر دیگه هم جنتلمن تی ویه که تابستون امسال راش می ندازم ! فعلن ترجیح می دم دربارش چیزی نگم و وقتی این قسمت رو فعال کردم توضیح می دم که چی هست و چی کار می خوام کنم .
خوشحال می شم نظراتون رو درباره قالب جدید بدونم و اگه مشکلی هم داره حتمن بهم بگید .