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

همان طور که می دانیم برای درج آهنگ در وب (وبلاگ و سایت) روش های گوناگونی وجود دارد، از کدهای ساده html و مدیا پلیر ویندوز گرفته تا پلیرهای مبتنی بر جاوا اسکریپت و فلش پلیر که در مطالب گذشته در این خصوص صحبت کرده ایم، اما به جهت استقبال کاربران و درخواست معرفی پلیرهای متفاوت تر، بر آن شدیم تا یک پلیر ساده ولی زیبا و قدرتمند دیگر را به همراه آموزش روش استفاده از آن منتشر کنیم، این پلیر در اصل پلاگینی برای سیستم مدیریت محتوای وردپرس (WordPress Audio Player) بوده که نسخه فعلی ویرایش مستقلی (Standalone) از آن است، یعنی می توانید در هر وبلاگ یا سایتی از آن استفاده کنید.
دانلود WordPress Audio Player
قبل از پرداختن به ادامه آموزش، ابتدا باید نسخه ای از برنامه را از لینک های زیر دریافت کنید، برای دانلود این پلیر می توانید به طور مستقیم به سایت سازنده مراجعه کنید:
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>
<!-- https://webgoo.ir -->
<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:
<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,
initialvolume: 100,
transparentpagebg: "yes",
left: "000000",
lefticon: "FFFFFF"
});
</script>
اعمال تنظیمات پلیر به صورت مجزا و با متد embed:<script type="text/javascript">
AudioPlayer.embed("audioplayer_1",{
soundFile: "http://yoursite.com/music/mp3_file.mp3",
titles: "Title",
artists: "Artist name",
autostart: "yes"
});
</script>
در زیر شرح برخی از پارامترهای قابل استفاده و کاربردی تنظیمات این پلیر را ذکر می کنیم.- پارامتر 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 کاراکتری و بدون علامت # باید تنظیم شوند.
دسته بندی: مهارتهای وب » وبلاگ نویسی
برچسب ها: وبلاگ نویسی

نحوه قرار دادن فاوآیکن (Favicon) در نوار آدرس سایت و وبلاگ
پاسخ به سوالات و حل مشکلات وبلاگ نویسان
آنچه برای شروع طراحی قالب یک وبلاگ باید بدانیم
اشتباهات رایج در وبلاگ نویسی غیر حرفه ای!
نحوه درج تصویر در وبلاگ و سایت
دیدگاه


Majid
۱۷:۲۳ ۱۳۹۲/۰۵/۱۶
در ابتدا از سایت خوبتون تشکر می کنم
من توی کامپیوتر خودم از این پلیر بدون مشکل استفاده کردم ولی وقتی که توی سایت آپلود کردم با کلیک برای پخش آهنگ پنجره IDM برای دانلود باز میشه و آهنگ رو دانلود میکنه!
من توی کامپیوتر خودم از این پلیر بدون مشکل استفاده کردم ولی وقتی که توی سایت آپلود کردم با کلیک برای پخش آهنگ پنجره IDM برای دانلود باز میشه و آهنگ رو دانلود میکنه!
لینک دانلود شما به چه فرمتی ختم می شود؟
شهاب
۱۵:۰۸ ۱۳۹۲/۰۴/۱۹
سلام
این یعنی من و شما یه پلیر فوق العاده درست کردیم؟
این برای من خیلی مهم بود
به خودم از جانب شما تبریک میگم!
دمه شما هم گرم
فقط یه مشکل اینجا میمونه اونم استفاده زیاد از این پلیر هستش
مثلا من اگه بخوام در روز 20 بار از این پلیر استفاده کنم یکم وقت زیادی میگیره
به این پست برید
به نظر شما ما میتونیم استارت این طرح رو بزنیم؟
این یعنی من و شما یه پلیر فوق العاده درست کردیم؟
این برای من خیلی مهم بود
به خودم از جانب شما تبریک میگم!
دمه شما هم گرم
فقط یه مشکل اینجا میمونه اونم استفاده زیاد از این پلیر هستش
مثلا من اگه بخوام در روز 20 بار از این پلیر استفاده کنم یکم وقت زیادی میگیره
به این پست برید
http://maxtools.mihanblog.com/post/514
ایشون نرم افزاری خوبی طراحی کردن که یه بخشش مربوط به پخش موزیک با پلیر در وبلاگ هستش اشکالش اینه که این پلیر همانند پلیر ما زیبا نیست اگه میتونستیم یه همچین برنامه ای بنویسیم متناسب با پلیر ما مشکل وقت حل میشدبه نظر شما ما میتونیم استارت این طرح رو بزنیم؟
سلام
دوست گرامی خوشحالیم که مشکل شما حل شد، اما پلیر را یک بنده خدای دیگری زحمت کشیده و نوشته است، صرف برداشتن کد را نباید به حساب ساختن پلیر گذاشت!
در مورد ساختن ابزار، متاسفانه فرصتی برای اینگونه موارد در اختیار نداریم، شاید سایت هایی که در زمینه ارائه ابزار وب فعالیت می کنند، گزینه مناسب تری باشند.
دوست گرامی خوشحالیم که مشکل شما حل شد، اما پلیر را یک بنده خدای دیگری زحمت کشیده و نوشته است، صرف برداشتن کد را نباید به حساب ساختن پلیر گذاشت!
در مورد ساختن ابزار، متاسفانه فرصتی برای اینگونه موارد در اختیار نداریم، شاید سایت هایی که در زمینه ارائه ابزار وب فعالیت می کنند، گزینه مناسب تری باشند.
شهاب
۰۲:۲۳ ۱۳۹۲/۰۴/۱۹
داداش راستش من یه چیزهای کمی سرم میشه خیلی کم از سایت اصلی فایل js رو پیدا کردم هم فایل swf و بعد کدهایی بالا رو هم پیدا کردم و همه رو کنار هم گذاشتم و دیدم پلیر کار میکنه بعدش هم فایل js , swf رو حذف کردم و فقط از کدهای بالا استفاده کردم دیدم بازم کار میکنه همون طور که شما گفتید مثل اینکه این پلیر تنها با swf هم کار میکنه
حالا سوال اولم اینجاست یعنی میشه بدون فایل js پلیری کار کنه؟
و در نهایت با کوچک کردن کدهای بالا به این کد رسیدم
خوب سوال دومم اینجاست من این پلیر رو (کدهای بالا رو) از یه سایت کپی کردم آیا type این پلیر به سایت اصلی وابسته هست یعنی اگه قسمت type توسط سایت اصلی تغییر پیدا کنه پلیر تو وبلاگم از کار می افته یا نه اصلا type وابستگی به سایت اصلی نداره؟
من تو بحث بالا دو تا سوال مطرح کردم که لطف می کنید اگه جواب بدید واقعا ازتون معذرت میخوام و متشکرم از لطف بزرگتون
حالا سوال اولم اینجاست یعنی میشه بدون فایل js پلیری کار کنه؟
و در نهایت با کوچک کردن کدهای بالا به این کد رسیدم
<object id="audioplayer2" data="http://maheharam.com/wp-content/themes/maheharam/swf/player.swf" type="application/x-shockwave-flash" height="24" width="94%">
<param value="playerID=audioplayer2&soundFile=http://rozatolabbas.info/HAFTEGI/920415/zamine.920415.mp3&transparentpagebg=yes&leftbg=cc0033&lefticon=FFFFFF&rightbghover=cc0033&loader=013D46" name="FlashVars">
<param value="transparent" name="wmode">
</object>
این کد بدون هیچ مشکلی کار میکنه من فایل swf این کد رو در سرویس خودم آپ کردم بازم کار میکنه فقط اگه قسمت type این کد رو دست کاری کنم پلیر از کار می افتهخوب سوال دومم اینجاست من این پلیر رو (کدهای بالا رو) از یه سایت کپی کردم آیا type این پلیر به سایت اصلی وابسته هست یعنی اگه قسمت type توسط سایت اصلی تغییر پیدا کنه پلیر تو وبلاگم از کار می افته یا نه اصلا type وابستگی به سایت اصلی نداره؟
من تو بحث بالا دو تا سوال مطرح کردم که لطف می کنید اگه جواب بدید واقعا ازتون معذرت میخوام و متشکرم از لطف بزرگتون
در پاسخ به سوال اول: برخی پلیرها دستورات فایل js را در قسمت swf خود دارند و نیازی به وارد کردن جداگانه فایل js نیست (ظاهرا در مورد این پلیر اینچنین است).
در پاسخ به سوال دوم: به جزء قسمت مربوط به فایل swf سایر موارد جزء کدنویسی مستقل و استاندارد پلیر هستند و وابستگی به سایت دیگری ندارند، نباید به جزء مواردی مانند اندازه ارتفاع، عرض و...، موارد اصلی مانند type را تغییر دهید.
نتیجه: کافی است فایل swf را ذخیره و در یک سرویس دیگر آپلود و آدرس آن را در کد جایگزین کنید (همچنین آدرس فایل mp3)، سایر موارد بی نیاز از سایت اصلی عمل می کنند.
در پاسخ به سوال دوم: به جزء قسمت مربوط به فایل swf سایر موارد جزء کدنویسی مستقل و استاندارد پلیر هستند و وابستگی به سایت دیگری ندارند، نباید به جزء مواردی مانند اندازه ارتفاع، عرض و...، موارد اصلی مانند type را تغییر دهید.
نتیجه: کافی است فایل swf را ذخیره و در یک سرویس دیگر آپلود و آدرس آن را در کد جایگزین کنید (همچنین آدرس فایل mp3)، سایر موارد بی نیاز از سایت اصلی عمل می کنند.
شهاب
۱۹:۲۱ ۱۳۹۲/۰۴/۱۸
خب من فکر می کنم آسون بودن این کار ارزشش رو داره شما میتونید کمکم کنید؟
من تا این جا پیش رفتم کدها رو جدا کردم و به این پلیر رسیدم
لطفا کمک کنید.
من تا این جا پیش رفتم کدها رو جدا کردم و به این پلیر رسیدم
<object width="94%" height="24" id="audioplayer2" data="http://maheharam.com/wp-content/themes/maheharam/swf/player.swf" type="application/x-shockwave-flash"><param value="http://maheharam.com/wp-content/themes/maheharam/swf/player.swf" name="movie"></param>
<param value="playerID=audioplayer2&soundFile=http://dl1.atash.info/download/file25/track_file%202.mp3&bg=c5bd75&leftbg=c5bd75&rightbg=c5bd75&lefticon=013D46&righticon=013D46&rightbghover=013D46&loader=013D46" name="FlashVars"></param>
</object>
خب این جواب میده و تو وبلاگم پخش میشه ولی فکر کنم اگه سایت مرجع یک قسمتی از اطلاعات رو تغییر بده دیگه این مدیا تو وبلاگم کار نمیکنه پس ریسکه اگه بخوام ازش استفاده کنم چون ممکنه یکدفه همه چی از بین برهلطفا کمک کنید.
باید فایل های js یا swf به کار رفته در کد را توسط برنامه هایی مانند اینترنت دانلود منیجر اسخراج کنید و در یک سرویس دیگر آپلود نمائید، در نهایت آدرس ها را جایگزین کنید.
نکته: آنطور که شما تست کرده اید، ظاهرا این پلیر فایل js ندارد و تنها یک فایل swf دارد که در کدها، آدرس آن مشخص است.
نکته: آنطور که شما تست کرده اید، ظاهرا این پلیر فایل js ندارد و تنها یک فایل swf دارد که در کدها، آدرس آن مشخص است.
شهاب
۱۸:۴۱ ۱۳۹۲/۰۴/۱۸
من متشکرم از اینکه به سوالات پاسخ داده میشه
یعنی این سایت
یعنی این سایت
http://maheharam.com/2859
برای هر مدیا که ایجاد کرده یه آیدی جداگانه تعریف میکنهخیر این سایت برای تمام پلیرها یک آی دی هم نام استفاده کرده، اما این روش به لحاظ کدنویسی استاندارد نیست، در هر صفحه تنها یک آی دی یکتا باید وجود داشته باشد، شما هم می توانید پلیر را به این روش تست کنید، اما باید توجه کنید که روش استاندارد همان حالتی است که آی دی ها یکسان نباشند.
شهاب
۱۳:۴۰ ۱۳۹۲/۰۴/۱۸
داداش نمیشه یه کاری کرد که بدون دردسر بشه چند بار از این مدیا استفاده کرد بدون اینکه آیدیش رو تغییر بدی آخه کار من یه طوریه که من در روز نزدیک به 20 بار باید از این مدیا استفاده کنم خوب شماره آیدیشون یادم نمیمونه اگه امکانش هست کمک کنید
متشکرم
متشکرم
نه متاسفانه، اگر این امکان بود قاعدتا معرفی می کردیم، شاید برای مورد شما بهترین روش انتخاب آی دی هم نام با اسم فایل ها باشد، یا استفاده از پلیر های مشابه.
شهاب
۲۱:۰۱ ۱۳۹۲/۰۴/۱۷
خوب با این مدیاپلیری که شما گذاشتید مشکل من تا حدودی حل میشه فقط تنها مشکل اینجاست که هنگامی که آهنگی رو برای پخش تو این مدیا قرار مدیم می خوام یه متنی مربوط به همون تراک بالاش باشه که بیننده بتونه با کلیک روی اون متن تراکی رو که داره گوش میده دانلود کنه.
در ضمن تو این کد مدیا یه قسمت داره به عنوان ((متن جایگزین)) که من یه متنی به جاش وارد می کنم تا بتونم طرح بالا رو روش پیاده کنم اما نمیشه یعنی اون متن تو وبلاگ نمایش داده نمیشه و فقط مدیا نمایش داده میشه
در ضمن از سایت خوبتون هم متشکرم
و بیشتر از اون متشکرم که زود جواب دادید
منتظر پاسخم
در ضمن تو این کد مدیا یه قسمت داره به عنوان ((متن جایگزین)) که من یه متنی به جاش وارد می کنم تا بتونم طرح بالا رو روش پیاده کنم اما نمیشه یعنی اون متن تو وبلاگ نمایش داده نمیشه و فقط مدیا نمایش داده میشه
در ضمن از سایت خوبتون هم متشکرم
و بیشتر از اون متشکرم که زود جواب دادید
منتظر پاسخم
متن جایگزین پلیر برای مرورگرهایی است که از پلیر پشتیبانی نمی کنند یا امکان نمایش فایل فلش را ندارد، برای قرار دادن لینک دانلود باید به صورت جداگانه از تگ a در HTML استفاده کنید.
شهاب
۲۰:۱۳ ۱۳۹۲/۰۴/۱۷
سلام
میشه راهنمایی کنید چطور می تونم از الگوی زیر در وبلاگم استفاده کنم
میشه راهنمایی کنید چطور می تونم از الگوی زیر در وبلاگم استفاده کنم
http://maheharam.com/2859
سلام
الگو برداری از قالب سایت ها و وبلاگ هایی که خودشان قالب را طراحی کرده اند تنها با اجازه مدیر سایت یا وبلاگ باید انجام شود، با این حال شما باید با طراحی وب و HTML و CSS آشنا باشید، سپس می توانید از سورس صفحه مورد نظر با رعایت نکته ابتدایی استفاده کنید.
الگو برداری از قالب سایت ها و وبلاگ هایی که خودشان قالب را طراحی کرده اند تنها با اجازه مدیر سایت یا وبلاگ باید انجام شود، با این حال شما باید با طراحی وب و HTML و CSS آشنا باشید، سپس می توانید از سورس صفحه مورد نظر با رعایت نکته ابتدایی استفاده کنید.
navid
۲۰:۰۳ ۱۳۹۲/۰۲/۰۱
سلام. خسته نباشید. کدهای من کار نمی کنند. چرا؟
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>navid</title>
<script type="text/javascript" src="http://nanofile.ir/do.php?
filename=1366555757851.js"></script>
<script type="text/javascript">
AudioPlayer.setup("http://www.uploadtak.com/images/a4254_player.swf", {width:
290});
</script>
</head>
<body>
<p id="audioplayer_1">P</p>
<script type=text/javascript">
AudioPlayer.embed("audioplayer_1, {soundFile:
"http://uploadtak.com/images/d858_Arash__Melody.mp3"});
</script>
</body>
</html>
سلام
کد شما دو ایراد اساسی دارد:
- فایل js به صورت لینک غیر مستقیم است، برای پخش آهنگ نیاز به سروری است که لینک مستقیم فایل ها را در اختیارتان بگذارد.
- در چند جا علامت " به صورت نادرستی از کد حذف شده است، کد تصحیح شده:
کد شما دو ایراد اساسی دارد:
- فایل js به صورت لینک غیر مستقیم است، برای پخش آهنگ نیاز به سروری است که لینک مستقیم فایل ها را در اختیارتان بگذارد.
- در چند جا علامت " به صورت نادرستی از کد حذف شده است، کد تصحیح شده:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>navid</title>
<script type="text/javascript" src="http://nanofile.ir/do.php?filename=1366555757851.js"></script>
<script type="text/javascript">
AudioPlayer.setup("http://www.uploadtak.com/images/a4254_player.swf", {
width:290
});
</script>
</head>
<body>
<p id="audioplayer_1">P</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_1", {soundFile:"http://uploadtak.com/images/d858_Arash__Melody.mp3"});
</script>
</body>
</html>
البته این کد همچنان عمل نخواهد کرد، تا هنگامی که فایل ها را در یک سرور مناسب (سروری که لینک مستقیم در اختیارتان قرار دهد) آپلود کنید.۱۷:۳۵ ۱۳۹۲/۰۱/۱۳
یه پلاگین واسه پخش اهنگم در گوگل کروم معرفی می کنید؟
کافی است در قسمت جستجوی سایت عبارت "موسیقی" را وارد کنید.
Adler
۰۲:۲۳ ۱۳۹۲/۰۱/۰۴
درود
ببخشید دوباره مزاحم میشم
سوال دیگری که داشتم این بود که : فرض کنید به تعداد پنج موزیک را در این پلیر قرار دادیم حالا میخواهیم بعد از اتمام فایل شماره یک اتوماتیک فایل شماره دو پخش نشود و دستی این کار را بکنیم .
لطفاً راهنمایی کنید که در این صورت چه کار باید کرد
سپاس فراوان
ببخشید دوباره مزاحم میشم
سوال دیگری که داشتم این بود که : فرض کنید به تعداد پنج موزیک را در این پلیر قرار دادیم حالا میخواهیم بعد از اتمام فایل شماره یک اتوماتیک فایل شماره دو پخش نشود و دستی این کار را بکنیم .
لطفاً راهنمایی کنید که در این صورت چه کار باید کرد
سپاس فراوان
سلام
قابلیت های پلیر محدود به مواردی است که برای آن تعریف شده باشد، امکانی که می خواهید انجام دهید در پلیر تعریف نشده و لذا نمی توان چنین موردی را انجام داد.
قابلیت های پلیر محدود به مواردی است که برای آن تعریف شده باشد، امکانی که می خواهید انجام دهید در پلیر تعریف نشده و لذا نمی توان چنین موردی را انجام داد.
Adler
۱۵:۰۱ ۱۳۹۲/۰۱/۰۳
با درودی دوباره
بابت جواب بسیار سپاسگذارم .
سوال دیگری داشتم : آیا در همین شکل و شمایل و همین تیپ پلیری برای پخش فیلم هم هست ؟؟ برای این اینجا پرسیدم چون میخواستم در همین شکل و شمایل باشه
سپاس فراوان
بابت جواب بسیار سپاسگذارم .
سوال دیگری داشتم : آیا در همین شکل و شمایل و همین تیپ پلیری برای پخش فیلم هم هست ؟؟ برای این اینجا پرسیدم چون میخواستم در همین شکل و شمایل باشه
سپاس فراوان
دقیقا در همین شکل، تا آنجا که اطلاع داریم خیر، اما پلیرهای مشابه ای مانند JW player یا MPW player وجود دارد.
Adler
۰۴:۴۰ ۱۳۹۲/۰۱/۰۳
با درود
سپاس بابت آموزش کاملی که قرار دادید . میشه راهنمایی بفرمایید که چگونه میشه مکان پلیر رو تغییر داد ؟؟
چون به طور پیشفرض دقیقاً به طرف چپ صفحه میچسبد و نیاز هست که کمی به طرف راست تغییر مکان دهد
لطفاً راهنماییم کنید .
سپاس بابت آموزش کاملی که قرار دادید . میشه راهنمایی بفرمایید که چگونه میشه مکان پلیر رو تغییر داد ؟؟
چون به طور پیشفرض دقیقاً به طرف چپ صفحه میچسبد و نیاز هست که کمی به طرف راست تغییر مکان دهد
لطفاً راهنماییم کنید .
سلام
تنظیم مکان پلیر با استفاده از تگ های html و خاصیت های css به راحتی امکان پذیر است، به طور مثال نمونه کدهای زیر محتوا را در وسط بلاک والد (بلاکی که پلیر درون آن قرار دارد) قرار می دهند.
کد را در یک بلاک div با استایل زیر قرار دهید:
تنظیم مکان پلیر با استفاده از تگ های html و خاصیت های css به راحتی امکان پذیر است، به طور مثال نمونه کدهای زیر محتوا را در وسط بلاک والد (بلاکی که پلیر درون آن قرار دارد) قرار می دهند.
کد را در یک بلاک div با استایل زیر قرار دهید:
<div style="margin-left:auto; margin-right:auto;">
کد را اینجا قرار دهید
</div>
یا از تگ center در html استفاده کنید:<center>
کد را اینجا قرار دهید
</center>
Hamid
۲۳:۳۰ ۱۳۹۱/۱۲/۲۵
سلام! ممنون از مطالب خوبتون، یه سوال داشتم
چطوری میتونم برای بازدید کننده های وبلاگم بخشی ایجاد کنم که کد موزیک رو خودشون بسازن مثل این وبلاگ:
پیشاپیش ممنون بابت پاسخ شما :)
چطوری میتونم برای بازدید کننده های وبلاگم بخشی ایجاد کنم که کد موزیک رو خودشون بسازن مثل این وبلاگ:
www.mihancode.blogfa.com
اسکریپت خاصی هست؟پیشاپیش ممنون بابت پاسخ شما :)
سلام
باید از جاوا اسکریپت استفاده کنید، اگر آشنا باشید از نمونه سورس همان وبلاگ و البته با رضایت مدیر آن می توانید الگو بگیرید.
باید از جاوا اسکریپت استفاده کنید، اگر آشنا باشید از نمونه سورس همان وبلاگ و البته با رضایت مدیر آن می توانید الگو بگیرید.
nelital
۱۵:۰۸ ۱۳۹۱/۱۲/۱۶
ممنون با آرزوی موفقیت برای شما و سایت عالیتون
- به سوالات کلی، زمانبر، مبهم و مشکلاتی که تلاشی برای رفع آنها نکرده باشید پاسخ مختصر داده شده یا به بخش برنامه نویسی اختصاصی ارجاع داده می شوند.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین یا به صورت حساب موقت و آزمایشی قرار دهید تا امکان بررسی دقیق مشکل و خطایابی میسر باشد.
- تمام دیدگاه های ارسالی خوانده شده و برای هر کاربر مدت زمان لازم جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.