موزیک پلیر تحت وب , سبک و حرفه ای

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

پیش نمایش این موزیک پلیر رو میتونید از اینجا ببینید. کافیه یه فایل mp3 رو توی موزیک پلیر بندازید تا اجرا بشه. (درگ و دراپ کنید).

قابلیت های این موزیک پلیر به صورت زیر است:

  1. قابلیت اجرای فایل کوزیک بدون اپلود در کامپیوتر کاربر
  2. نمایش ارتعاشات صدا
  3. قابلیت ایجاد لیست موزیک برای پخش
  4. قابلیت ریپیت Repeat و شافل Shuffle
  5. دیزاین رسپانسیو
  6. نمایش تصویر البوم موزیک بر روی صفحه
  7. قابلیت کنترل کامل موزیک
  8. و …

میتونید این موزیک پلیر رو از انتهای این پست دانلود کنید همچنین منابع زیر رو برای کار کردن حرفه ای با صدا تحت وب میزارم که ممکنه بدرد دوستان عزیز بخوره

۱ – پلاگین تشخیص اکولایزر صدا و رسم نوسانات صدا تحت وب

۲ – پلاگین دریافت صدا توسط میکروفن تحت وب

۳ – پلاگین اکوالیزر (تنظیم باس و جزییات صدا) تحت وب

۴ – پلاگین تنظیم چنل خروجی صدا از بلندگوها تحت وب (مثلا صدا فقط از بلندگوی سمت راست بیاد)

۵ – استفاده از مدیا المنت همراه با wave surfer تحت وب

۶ – اجرای فایل صوتی شما و برگرداندن ارتعاشات صدا به صورت ابجکت جاوا اسکریپتی + رسم نمودار ارتعاشات صدا (برای ایجاد نرم افزارهای انالیز صدا خیلی بدرد میخوره)

تصویر موزیک پلیر ما به صورت زیر خواهد بود: شما میتونید این موزیک پلیر رو از انتهای این پست دانلود کنید.

web-music-player-with-equalizer

برای کارکردن موزیک پلیر باید یه اهنگ رو توش درگ دراپ کنید. اگه میخواید که به طور پیش فرض یه اهنگ با باز شدن صفحه پخش بشه میتونید به صورت زیر عمل کنید:

فایل مربوط به موزیک پلیر همچنین پلاگین هایی که در لیست بالا ذکر شد رو در انتهای پست برای دانلود قرار دادم.

 میتونید فایل script.js همراه موجود در موزیک پلیر رو نگاه کنید و با توجه به نیاز خودتون تغییر بدید. اگه سوالی داشتید از بخش نظرات بپرسید.

موزیک پلیر حرفه ای همراه با رسم ارتعاشات صدا
588.5 KiB
36 Downloads
اطلاعات بیشتر
آنالیز فایل های صوتی در وب
آنالیز فایل های صوتی در وب
wavesurfer.js-web sound analyzer.zip
Version: 1.1
3.7 MiB
25 Downloads
اطلاعات بیشتر
به اشتراک بگذارید:Email this to someoneShare on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInPin on PinterestShare on StumbleUponFlattr the authorShare on RedditBuffer this pageShare on TumblrPrint this pageShare on YummlyShare on VK
  1. برای نوتیفیکیشن تحت وب هم از همچین چیزی میشه استفاده کرد یا نه؟

    منظورم چیزی شبیه نوتیفیکیشن چت فیسبوک هست که وقتی مسیج میاد ی صدا پخش میشه.

    • سلام شما باید از API های مربوط به کنترل video و audio در html5 استفاده کنید. به زودی یک آموزش در این مورد خواهم نوشت. موفق باشید.

  2. ببخشید … امکانش هست موزیک هارو از دیتابیس لود کنه ؟ یا فقط باید کاربر موزیک مورد نظرشو بندازه داخل مرورگر و برنامه پخشش کنه ؟

    • بعله امکانش وجود داره که ادرس یک موزیک از دیتابیس گرفته بشه و برنامه از ادرس موزیک استفاده کنه و اون رو پخش کنه.

  3. کجاش رو باید تغییر داد تا از ی لینک که از قبل بهش دادیم موزیک پخش بشه؟

    • تابعی که موقع درگ و دراپ کردن فایل موزیک به درون مرورگر فعال میشه و موزیک رو اجرا میکنه رو میتونید بنا به نیاز خودتون تغییر بدید و یه دکمه بزارید وقتی روی اون کلیک شد این تابع اجرا بشه و فایل مورد نظر شما اجرا بشه!

  4. تو سایت سازندنش همین سوال من مطرح شده البته شبیهش ولی واسه من دقیق کار نکرد
    به هر حال ممنون

می‌خواهید دیدگاهتان را بیان کنید؟