ساخت پلیر با swish max
لینک کوتاه

خیلی وقت بود که آموزشی از 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 بنویسید .

پ.ن : می تونید با این آموزش یا این آموزش برای پلیرتون یه لودینگ هم بسازید تا کاربر منتظر لود شدن آهنگ بمونه .

اگه خوشتون اومد این ها رو هم بخونید :
ساخت دکمه در swish max
لودینگ ها در swish max – قسمت دوم
لودینگ ها در swish max – قسمت اول
یه پادکست خوشمزه بسازیم !
کپی کردن با کمک یک فایل اجرایی
نوشته بعدی
نوشته قبلی
به اشتراک بگذارید
بابا نان داد-گشتی گفت :
پنج شنبه ۸ تیر ۱۳۹۱ و ساعت ۵:۲۶ ب.ظ

سلام جنتلمن
واقعا وب جنتلمنی دارید
بهتون تبریک میگم
راستی جشن ۳ سالگیتون مبارک انشالله ۱۰۰ ساله بشید
یا حق

پاسخ یه این نظر

ati گفت :
دوشنبه ۱۶ اردیبهشت ۱۳۹۲ و ساعت ۱۲:۰۷ ق.ظ

ممنون از آموزشتون حالا من چه جوری باید این پلیر رو سیو کنم و چه جوری تو سایت مورد نظرم اجراش کنم ممنون میشم توضیح بفرمایید

پاسخ یه این نظر

جواد در پاسخ گفت :
دوشنبه ۱۶ اردیبهشت ۱۳۹۲ و ساعت ۱۲:۲۸ ق.ظ

وقتی تموم شد از منوی File می ری قسمت Export و بعد خروجی swf می گیری . اون خروجی swf رو می تونی توی هاست ذخیره کنی و روی سایتت بزاری.
اگه کد قرار دادن فلش روی سایت رو نمی دونی، بهتره یه خروجی swf+html هم بگیری تا برات خروجی html هم بگیره و بتونی کدای اون رو ببینی و از کداش استفاده کنی.

پاسخ یه این نظر

محمد گفت :
پنج شنبه ۳۰ خرداد ۱۳۹۲ و ساعت ۸:۳۹ ب.ظ

سلام.
مرسی از آموزشتون. خیلی دمبالش بودم.
حالا چطوری باید کاری کنیم که وقتی طرف روی Play کلیک کرد، تصویر Play به تصویر Stop تغییر پیدا کنه و کار stop رو انجام بده؟!
ممنونم بازم از همه چی

پاسخ یه این نظر

جواد در پاسخ گفت :
دوشنبه ۳ تیر ۱۳۹۲ و ساعت ۹:۰۸ ق.ظ

برای این کار از یه Scene باید استفاده کنی که وقتی روی یه آیکون کلیک شد آیکو ناپدید بشه و یه آیکون دیگه جاش بیاد . این آموزشمو ببین شاید منظورمو بفهمی اگه نفهمیدی بگو بیشتر توضیح بدم http://www.jentelman.com/8j

پاسخ یه این نظر

علیرضا در پاسخ گفت :
دوشنبه ۴ آذر ۱۳۹۲ و ساعت ۴:۰۰ ب.ظ

سلام من پلیر بالا رو دقیقا مثل دستور ساختم ولی دکمه stop کار نمیکنه اگه stop all sound انتخاب کنم آهنگ قطع میشه چه کار باید کرد ؟

پاسخ یه این نظر

جواد در پاسخ گفت :
سه شنبه ۵ آذر ۱۳۹۲ و ساعت ۸:۱۷ ق.ظ

دلیلش اینه که آهنگ رو روی دکمه تعریف نکردی و اونو روی تایم لاین باز کردی !
اول آهنگ رو از توی تایم لاین پاک کن بعد اونو توی لایبراری اضافه کن و دستور پخش و توقفش رو روی دکمه ها تعریف کن نه روی تایم لاین :)

پاسخ یه این نظر

محمد گفت :
سه شنبه ۴ تیر ۱۳۹۲ و ساعت ۱۰:۳۷ ب.ظ

آقا جواد ممنونم از راهنماییت.
وقت خوندنش رو این روزا ندارم.
انشالله میخونم و انجامش میدم. نتیجش رو می‌گم بهت.
فقط یه نکته!
شما که انسان شریفی هستی و جنتلمن، فکر می‌کنم بهتر بود توی پاسخت بجای بکار بردن کلمه “بفهمی” و “نفهمیدی”، از کلمه‌ی متوجه شدی یا نشدی استفاده کنی.
البته به من بر نخورد. خاکی تر از این حرفام 😉 ولی خوب. شاید باشن کسایی که بهشون بر بخوره.
یادآوری کردم به عنوان به عنوان یه رفیق شاید دور، داداش کوچیت…

پاسخ یه این نظر

جواد در پاسخ گفت :
چهارشنبه ۵ تیر ۱۳۹۲ و ساعت ۱:۰۶ ق.ظ

درسته حق باشماست
شاید به خاطر ادبیات وبلاگم باشه که خیلی خودمونی می نویسم و منظور بدی هم ندارم
کلی معذرت می خوام و از این به بعد توی کامنت ها سعی می کنم ادبیات رسمی تری به کار ببرم
فکر می کنم جریان “غلط کردن” بین ایرانی ها و افغانی ها اتفاق افتاده !
ما ایرانی ها غلط کردن رو یه نوع فحش می دونیم و اگه کسی به کسی بگه غلط کردی حرف بدی زده شده ولی همزبانای افغانی غلط کردن رو معنی اشتباه کردن می دونن و اگه کسی به کسی بگه غلط کردی ینی تو کار اشتباهی کردی و حرف بدی نیست براشون :))
اینم یه خاطره بود که یه افغانی تعریف کرده بود و برام جالب بود ، الان که گفتی یاد اون افتادم :)

پاسخ یه این نظر

محمد گفت :
چهارشنبه ۵ تیر ۱۳۹۲ و ساعت ۸:۰۰ ب.ظ

ممنون که توجه کردید.
توی کامنتم به این نکته اشاره کردم که من مشکلی با این ادبیات ندارم. چون خودم یه جورایی با اطرافیانم اینطورم و وقتی یکی رسمی باهام صحبت کنه حتی بهم بر میخوره و فکر میکنم ناراحته ازم! بخاطر همین نیاز به عذر خواهی نبود دوسته من.
در مورد افغانی ها هم نمیدونستم. ممنون که بهش اشاره کردی..!
یاعلی -;{@

پاسخ یه این نظر

mamad گفت :
جمعه ۲۸ تیر ۱۳۹۲ و ساعت ۲:۱۰ ق.ظ

داداش من میخوام رادیو آنلاین بسازم چطوری میتونم آدرس رادیو ها رو مثلا در هر فلش قرار بدم
یا مثلا پلی لیست درست کردم خود فلش اتو مات بخونه

مثلا رادیو ها به این شکل هستند
http://66.90.103.76:8002/

پاسخ یه این نظر

جواد در پاسخ گفت :
جمعه ۲۸ تیر ۱۳۹۲ و ساعت ۲:۰۳ ب.ظ

این کار برنامه نویسی تقریبن زیادی داره، این آموزش رو ببین توش توضیح داده : http://www.swish-designs.co.uk/blog/?p=1912

پاسخ یه این نظر

سعيد گفت :
سه شنبه ۸ مرداد ۱۳۹۲ و ساعت ۱۲:۱۸ ق.ظ

با سلام و سپاس از آموزش خوبتون
من تمام کد نویسی ها رو انجام دادم
فقط
دکمه توقف عمل نمیکنه
برا یه لحظه موزیک قطع میشه
اما دوباره شروع به پخش موزیک میکنه
ممنون میشم راهنمایی کنید

پاسخ یه این نظر

جواد در پاسخ گفت :
سه شنبه ۸ مرداد ۱۳۹۲ و ساعت ۱۲:۴۷ ق.ظ

به این دلیله که بعد زدن دکمه توقف stop تعریف نکردید
معمولن پروژه ای که ساخته می شه به صورت پیشفرض ۷۰ تا فریم داره و این ۷۰ تا به صورت لوپ شدست، یعنی وقتی به انتها برسه دوباره از اول شروع به پخش می شه . توی آموزش گفتم چه جوری از دستور stop استفاده کنید که پخش فلش اونجا متوقف بشه و مجدد لوپ نشه . به احتمال زیاد هم مشکلتون همینه که بعد لحظاتی دوباره پخش شروع می شه و فلشتون هنوز لوپه و متوقف نمی شه

پاسخ یه این نظر

سعيد در پاسخ گفت :
سه شنبه ۸ مرداد ۱۳۹۲ و ساعت ۱:۲۷ ق.ظ

مشکل حل شد جواد جان مرسی
من تمام تعریف ها رو انجام دادم (یعنی با آموزشی که داده بودید)

تو Scene پروژه شما ۲تا کد رو نوشته بودید
یکی مربوط به play
و دیگری مربوط به stop

من کد stop رو حذف کردم این کد :
onFrame (2) {
stop();
}

که مشکل حل شد و دکمه stop دقیق کار میکنه
بازم ممنون

پاسخ یه این نظر

mamad گفت :
چهارشنبه ۲۴ مهر ۱۳۹۲ و ساعت ۱۰:۴۱ ق.ظ

عزیز من رادیو رو ساختم 😀 کار زیادی نداشت یه پورت میخواست و یه سورس که بگردید پیدا میکنید

پاسخ یه این نظر

عـلیـــــرضــ ــا گفت :
سه شنبه ۲۶ آذر ۱۳۹۲ و ساعت ۱۲:۴۴ ق.ظ

خدا خیرت بده!!! نمی دونی چقد دنبال این بودم که ساخت پلیرو یاد بگیرم! آموزشت عالی بود. من انجامش دادم درست کار کرد. خیلی لطف کردی
ففط اگه بگی چجوری دکمه ی pause هم واسش درس کنم ممنون میشم

پاسخ یه این نظر

جواد در پاسخ گفت :
چهارشنبه ۲۷ آذر ۱۳۹۲ و ساعت ۲:۰۰ ب.ظ

دکمه ی پاز به صورت کد آماده توی سوییش مکس تعریف نشده ، ولی با چند خط کد می شه ساختش . اگه توی گوگل سرچ کنی نمونه کداش زیاده . مثل این : http://www.sourcegeek.net/2011/12/24/swishmax-playing-pause-music/

پاسخ یه این نظر

متین گفت :
پنج شنبه ۱ اسفند ۱۳۹۲ و ساعت ۱:۱۵ ب.ظ

سلام ممنون به خاطر اموزشتون اگه میشه یه اموزش واسه بک گراند متنم بزارین ممنون وتشکر

پاسخ یه این نظر

جواد در پاسخ گفت :
پنج شنبه ۱ اسفند ۱۳۹۲ و ساعت ۹:۵۸ ب.ظ

منظورتون از بکگراند متن چیه ؟ دقیقن متوجه نشدم :/

پاسخ یه این نظر

متین گفت :
پنج شنبه ۱ اسفند ۱۳۹۲ و ساعت ۱:۱۶ ب.ظ

یا لینکشو برام ایمیل کنید خیلی ممنون میشم باتشکر

پاسخ یه این نظر

متین گفت :
پنج شنبه ۱ اسفند ۱۳۹۲ و ساعت ۱:۱۸ ب.ظ

یا لینکشو برام ایمیل کنید خیلی ممنون میشم باتشکراز زحمات بی وقفتون

پاسخ یه این نظر

هادی گفت :
پنج شنبه ۱ اسفند ۱۳۹۲ و ساعت ۱۱:۴۲ ب.ظ

سلام
ممنونم از این آموزش
اگر ممکن است آموزش دستور دکمه Pause را هم بگویید
تشکر

پاسخ یه این نظر

جواد در پاسخ گفت :
یکشنبه ۴ اسفند ۱۳۹۲ و ساعت ۲:۲۹ ب.ظ

باشه اگه شد حتمن می نویسم :)

پاسخ یه این نظر

هادی گفت :
پنج شنبه ۱ اسفند ۱۳۹۲ و ساعت ۱۱:۵۹ ب.ظ

سلام
من از دکمه های آماده خود swish max استفاده کردم ولی اجازه نوشتن کد را نمی ده،چه کار کنم؟

پاسخ یه این نظر

جواد در پاسخ گفت :
یکشنبه ۴ اسفند ۱۳۹۲ و ساعت ۲:۳۰ ب.ظ

منظورت از دکمه های آماده چیه دقیقن ؟

پاسخ یه این نظر

هادی گفت :
دوشنبه ۵ اسفند ۱۳۹۲ و ساعت ۱:۰۵ ب.ظ

منظورم از دکمه های آماده اینه،عکسشو گرفتم اینجا ببینید:
http://namaz.asan-web.ir/SWiSH.jpg

پاسخ یه این نظر

جواد در پاسخ گفت :
پنج شنبه ۸ اسفند ۱۳۹۲ و ساعت ۱:۵۵ ق.ظ

هر دکمه یا گزینه ای از این قسمت انتخاب کنید توی قسمت script دارای یه label هست که باید توی اون قسمت کدهاش رو بنویسید

پاسخ یه این نظر

بهزاد گفت :
چهارشنبه ۲۷ آبان ۱۳۹۴ و ساعت ۱۰:۲۸ ق.ظ

سلام مرسی از آموزشهای مفیدتون عالی عالی بود

پاسخ یه این نظر

نظر بدهید
  • نام: ضروری
  • ایمیل: ضروری
  • وبسایت:
  • پارسی را پاس بدارید و نظراتتان را با خط زیبای پارسی بنویسید. اگر صفحه کلید پارسی ندارید از بهنویس استفاده کنید.
    اگر می خواهید تصویرتان به صورت آواتار در کنار نظرتان نمایش داده شود از گراواتار استفاده کنید.
    ایمیلتون رو توی کادر زیر وارد کنید و عضو خبرنامه ی جنتلمن بشید تا همیشه آخرین مطالب رو توی ایمیلتون بخونید :
    اگه نمی خواید از طریق ایمیل جنتلمن رو دنبال کنید راه های دیگه ای هم برای اشتراک هست !
    آرشیو ماهانه
    برچسب ها
    لینک های خوشمزه
  • برو بچه ها بلاگر
  • دوستای مجازی
    تبلیغ
  • مطالبی که می نویسم آزاد هستند و انعکاس آن از هر طریقی مشکلی ندارد!
    Jentelman.com . Made With In IRAN . 2010- 2017