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

http://wpaudioplayer.com/download

یا اینکه نسخه ای از آن را از لینک زیر دریافت نمائید:
دانلود WordPress Audio Player نسخه 2.0 حجم: کمتر از 20 کیلوبایت

امکانات پلیر WordPress Audio Player

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

نحوه استفاده از پلیر پخش آهنگ

برای استفاده از این پلیر و پخش آهنگ در وبلاگ یا سایت، پس از دانلود بسته برنامه از لینک های بالا، لازم است که دو فایل اصلی audio-player.js و player.swf را در یک سرویس دهنده آپلود کنید تا در وب قابل دسترسی باشند، دقت کنید برخی سایت ها از فرمت فلش (swf) به درستی پشتیبانی نمی کنند و در انتها به جای لینک مستقیم، لینک غیر مستقیم در اختیار کاربران قرار می دهند، برای اطمینان از صحیح بودن آپلود باید انتهای لینک دریافتی به swf ختم شود نه به html یا سایر موارد.
سپس فایل آهنگ خود را نیز با فرمت mp3 آپلود نمائید و مطابق الگوی زیر آدرس ها را جایگزین موارد پیش فرض کنید.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>وبگو | پلیر ساده و زیبای پخش آهنگ</title>

<script type="text/javascript" src="http://yoursite.com/music/audio-player.js"></script>
<script type="text/javascript">
AudioPlayer.setup("http://yoursite.com/music/player.swf", {
width: 290
});
</script>
</head>
<body>
<p id="audioplayer_1">متن جانشین</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_1", {soundFile: "http://yoursite.com/music/mp3_file.mp3"});
</script>
</body>
</html>

توضیح:
- همان طور که ملاحظه می کنید، ابتدا فایل audio-player.js را در بالای صفحه و بین تگ های head قرار می دهیم.
- سپس تکه کد مربوط به تنظیمات پلیر را نیز در زیر آن درج می کنیم.
- آنگاه در هر جای صفحه که بخواهیم پلیر پخش شود، تکه کد زیر را اضافه می کنیم.

<p id="audioplayer_1">متن جانشین</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_1", {soundFile: "http://yoursite.com/music/mp3_file.mp3"});
</script>

- آدرس کامل فایل mp3 باید جایگزین مقادیر پیش فرض http://yoursite.com/music/mp3_file.mp3 شود، به طور مثال این آدرس می تواند به صورت زیر باشد.

http://www.yoursite.com/my_mp3/new-world.mp3

به همین صورت فایل های audio-player.js و player.swf نیز باید با آدرس کامل و صحیح جایگزین شوند.

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

پس از وارد کردن فایل های مورد نیاز در صفحه، اکنون می توانید هر چند بار که بخواهید از پلیر استفاده نمائید، برای این کار کافی است قسمت های مربوط به id آن را تغییر دهید، به طور مثال دو کد زیر هر کدام یک آهنگ مختلف را پخش خواهند کرد.

<p id="audioplayer_1">متن جانشین</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_1", {soundFile: "http://yoursite.com/music/mp3_file.mp3"});
</script>
<p id="audioplayer_2">متن جانشین</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_2", {soundFile: "http://yoursite.com/music/mp3_file_2.mp3"});
</script>

پخش چند آهنگ با یک پلیر

پلیر حاضر علاوه بر پخش یک آهنگ، توانایی پخش چند آهنگ (در یک پلیر) را نیز دارد، بدین منظور کدهای خود را مطابق الگوی زیر ویرایش کنید.

<p id="audioplayer_1">متن جانشین</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_1",{
   soundFile: "http://yoursite.com/music/mp3_file_1.mp3,http://yoursite.com/music/mp3_file_2.mp3",
   titles: "Title 1,Title 2",
   artists: "Artist name 1,Artist name 2"
});
</script>

در این حالت دکمه های کوچک بعدی و قبلی (Next و Previous) نیز در پلیر در دسترس هستند.

تنظیمات WordPress Audio Player

یکی از نقاط قوت این پلیر، امکان سفارشی سازی و تنظیمات پیشرفته آن است، می توانید این تنظیمات را به طور کلی (در قسمت head و با متد setup) یا به صورت مجزا برای هر پلیر (با متد embed) انجام دهید، در مثال های زیر یک نمونه از این تنظیمات را ملاحظه می کنید.
اعمال تنظیمات در تگ head و با متد setup:

اعمال تنظیمات پلیر به صورت مجزا و با متد embed:

در زیر شرح برخی از پارامترهای قابل استفاده و کاربردی تنظیمات این پلیر را ذکر می کنیم.
- پارامتر autostart، برای شروع خودکار یا غیر فعال کردن شروع خودکار - با مقادیر yes یا no - مقادیر پیش فرض: no
- پارامتر loop، برای تعیین تکرار یا عدم تکرار پخش آهنگ - با مقادیر yes یا no - مقادیر پیش فرض: no
- پارامتر animation، اگر با مقدار yes تنظیم شود، پلیر همیشه در حالت باز خواهد بود - مقادیر پیش فرض: no
- پارامتر remaining، برای تعیین نحوه محاسبه و نمایش زمان سپری شده یا باقی مانده - با مقادیر yes یا no - مقادیر پیش فرض: no
- پارامتر noinfo، اگر با مقدار yes تنظیم شود، اطلاعات مربوط به فایل mp3 نشان داده نمی شود - مقادیر پیش فرض: no
- پارامتر initialvolume، میزان بلندی صدای پلیر را تنظیم می کند - از عدد 0 تا 100 - مقادیر پیش فرض 60
- پارامتر buffer، برای تعیین مدت زمان آهنگی که از پیش در حافظه بارگذاری می شود - با مقادیر ثانیه - مقادیر پیش فرض: 5
- پارامتر rtl، برای تعیین جهت نمایش پلیر به صورت از راست به چپ، به طور مثال برای زبان فارسی - مقادیر پیش فرض: ltr
- پارامتر width، اندازه عرض پلیر به پیکسل (یا در صد، به طور مثال %100) را مشخص می کند - مقادیر پیش فرض: 290
- پارامتر transparentpagebg، برای تعیین حالت شفاف پس زمینه پلیر (پس زمینه پلیر به رنگ پس زمینه صفحه، نمایش داده می شود) - با مقادیر yes یا no - مقادیر پیش فرض: no
- پارامتر bg، رنگ پس زمینه پلیر که با کدهای هگز مشخص می شود - مقادیر پیش فرض: E5E5E5
- پارامتر leftbg، رنگ پس زمینه علامت بلندگو و دکمه افزایش و کاهش صدا - مقادیر پیش فرض: CCCCCC
- پارامتر lefticon، رنگ آیکن بلندگو - مقادیر پیش فرض: 333333
- پارامتر voltrack، رنگ داخلی دکمه افزایش و کاهش صدا - مقادیر پیش فرض: F2F2F2
- پارامتر volslider، رنگ خارجی دکمه افزایش و کاهش صدا - مقادیر پیش فرض: 666666
- پارامتر rightbg، رنگ پس زمینه دکمه پخش و مکث - مقادیر پیش فرض: B4B4B4
- پارامتر rightbghover، رنگ پس زمینه دکمه پخش و مکث در حالت فعال (hover) - مقادیر پیش فرض: 999999
- پارامتر righticon، رنگ آیکن پخش و مکث - مقادیر پیش فرض: 333333
- پارامتر righticonhover، رنگ آیکن پخش و مکث در حالت فعال (hover) - مقادیر پیش فرض: FFFFFF
- پارامتر loader، رنگ نوار بارگذاری - مقادیر پیش فرض: 009900
- پارامتر track، رنگ پس زمینه داخلی - مقادیر پیش فرض: FFFFFF
- پارامتر tracker، رنگ نوار پردازش - مقادیر پیش فرض: DDDDDD
- پارامتر border، رنگ خط نوار پردازش - مقادیر پیش فرض: CCCCCC
- پارامتر skip، رنگ دکمه بعدی و قبلی - مقادیر پیش فرض: 666666
- پارامتر text، رنگ متن - مقادیر پیش فرض: 333333
نکته: مقادیر مربوط به رنگ بندی عناصر پلیر با کدهای هگز به صورت 6 کاراکتری و بدون علامت # باید تنظیم شوند.