اخبار سایت

پخش فایل صوتی در وردپرس با 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

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

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

 

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








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

نوشته های مشابه

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

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

سیزده − 5 =

همچنین ببینید
بستن
دکمه بازگشت به بالا
WhatsApp chat