پنج شنبه , شهریور 2 1396
خانه / اسکریپت / اسکریپت موزیک / موزیک پلیر جی کوئری

موزیک پلیر جی کوئری

بعد مدت ها براتون یه موزیک پلیر دیگه قرار دادیم

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

در ادامه مطلب به شما نحوه استفاده از اون رو نشون میدیم

music-player

برای استفاده از این اسکریپت کار خاصی نیاز نیست فقط برای افزودن آهنگ به لیست به پوشه demo و سپس پوشه js میرین و فایل myplaylist.js رو با notepad باز میکنید

و همونطور که متوجه شدین برای اضافه کردن آهنگ ،این کد ها رو کپی میکنیم و زیر همون کدها پیست میکنیم

این کامل کد هست

var myPlaylist = [

{
mp3:'mix/Gham_o_Shadi.mp3',
oga:'mix/Gham_o_Shadi.ogg',
title:'غم و شادی',
artist:'چاووشی',
rating:4,
duration:'5:07',
cover:'mix/Haris.jpg'
},
{
mp3:'mix/Haris.mp3',
oga:'mix/Haris.ogg',
title:'حریص',
artist:'چاووشی',
rating:4,
duration:'3:49',
cover:'mix/Haris.jpg'
}
];

واین هم بعد از اضافه کردن کد آهنگ جدید

var myPlaylist = [

{
mp3:'mix/Gham_o_Shadi.mp3',
oga:'mix/Gham_o_Shadi.ogg',
title:'غم و شادی',
artist:'چاووشی',
rating:4,
duration:'5:07',
cover:'mix/Haris.jpg'
},
{
mp3:'mix/Haris.mp3',
oga:'mix/Haris.ogg',
title:'حریص',
artist:'چاووشی',
rating:4,
duration:'3:49',
cover:'mix/Haris.jpg'
},
{
mp3:'mix/test.mp3',
oga:'mix/test.ogg',
title:'تست',
artist:'تست',
rating:4,
duration:'5:00',
cover:'mix/test.jpg'
}
];

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

و زیاد شدن حجم اسکریپت هم به خاطر حجم زیاد آهنگ هاست

امیدوارم به کارتون بیاد

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

درباره ی مرتضی لطفی نژاد

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

مطلب پیشنهادی

دکمه های اشتراک گذاری انعطاف پذیر

امروز براتون دکمه های اشتراک گذاری انعطاف پذیری رو آماده کردیم که با جی کوئری …

25 دیدگاه

  1. با سلام خدمت شما داداش عزیز و گرامی عالی هستین به خدا قسم دستتون درد نکه

  2. sasan
    برادر گرامی این همه کد نوشتی اینکه پخش نمیکنه فقط دانلود میده خب اینو یه تگ خالی embeded هم انجام میده نیازی نبود شما زحمت بکشی یه خروار کد الکی بنویسی نگاه کن ببین اصلا فایل خودت روسایتت پخش میشه نه . پخش که نمیشه.

    • مرتضی لطفی نژاد

      سلام دوست عزیز
      من خودم این کد رو در کامپیوترهای مختلفی مشاهده کردم و در بعضی مرور گرهای قدیمی فقط لینک آهنگ رو برای دانلود می داد
      که این مشکل از کد نیست مشکل از مرورگرتون هست که بروز نیست من ویندوزم 8 و از مرورگر فایرفاکس ورژن 24 استفاده میکنم و هیچ مشکلی ندارم
      البته ویندوز در این قضیه مهم نیست بیشتر ورژن مرور گر مهم هست اگر چیزایی که گفتم رو رعایت کرده باشید و بازم مشکل داره با من تماس بگیرید
      من در خدمت شمام
      با تشکر از نظرتون

  3. قشنگه فقط کاش این دو آهنگ چاووشی رو در سایت آماده قرار نمیدادین ممکنه ناشر یا خواننده راضی نباشه

  4. داداشی خیلی عالیه اما کاش یکمی ارتقا بدی این اسکریپ رو، مثلا محل جستجو آلبوم ها این بار اضافه بشه بهش حرف نداره

    • مرتضی لطفی نژاد

      ممنونم، واقعیت وقت برای ارتقا نداریم، متاسفانه تیم درگیر پروژه های مختلفی هست اما در ساعات آزاد سعی میکنیم این کار رو حتما انجام بدیم

  5. دوست من عالیه اما این فقط رو مرورگر فایرفوکس با نسخه 27 پاسخگو نیست مابقی عین آینه جواب میده >
    چطور میتونم کنترل ولوم بهش اضافه کنم ؟
    و اینکه میشه با کدوم کد این پلیر اینو به فوتر یا هدر چتروم اضافه کنم ؟

    • مرتضی لطفی نژاد

      در مرورگر 27 هم تست شد و جواب میده
      متاسفانه کدی برای کنترل ولوم وجود نداره و برای اضافه کردن به فوتر کافیه کد رو در مکان مورد نظر خودتون در فوتر کپی پیست کنید و این لازم به کمی دانش html هست
      موفق باشید

  6. سلام علیکم بابت این اسکریپت خوبتون ممنون

    بنده دنبال اسکریپت رو به رو میباشم >>> http://forum-fatemion.ir/nava/

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

    چون احتیاج زیاد دارم به این هک / کمک نمایید

  7. ببخشید بعد از تغییرات لازم چیو آپلود کنیم؟

  8. سلام آقا مرتضی.میشه یه نگاه هی به http://besharatiha.ir/page/1212 بندازید..هر کاری میکنم پلیر بالا نمیاد همه ی کار ها رو هم درست انجام دادم
    ممنون

    • مرتضی لطفی نژاد

      با سلام
      ببخشیذ از تاخیری که در پاسخ به نظرتون بوجود اومد
      برای این کار باید به هاستتون دسترسی داشته باشم
      اگر مایل باشین در همین قسمت بهم بگین تا خصوصی با شما صحبت کنم
      موفق باشین

  9. سلام..ببخشید بابت تاخیر.من هاست خاصی ندارم در یکی از سایت هایی که آدرس مستقیم میدن عضو شدم..

  10. عرض سلام و وقت بخیر.
    با عرض پوزش؛ چطور میشه این پلیر را در وبلاگ درج کرد؟
    می خوام در قسمت پست های وبلاگم قرار بگیره.
    خیلی جستجو کردم اما جواب کاملی نگرفتم؛ نهایتا مزاحم خودتون شدم.
    با تشکر.

    • مرتضی لطفی نژاد

      با سلام
      برای اینکار باید ابتدا فایل هاتون رو درون یه هاست آپلود کنید
      یا می تونید از لینک درون دمو استفاده کنید و لازم به دوباره این کار نباشه
      و سپس کدها رو در قالب وبلاگ خودتون کپی کرده و نتیجش رو ببینید
      و برای راحتی کارتون کد های اصلی که استایل ها و کتابخونه های جی کوئری رو فراخوانی میکنه من براتون تبدیل کردم و بقیش لازمه کدها رو کپی کنید به همین سادگی
      به جای کدهای زیر:

      <link rel="stylesheet" type="text/css" href="../plugin/css/style.css">
          <link rel="stylesheet" type="text/css" href="css/demo.css">
          <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
          <script type="text/javascript" src="../plugin/jquery-jplayer/jquery.jplayer.js"></script>
          <script type="text/javascript" src="../plugin/ttw-music-player-min.js"></script>
          <script type="text/javascript" src="js/myplaylist.js"></script>

      کدهای زیر رو جایگزین کنید:

      <link rel="stylesheet" type="text/css" href="http://farsscript.ir/demo/music-player/plugin/css/style.css">
          <link rel="stylesheet" type="text/css" href="http://farsscript.ir/demo/music-player/demo/css/demo.css">
          <script type="text/javascript" src="http://farsscript.ir/demo/music-player/demo/js/jquery-1.6.1.min.js"></script>
          <script type="text/javascript" src="http://farsscript.ir/demo/music-player/plugin/jquery-jplayer/jquery.jplayer.js"></script>
          <script type="text/javascript" src="http://farsscript.ir/demo/music-player/plugin/ttw-music-player-min.js"></script>
          <script type="text/javascript" src="http://farsscript.ir/demo/music-player/demo/js/myplaylist.js"></script>

      آخرین نکته هم اینه که فایل آخر یعنی myplaylist.js شامل لیست پخش آهنگها هست و اگه بخواین آهنگ های خودتون رو بزارین باید تغییرش بدین و در یک سایت آپلود کنید و لینکش رو جایگزین کنید
      موفق باشین

  11. مرتضی لطفی نژاد

    دانلود کنید و طبق توضیحات آهنگ مورد نظرتون رو اضافه کنید
    موفق باشین

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

به خانواده بزرگ فارس اسکریپت بپیوندید

با عضویت در سایت فارس اسکریپت به مطالب بروز کسب درآمد از طراحی صفحات وب و طراحی قالب دست خواهید یافت

Powered by themekiller.com