پخش فایل صوتی در وردپرس با Html5 Audio Player

پخش فایل صوتی در وردپرس
پخش فایل صوتی در وردپرس

به جرات می‌توان گفت از گذشته تا به امروز يكی از مهمترين دغدغه‌های هر وردپرس كاری داشتن يك پخش كننده فايل‌های صوتی حرفه‌ای در سايت است. البته در عناصر چند رسانه‌ای سيستم مديريت محتوای وردپرس به طور پيش‌فرض، پخش كننده فايل‌های صوتی وجود دارد كه چندان حرفه‌ای به نظر نمي‌رسد. بنابراين ما در اين مقاله از هميار وردپرس قصد داريم به شما يكی از بهترين افزونه‌های پخش فایل صوتی در وردپرس را معرفی كنيم تا به كمك آن بتوانيد به بهترين شكل فايل‌های صوتی و موزيك خود را پخش نماييد. حتما تا انتهای اين مقاله با ما همراه باشيد.

پخش فایل صوتی در وردپرس

آنچه در این مقاله به اختصار خواهید خواند:

  • معرفی افزونه Html5 Audio Player
  • نحوه کار با افزونه Html5 Audio Player

معرفی افزونه Html5 Audio Player

افزونه Html5 Audio Player يكي از بهترين و حرفه‌ای ترين افزونه‌های پخش فايل صوتی در وردپرس است كه داراي بيش از 10 هزار نصب فعال بوده و برای نسخه وردپرس 5 و بالاتر مناسب است. شما با نصب اين افزونه قادر به پخش فايلهای صوتی با فرمت‌های مختلف از قبيل .ogg ، .wav و mp3 خواهيد بود. همچنين Html5 Audio Player يكي از بهترين افزونه پخش موزیک در وردپرس است كه با تمامی پلتفرم‌ها مانند تبلت‌ها و گوشي‌های تلفن همراه كاملا سازگاری دارد.

افزونه Html5 Audio Player برای پخش فایل صوتی در وردپرس
افزونه Html5 Audio Player

از ويژگي‌های اين افزونه می‌توان به موارد زير اشاره كرد:

  • رابط کاربری آسان و سریع
  • امكان قراردادن پخش‌كننده صوتی در بخش‌های مختلف سايت مانند نوشته‌ها، برگه‌ها و ويجت‌ها
  • ابعاد و فضای کمی از شما می‌گیرد بنابراین بخش کوچکی از سایت شما را اشغال خواهد کرد.
  • دارای کد کوتاه برای قرار دادن در هر قسمت از صفحات سایت
  • قابلیت پشتیبانی از حالت playsinline
  • درای دکمه‌های کنترل پخش
  • قابلیت دانلود فایل‌های صوتی توسط کاربران
  • سازگاری کامل با انواع گوشی‌های تلفن همراه(اندروید و IOS) و تبلت‌ها
  • سازگاری با همه مرورگرهای IE7, IE8, IE9, Safari, Firefox, Chrome
  • حجم بسیاری کمی را اشغال می‌کند
  • یکی از قوی‌ترین افزونه پخش موزیک در وردپرس است
  • و …

نحوه کار با افزونه Html5 Audio Player

در ابتدای کار همانند دیگر افزونه‌های وردپرسی باید این افزونه را نصب و فعالسازی کنید.

برای نصب و فعالسازی این افزونه به انتهای مقاله بروید و آن را دانلود کرده و سپس در بخش افزونه‌های سایتتان بارگذاری کنید و یا اینکه می‌توانید به بخش افزونه‌ها و قسمت افزودن در پیشخوان وردپرس بروید و این افزونه را نصب و فعال سازی کنید.

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

بعد از نصب و فعالسازی افزونه مطابق شکل زیر، بخشی به نام Html5 Audio Player به پیشخوان وردپرس‌تان افزوده خواهد شد.

منوی تنظیمات Html5 Audio Player
منوی تنظیمات Html5 Audio Player

حال برای ساخت اولین پخش‌کننده فایل صوتی‌تان در سایت مطابق آنجه که در شکل زیر مشاهده می‌کنید به بخش ” Add Audio Player ” افزونه مراجعه کنید.

ساخت پخش‌کننده فایل صوتی‌
ساخت پخش‌کننده فایل صوتی‌

همانطور که در تصویر بالا مشاهده‌ می‌کنید، 6 قسمت برای ساخت عنصر پخش فایل صوتی در وردپرس برای این افزونه وجود دارد که در ادامه تمامی این بخش‌ها معرفی خواهیم کرد.

  • قسمت اول – عنوان : در این قسمت باید یک نام برای پخش کننده فایل صوتی خود انتخاب کنید.
  • قسمت دوم – Upload audio: این قسمت مربوط به بارگذاری فایل صوتی موردنظرتان است که باید با کلیک بر روی دکمه Add or Upload File آن را انتخاب نمایید.
  • قسمت سوم – Repeat: در اینجا باید انتخاب کنید که آیا تمایل دارید فایل صوتی به طور مکرر پخش شود یا فقط باید یکبار پخش شود؟
  • قسمت چهارم – Muted: در این قسمت با زدن تیک می‌توانید تعیین کنید که آیا به طور پیش‌فرض با بارگذاری صفحه، صدای فایل صوتی قطع باشد یا خیر؟
  • قسمت پنجم – Auto Play: در این قسمت می‌توانید تعیین نمایید که آیا به طور پیش‌فرض با بارگذاری صفحه، فایل نیز پخش شود یا خیر؟
  • قسمت ششم – Player width: در این بخش باید تعیین کنید که ابعاد پخش کننده چقدر باشد. این ابعاد بر حسب پیکسل می‌باشد. اگر می‌خواهید پخش‌کننده فایل صوتی شما در سایتتان دارای خاصیت واکنشگرا (RESPONSIVE) باشد، بهتر است بگذارید این قسمت رو حالت پیش‌فرض یعنی “None” باقی بماند و آن را تغییر ندهید.

بعد وارد کردن تنظیمات دلخواه مربوط به این 6 قسمت، بر روی دکمه “Save” که در سمت چپ صفحه قرار دارد بزنید، تا تنظیمات ذخیره شود.

بعد از ذخیره تنطیمات مطابق شکل زیر، به بخش اول افزونه یعنی Html5 Audio Player بازگردید. در آنجا پخش‌کننده‌ای که ساخته‌اید را مشاهده خواهید نمود.

پخش کننده‌های صوتی ساخته شده در وردپرس
پخش کننده‌های صوتی ساخته شده در وردپرس

حال باید کدکوتاهی که مربوط به این پخش‌کننده است و در تصویر بالا مشاهده‌ می‌نمایید را کپی کرده و در هر قسمت از سایتتان که تمایل دارید پخش‌کننده قرار بگیرد، جایگذاری کنید.

همانطور که در تصویر بالا می‌بینید کد کوتاه پخش کننده‌ای که ما آن را ساخته ایم، [player id=786] می‌باشد که برای شما متفاوت خواهد بود. این کد کوتاه را در یکی از نوشته‌های سایت قرار می‌دهیم که نتیجه مطابق شکل زیر شده است:

نتیجه نهایی افزونه Html5 Audio Player
نتیجه نهایی افزونه Html5 Audio Player

افزونه پخش موزیک در وردپرس

همانطور که در ابتدای این مقاله آموزشی اشاره کردیم، از سالهای گذشته تا به امروز يكي از مهمترين چالش‌هاي هر طراحی سایتی در وردپرس داشتن يك پخش كننده فايل‌هاي صوتي حرفه‌اي است. البته در عناصر چند رسانه‌اي سيستم مديريت محتواي وردپرس به طور پيش‌فرض، پخش كننده فايلهاي صوتي وجود دارد كه چندان حرفه‌اي به نظر نمي‌رسد. به همین خاطر در این آموزش به شما به طور کامل یاد دادیم که چگونه یک پخش‌کننده فایل صوتی حرفه‌ای داشته باشید.

ضمنا افزونه پخش موزیک در وردپرس Html5 Audio Player یکی از بهترین افزونه‌هایی می‌باشد که برای پخش موسیقی‌ در سایت شما کارایی خوبی خواهد داشت و کاربران شما نیز از کار با آن لذت خواهند برد. در نهایت از توجه شما به این مقاله سپاسگزاریم. لطفا سوالات و نظرات خود را در بخش دیدگاه‌ها با ما به اشتراک بگذارید.

دانلود افزونه Html5 Audio Player

صفحه افزونه
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

397,446 نفر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 7 ماه عضو همیار وردپرس

    سلامم .ههمه چیش عالیه فقط دکمه ی پلی دیده نمیشه سفید هست
    راهی هست تغییر رنگ و طرح بدیم ؟

  2. 3 سال عضو همیار وردپرس

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

  3. 5 سال عضو همیار وردپرس

    سلام خسته نباشید
    یه سوال دارم
    میخواستم بدونم چطوری میشه لینک های دانلود رو مثل عکس زیر درست کنم
    http://s9.picofile.com/file/8325527518/Screenshot_37_.png

    تشکر

  4. خیلی خوبه ولی یه سوال پیش میاد
    اینکه ” چجوری این پخش کننده تو قالب سایت ظاهر میشه ؟

    • 8 سال عضو همیار وردپرس

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

  5. سلام : فايل صوتي دارم زير 2 مگا حجم اما در ورد پرس اپالود نميشه با اين نرم افزار هم نشد ميگه به دلايل امنيتي از اين نوع فايل نميشه

  6. سلام و خسته نباشید
    من در هنگام آپلود این افزونه با مشکل مواجه شدم. خطایی که گرفته شد این بود که حجم فایل بیش از حد مورد نظر هست. ممنون میشم بگید مشکل از چه بخشیه.

  7. 5 سال عضو همیار وردپرس

    سلام . کد php این افزونه برای قرار دادن در صفحه اصلی سایت و جای دلخواه چی می باشد ؟

  8. سلام من نصب کردم ولی به رسانه من اضافه نمیشه این افزونه

  9. سلام آیا افزونه ای هست که فایل صوتی رو جای دیگه آپلود کنیم و فقط لینک بهش بدیم و اون و اجرا کنه؟

  10. سلام خانم کوهستانی
    ببخشید من چطور میتونم همچین پلیری داشته باشم برای صوت و تصویری هام
    یه نگاه بی زحمت به این سایت بندازید
    پلیر صوتشون حرف نداره من چطور میتونم همچین چیزی داشته باشم
    فکر بکنم فلش باشه پلیرش طوری هست که پخش کننده ثابت هست و روی هر دکمه ی پخشی که کلیک میکنیم همون جا پخش میشه

  11. با سلام
    وقت بخیر
    متاسفانه نتوانستم این پلاگین را دانلود کنم. در واقع بعذ از زدن دکمه دانلود با صفحه ارور مواجه میشم.
    اگه ممکنه برام ارسالش کنید.
    با تشکر
    [email protected]

  12. سلام
    خسته نباشید
    برای سایتم مشکلی پیش اومده
    هرچی فایل صوتی به هر نحوی میذارم واسه نمایش اجرا نمیشه
    حتی لینک پیدا نمیشه
    مشکل از کجاست؟؟

    • 8 سال عضو همیار وردپرس

      سلام
      یعنی به تازگی چنین مشکلی پیش اومده ؟
      افزونه رو بروز کنید

    • آره
      ولی هیچ جوری اجرا نمیشه
      حتی بدون افزونه
      مشکل از افزونه نیست مطمئنا
      ممنون میشم اگه راهنمایی کنید
      میتونید این لینک رو چک کنید
      http://beytolhojah.ir/2016/04/%D8%B4%D8%A8-%D8%B3%D9%88%D9%85-%D9%81%D8%A7%D8%B7%D9%85%DB%8C%D9%87-%DB%B9%DB%B4/

    • سلام من این افزونه رو برای سایتم دان کردم … همه مراحل رو هم انجام میدم ولی موقه پلی کردن میکه مسیر فایل رو پیدا نمیکنه… در ضمن بروزرسانیش رو هم انجام دادم

  13. چرا وقتی سوال میکنیم از شما به جای جواب دادن کامنت رو پاک می کنید ؟
    این مورد شما در چند پست دیگه ام صورت گرفته
    چرا جواب گو نیستید ؟

    • 8 سال عضو همیار وردپرس

      سلام
      کسی سوالی رو حذف نمیکنه مگر خلاف قوانین و شامل جملات توهین آمیز باشه.
      سوال شما چی بوده که فکر میکنید حذف شده ؟

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

    • خخخخخ بازم جواب ندادن

    • 8 سال عضو همیار وردپرس

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

  14. 6 سال عضو همیار وردپرس

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

  15. سلام.من افزونه نصب کردم اما فقط پخش آنلاین میشه روی متن لینک هم کلیک میکنه بازم پخش آنلاین میذاره حتی تنظیمات دانلود هم اثری نداشته لطفا توضیح بدید مشکل از کجاست؟

    • 8 سال عضو همیار وردپرس

      سلام
      مگه نباید پخش آنلاین بشه ؟ درخواست شما از افزونه چی هست ؟

  16. سلام.
    خیلی ممنون بابت مطلبی که گذاشتین. در واقع یکی از کسایی که پیشنهاد داده بود من بودم. ولی بازم اون چیزی که میخوام نیست. من پلیری میخوام که کار
    http://pichak.net/blogcod/cod-music/
    اینو انجام بده. ولی افزونه باشه و دیگه مجبور نباشم برای هر مطلب یک کد بسازم.
    ممنون میشم اگه افزونه ای هست معرفی کنید.

    • ممنون. دیگه احتیاجی نیست. قالب جدیدی نصب کردم که این امکان رو خودش داره. مرسی بابت مطالبتون

  17. سلام.من سایت مداحی دارم مثلا تو هر پست چند مداحی به صورت همزمان میخوام پلیرشون باشه که هر کدوم خواستن پخش کنن این افزونه خوبه برای این کار و ویژگی رو داره؟

    • 8 سال عضو همیار وردپرس

      سلام
      بله میشه

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

  18. بسیار عالی بود، ممنون بابت به اشتراک گذاری

دوره‌های آموزشی