آگهی
article

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

web-audio-player

اجرا و پخش فایل های چندرسانه ای و از جمله فایل های صوتی با فرمت های مختلف در وب یکی از نیازهایی است که مدیران وبسایت ها، وبلاگ ها و در کل ارائه کنندگان محتوا برای صفحات و برنامه های تحت وب به آن احتیاج خواهند داشت، خوشبختانه قابلیت های وب به انتشار متن یا نمایش تصاویر خلاصه نمی شود و با تغییر نیازهای کاربران، کنسرسیوم جهانی وب (W3C)، مرورگرها و در کل افراد، گروه ها، انجمن ها و شرکت های دخیل در این امر به فکر چاره و ارائه راه حل های نوین افتاده اند، به هر صورت در شرایط فعلی در مجموع برای پخش فایل های صوتی (آهنگ، موسیقی پس زمینه و...) در وب دو راه وجود دارد، روش اول پخش با شیوه جدید و استفاده از کدهای HTML بدون درج پلاگین و روش دوم پخش با شیوه قدیمی استفاده از پلاگین، کدهای جاوا اسکریپت و فلش است، هر کدام از روش های اشاره شده دارای معایب و محاسنی هستند که در این آموزش می خواهیم در خصوص آنها صحبت کنیم و در نهایت یک روش را به عنوان روش بهتر برگزینیم.

اولین گام برای پخش فایل صوتی در وب


قبل از اینکه به روش های درج و پخش فایل صوتی در وب بپردازیم، جهت اجتناب از سردرگمی کاربرانی که شاید آشنایی زیادی با این مقوله نداشته باشند یادآور می شویم که اولین گام برای پخش فایل های صوتی (آهنگ، موسیقی پس زمینه و...) آماده سازی فایل به لحاظ حجم و کیفیت و سپس آپلود آن در فضای سایت شخصی یا سایت های رایگان میزبان فایل است که به کاربر لینک مستقیم ارائه می کنند، منظور از لینک مستقیم این است که آدرس URL فایل باید به فرمت فایل های صوتی مانند mp3 ختم شود، به طور مثال:
http://yoursite.com/music/file.mp3
به این شکل قابل استفاده برای پخش آنلاین نیست:
http://yoursite.com/music/file.mp3.html
همچنین نباید فایل به صورت دو مرحله ای دانلود شود، یعنی نباید کاربر به صفحه دیگری هدایت و سپس فایل دانلود شود، اینگونه سرویس ها برای پخش آنلاین فایل مناسب نیستند!
پس از آپلود فایل و دریافت آدرس URL مستقیم آن، آدرس را در یکی از روش هایی که در ادامه آموزش به آنها خواهیم پرداخت جایگزین کرده و در سورس HTML قالب سایت یا وبلاگ درج می کنیم، در سایت ها باید فایل index مربوط به قالب را پیدا کرده و کد را در آن درج نمائیم که این مسئله بستگی به برنامه ای دارد که سایت با آن راه اندازی شده است (به طور مثال جوملا، وردپرس و...)، در مورد وبلاگ ها نیز معمولا در پنل مدیریت وبلاگ قسمتی برای ویرایش کد قالب وجود دارد که کد نهایی را باید آنجا درج کنیم، برخی سرویس های وبلاگی قسمتی تحت عنوان کدها و اسکریپت های اختصاصی دارند که در این صورت کد نهایی باید در این قسمت درج شود.

پخش فایل صوتی با تگ embed در HTML


اولین و ابتدایی تری روش برای پخش فایل های صوتی در وب استفاده از تگ embed بود که در اصل با هدف پخش پلاگین هایی مانند فلش و فرمت mid یا midi در نسخه های قدیمی HTML در نظر گرفته شده بود، این تگ تقریبا در تمام مرورگرها پشتیبانی می شود اما جزئی از HTML نسخه 4 نیست و اگر در صفحه ای با HTML نسخه 4 از تگ embed استفاده کنیم، کدنویسی ما از نظر سایت W3C و سرویس اعتبار سنجی آن 
https://validator.w3.org
غیرمعتبر خواهد بود، در HTML نسخه 5 مجددا این تگ در نظر گرفته شده و مشکل اعتبارسنجی نخواهیم داشت، اما مشکل اصلی این تگ محدود بودن آن به لحاظ تنظیمات و صرف پشتیبانی آن از فرمت midi است، هرچند ممکن است در برخی مرورگرها فرمت های دیگر مانند mp3 یا wave پشتیبانی شود اما طبق بررسی های صورت گرفته این پشتیبانی کامل نخواهد بود، به هر صورت در شرایطی می توان همچنان برای پخش آهنگ یا درج موسیقی پس زمینه از تگ embed مطابق با نمونه کد زیر استفاده کرد.
<embed src="http://yoursite.com/music/file.mid" autostart="true" loop="true"
width="0" height="0">

<noembed>
<bgsound src="http://yoursite.com/music/file.mid" loop="infinite">
</noembed>
در این نمونه کد ابتدا باید فایل صوتی خود را با فرمت mid یا midi یا فرمت های دیگری مانند wave و mp3 در یک سایت آپلود و آدرس فایل آپلود شده را در دو قسمت که با عبارت src مشخص است درج نمائید، src اول آدرس فایل برای تگ embed است و در صورتی که این تگ به هر دلیل قابلیت اجرا نداشته باشد تگ bgsound در قسمت noembed جایگزین آن می شود، برای نمونه آدرس یک فایل فرضی به صورت زیر در نمونه کد درج شده که باید با آدرس URL فایل خود آن را جایگزین نمائید:
http://yoursite.com/music/file.mid
برای تگ embed می توانیم از خواص (Attributes) آن به عنوان تنظیمات استفاده کنیم که البته متاسفانه خیلی از این موارد در مرورگرهای مختلف به درستی پشتیبانی نمی شوند:
width: عرض پلیر به پیکسل.
height: ارتفاع پلیر به پیکسل.
volume: میزان بلندی صدا از 0 تا 100.
starttime: شروع پخش از زمان دلخواه به طور مثال 2:31.
src: آدرس URL فایل.
type: نوع MIME فایل به طور مثال audio/mid.
pluginurl: آدرس پلاگین خارجی.
align: چینش پلیر به طور مثال right.
autostart: شروع خودکار با مقدار 0 یا 1.
controller و controls: نمایش دکمه های کنترلی پلیر با مقدار 0 یا 1.
hidden: مخفی کردن پلیر با مقدار 0 یا 1.
href: ایجاد لینک.
loop: دفعات تکرار.
mastersound: کنترل صدا از 0 تا 100.
name: تعیین نام پلیر.
playcount: تعداد دفعات پخش فایل صوتی.
pluginspage: صفحه مرجع دانلود پلاگین.
یادآور می شویم که متاسفانه بیشتر این خاصیت ها در مرورگرهای مختلف پشتیبانی نمی شوند و صرفا جنبه آشنایی بیشتر دارند!

پخش فایل صوتی با تگ audio در HTML5


در HTML نسخه 5 که در حال حاضر جدیدترین نسخه از HTML است تگ audio برای پخش فایل های صوتی معرفی شده که به نظر می رسد باید به سمت استفاده از این تگ حرکت کنیم چرا که مرورگرهای مختلف در هر نسخه پشتیبانی خود از این تگ را کامل و کاملتر می کنند و به نوعی می توان گفت که آینده وب به سمت استانداردهای تعریف شده HTML5 در حرکت است، تگ audio بر خلاف تگ embed از فرمت های مختلفی پشتیبانی می کند و حتی این قابلیت وجود دارد که چندین فرمت مختلف را در یک تکه کد برای پخش قرار دهیم تا اگر مرورگری با یک فرمت سازگار نبود به فایل و فرمت بعدی رجوع کند یا مناسب ترین فرمت را از بین فایل های موجود انتخاب نماید:
<audio controls="controls" height="50px" width="100px">
<source src="http://your/music/file.mp3" type="audio/mpeg" />
<source src="http://your/music/file.ogg" type="audio/ogg" />
<source src="http://your/music/file.wav" type="audio/wav" />
متاسفانه مرورگر شما از قابلیت های HTML5 پشتیبانی نمی کند!
</audio>
در نمونه کد بالا سه فایل مختلف به عنوان سورس در نظر گرفته شده که مرورگر معمولا به ترتیب به آنها رجوع خواهد کرد، اگر فایل اول پشتیبانی شود نوبت به موارد بعدی نمی رسد اما اگر فرمت فایل پشتیبانی نشود به فایل بعدی و بعدی رجوع خواهد کرد، علاوه بر شیوه بالا حتی می توانیم تگ audio را با تگ embed ترکیب کنیم:
<audio controls="controls" height="50px" width="100px">
<source src="http://your/music/file.mp3" type="audio/mpeg" />
<source src="http://your/music/file.ogg" type="audio/ogg" />
<source src="http://your/music/file.wav" type="audio/wav" />
<embed height="50px" width="100px" src="http://your/music/file.mp3" />
</audio>
کد بالا علاوه بر مرورگرهای جدید در نسخه های قدیمی نیز اجرا می شود چرا که HTML5 با تگ embed ترکیب شده تا اگر مرورگری از قابلیت های HTML5 پشتیبانی نکرد تگ embed را اجرا کند، همانطور که در کد مشخص است علاوه بر فرمت mp3 از فرمت ogg و wav نیز جهت اطمینان از پخش شدن آهنگ در تمام مرورگرها استفاده شده است.
خوشبختانه برای تگ audio تنظیمات لازم برای ایجاد امکانات کنترلی در زمان پخش فایل صوتی به اندازه کافی در نظر گرفته شده که به صورت موردی و خلاصه برخی از کاربردی ترین آنها را مرور می کنیم:
controls: نمایش پنل کنترل پلیر در هنگام پخش فایل صوتی، این پارامتر در قسمت audio و به صورت نمونه زیر درج می شود:
<audio controls="controls">
یا
<audio controls>
autoplay: پخش خودکار فایل صوتی، این پارامتر در قسمت audio و به صورت نمونه زیر درج می شود:
<audio autoplay>
دقت داشته باشیم که پخش خودکار آهنگ در وب چندان باب طبع کاربران نخواهد بود، تصور کنید اگر کاربری همزمان چند صفحه وب با پخش خودکار آهنگ و موسیقی پس زمینه را در مرورگر اجرا نماید با چه وضعیتی روبرو خواهد شد!
volume: میزان صدای پیش فرض پلیر را مشخص می کند و با مقداری از 0 تا 100 تعیین می شود، نمونه کد:
<audio volume="50">
muted: در صورت استفاده از این خاصیت، صدای پلیر در حالت پیش فرض قطع خواهد بود، نمونه کد:
<audio muted>
loop: تعداد دفعات پخش مجدد و خودکار فایل صوتی را مشخص می کند، نمونه کد:
<audio loop="8">
ویژگی های ظاهری CSS مانند display و width را می توانیم با در نظر گرفتن class برای تگ audio تعریف کنیم، به طور مثال:
.player {
   display: block;
   width: 100%;
}
<audio class="player">
قاعدتا استایل CSS باید در تگ style تعریف شود که مبحثی جداگانه است و باید در آموزش های مقدماتی CSS آن را فرا گرفته باشیم.

پخش فایل صوتی با درج و استفاده از dewmp3player


ممکن است به هر دلیل نتوانیم یا نخواهیم از تگ audio و پلیر HTML5 استفاده کنیم و در نتیجه نیاز به استفاده از پلاگین برای پخش فایل صوتی باشد، در ادامه قصد داریم پلاگینی سبک و کارآمد را معرفی کنیم که به کمک آن می توانیم به راحتی و با تنظیمات کنترلی مناسب فایل صوتی خود را پخش کنیم، dewmp3player پلیری رایگان و قدرتمند است که از خیلی جهات مناسب به نظر می رسد، حتی برخی از سایت ها با اعمال تغییراتی از آن به عنوان ابزار آنلاین پخش آهنگ در وبلاگ ها و صفحات وب استفاده می کنند، قدرت این پلیر در حجم بسیار کم، انعطاف پذیری خوب و قابلیت های گوناگونش نهفته است، اگرچه به جزء این پلاگین برنامه های دیگری نیز در وب وجود دارند اما معمولا یا رایگان نیستند یا اینکه حجمی به مراتب بیشتر دارند و مناسب وب نیستند.
dew web player
این پلاگین را با توجه به نیاز کاربران در چند بسته مختلف برای دانلود قرار داده ایم که هر کدام تفاوتهایی با هم دارند:
دانلود پلیر شماره 1 (پلیر وب با قابلیت پخش یک آهنگ)
دانلود پلیر شماره 2 (پلیر وب با قابلیت پخش چند آهنگ و دکمه های قبلی و بعدی)
دانلود پلیر شماره 3 (پلیر وب با قابلیت پخش یک آهنگ و افزایش و کاهش صدا)
هر کدام از بسته های بالا حاوی سه فایل هستند (index.html، test.mp3 و فایل فلش پلیر با فرمت swf که با توجه به نوع پلیر نامگذاری شده اند)، همان طور که گفتیم برای پخش آهنگ باید ابتدا آن را در یک سرویس میزبان فایل آپلود و آدرس URL مستقیم را در کد جایگزین نمائیم، فایل swf پلیر را نیز باید آپلود کرده و آدرس URL آن را مطابق با نمونه کد زیر جایگزین نمائیم، به عنوان مثال:
<object type="application/x-shockwave-flash" data="http://yoursite.com/dewplayer.swf?mp3=http://yoursite.com/test.mp3" width="200" height="20" id="dewplayer">
<param name="wmode" value="transparent">
<param name="movie" value="http://yoursite.com/dewplayer.swf?mp3=http://yoursite.com/test.mp3">
<param name="flashvars" value="mp3=http://yoursite.com/test.mp3&autostart=0&autoreplay=0">
</object>
در نمونه کد بالا آدرس ها به صورت فرضی هستند و هر کجا که عبارت http://yoursite.com درج شده باید با آدرس سایتی که فایل در آن قرار گرفته جایگزین شود، همچنین به فرمت ها خوب دقت کنیم، فرمت swf فایل فلش پلیر است و فرمت mp3 فایل صوتی است که می خواهیم در پلیر پخش شود، از تگ param در قسمتی که name آن برابر با flashvars است با استفاده از دو پارامتر autostart وautoreplay می توانیم برای تنظیم شروع خودکار و پخش مجدد آهنگ استفاده کنیم (مقادیر 0 به معنی غیر فعال و 1 فعال است).
تنظیمات پیش فرض مورد نیاز در فایل index جهت راهنمایی بیشتر و آسان تر شدن استفاده از کد اعمال شده، کافی است که آدرس فایل ها را جایگزین مقادیر پیش فرض کنیم، همان طور که مشخص است پلیر از فایل فلش استفاده می کند و لذا این پلاگین باید در مرورگر نصب و فعال باشد تا پلیر به درستی بارگذاری و نمایش داده شود.

برای پخش فایل صوتی روش جدید (پلیر HTML5) را انتخاب کنیم یا روش قدیمی (پلاگین)؟


همان طور که دیدیم برای پخش فایل های صوتی در وب در مجموع دو راه وجود دارد، استفاده از تگ های HTML و به طور خاص تگ audio در HTML5 و یا استفاده از پلاگین هایی مبتنی بر جاوا اسکریپت، فلش و...، اما سوال این است که از بین دو روش فوق کدام یک را انتخاب کنیم؟ پاسخ این سوال را باید اینگونه داد به طور کلی آینده وب به سمت امکانات مبتنی بر HTML در حرکت است و تا حد امکان نباید از پلاگین های جانبی استفاده کنیم، اگرچه پشتیبانی مرورگرها در نسخه های قدیمی از  HTML نسخه 5 همراه با نواقصی است اما اغلب مرورگرها در طی سالیان اخیر شتابان به این سمت حرکت کرده اند و تعداد کاربرانی که از نسخه های قدیمی استفاده می کنند هر روز کمتر و کمتر می شود، لذا تگ audio در HTML5 می تواند جواب نهایی و مسیر آینده ما باشد، با این حال ممکن است به هر دلیلی نتوانیم از این تگ استفاده کنیم، به طور مثال در سیستم های قدیمی که ارتقاء مرورگرها در آنها ممکن نباشد یا نیاز به پخش فایل در پلیرهای اختصاصی و مواردی از این دست وجود داشته باشد، در این شرایط شاید استفاده از پلاگین های جانبی را بتوانیم گزینه جایگزین خوبی به حساب بیاوریم.
sectionدسته بندی: آموزش کاربردی » HTML
related مطالب بیشتر:
» نحوه درج علامت های خاص در HTML
» نحوه پخش فیلم و ویدئوهای FLV در سایت و وبلاگ
» چگونه رنگ و تصویر پس زمینه سایت یا وبلاگ را تغییر دهیم؟
» کاربرد متاتگ refresh در صفحات وب (HTML)
» نحوه قرار دادن جستجوی گوگل در سایت یا وبلاگ
commentنظرات (۲۱۳ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: نیکو
زمان: ۱۱:۰۴:۴۵ - تاریخ: ۱۳۹۱/۱۱/۲۸
با سلام
پلیر 2 و 3 برای من قابل نمایش نیست و وقتی آدرس و نام فایل های swf این دو پلیر را نیز وارد می کنم، باز هم پلیر 1 یا همان کلاسیک را نشان می دهد.
لطفاً راهنمایی بفرمایید. ممنون
پاسخ: 
لطفا نمونه کدی که برای پلیرهای 2 و 3 قرار می دهید را درج کنید، برای نمایش صحیح پلیر، آدرس ها باید در چند جای کد (مطابق نمونه) جایگزین شوند و اگر یک مورد را از قلم بیندازید با مشکل مواجه خواهید شد.
نویسنده: من
زمان: ۱۶:۲۹:۲۱ - تاریخ: ۱۳۹۱/۱۲/۰۶
من زیاد متوجه نشدم میشه واضح تر توضیح بدید لطفا مقدمه لازم نیست
پاسخ: 
توضیحات به اندازه نیاز و به ساده ترین شکل ممکن گفته شده، لطفا اطلاعات عمومی وب خود را ارتقا دهید.
نویسنده: سارا
زمان: ۱۴:۲۷:۵۹ - تاریخ: ۱۳۹۱/۱۲/۱۱
سلام
چطوری میشه بدون استفاده از فایل فلش برا وبلاگ آهنگ بزاریم؟؟؟؟؟
میشه توضیح بدین
ممنونـــــــ
پاسخ: 
از روش پخش آهنگ با تگ embed در HTML که در آموزش توضیح داده شده استفاده کنید.
نویسنده: یلدا
زمان: ۲۱:۱۱:۳۴ - تاریخ: ۱۳۹۱/۱۲/۲۴
سلام
خیلی متشکرم از توضیحات مفیدتون
فقط من یک سوال دارم که تا حالا جوابشو نتونستم پیدا کنم.
چطور می شه توی صفحه وبلاگ ، یک کادر باز کرد و کد رو توی اون کپی کرد که صفحه باز میشه ، آهنگ اجرا بشه.
منظور من اصلا آهنگ گذاشتن توی وبلاگ نیست .
بلکه منظورم اینه بعنوان مثال :
http://melodic.blogfa.com/page/11-3
پاسخ: 
برای درج کد به این صورت باید از تگ textarea در HTML استفاده کنید، به طور مثال:
<textarea cols="20" rows="2" dir="ltr">
کد پخش آهنگ را در اینجا درج کنید
</textarea>
نکته: کدهای HTML باید در حالت نمایش به صورت کد در مطالب وبلاگ درج شوند.
نویسنده: rezai
زمان: ۰۹:۳۷:۰۷ - تاریخ: ۱۳۹۱/۱۲/۳۰
با سلام ادمین عزیز اگه بخواهیم این اهنگ در وبلاگ تکرار بشه چه کار کنم ممنون سال جدید را به شما پیشاپیش تبریک می گویم
<embed type="application/x-shockwave-flash" id="player2" name="player2" src="http://www.picofile.com/content/player/player.swf" width="200" height="17" allowscriptaccess="always" allowfullscreen="true" flashvars="file=http://s2.picofile.com/file/7218056448/Salam_Akhar1.mp3?mode=player&amp;type=video&amp;logo=http://www.picofile.com/content/images/player_logo.png&amp;plugins=http://www.picofile.com/content/player/revolt-1.swf&amp;autostart=true">
پاسخ: 
برای پخش مجدد آهنگ، در قسمت پارامتر autostart=true، کد را به صورت زیر ویرایش کنید (تست نشده):
&amp;autostart=true&amp;autoreplay=1
نویسنده: rezai
زمان: ۱۳:۴۷:۰۹ - تاریخ: ۱۳۹۱/۱۲/۳۰
با سلام کد را وارد کردم ولی تکرار نکرد اینم کدش
<embed type="application/x-shockwave-flash" id="player2" name="player2" src="http://www.picofile.com/content/player/player.swf" width="190" height="17" allowscriptaccess="always" allowfullscreen="true" flashvars="file=http://s2.picofile.com/file/7317584943/1.mp3?mode=player&amp;type=video&amp;logo=http://www.picofile.com/content/images/player_logo.png&amp;plugins=http://www.picofile.com/content/player/revolt-1.swf&amp;autostart=true&amp;autoreplay=1">
پاسخ: 
از پارامتر repeat=always به جای autoreplay=1 استفاده کنید (تست شده).
نویسنده: rezai
زمان: ۱۳:۵۳:۲۳ - تاریخ: ۱۳۹۱/۱۲/۳۰
لطفا در مورد این کد اهنگ اگه اطلاع دارین توضیح بدین
<script language="javascript" type="text/javascript"          
src="godfather7.persiangig.com/MeLoDiC/Code/11/11-10.js"></script>
این اهنگ را می خواهم با این کد اجرا کنم لطفا کمک کنید
snd1.tebyan.net/1387/08/Akkas%20Khoone35025.mp3
پاسخ: 
این یک پلیر نیست، یک فایل فلش است که داخل آن آهنگ قرار دارد و پخش می شود، به عبارت دیگر برای پخش آهنگ دیگری نمی توانید از آن استفاده کنید.
نویسنده: rezai
زمان: ۱۸:۵۷:۴۰ - تاریخ: ۱۳۹۱/۱۲/۳۰
سپاسگزارم از شما موفق باشید و سال خوبی داشته باشید.
لطفا در مورد پخش شدن اهنگ در فایل js توضیح بدین و چگونه آهنگ را میشه داخلش قرار داد
پاسخ: 
تشکر، در مورد قرار دادن آهنگ داخل فایل js، فایل js یا جاوا اسکریپت در واقع تنها نقش یک واسط را دارد و برای کوتاه کردن کدها استفاده می شود، به طور ساده:
- یک فایل فلش طراحی می کنیم که یک یا چند آهنگ را داخل خود یا به صورت داینامیک پخش کند (نیاز به آشنایی با برنامه نویسی فلش و ترکیب آن با جاوا اسکریپت است).
- کد HTML آن را به صورت دستورات جاوا اسکریپت تنظیم می کنیم، یعنی کدهای HTML باید در فایل JS و در خروجی دستوراتی مانند document.write تنظیم شوند.
- سپس با استفاده از تگ script و src به آن فایل آدرس می دهیم.
نویسنده: rezai
زمان: ۲۲:۳۲:۱۸ - تاریخ: ۱۳۹۱/۱۲/۳۰
با تشکر از شما ویژه تونستم اهنگ خودم را با برنامه نویسی فلش و ترکیب آن با جاوا اسکریپت انجام دهم
نویسنده: mehdi
زمان: ۱۷:۵۵:۰۴ - تاریخ: ۱۳۹۲/۰۱/۱۶
سلام
میشه کد php شو بزارین که تو یه کادر ادرس اهنگو بدیم بعد با فشار دادن یک دکمه، ادرس اهنگ تو این کد dewplayer جایگزاری بشه. تا دیگه 3 جا مجبور نباشیم ادرس اهنگو بدیم.
این کار رو میکنید؟
پاسخ: 
متاسفانه امکان ارائه خدمات آن طور که مد نظرتان است برایمان مقدور نیست، چرا که علاوه بر آدرس آهنگ ها، پلیر هم فایل هایی دارد که باید از یک سرور بارگذاری شوند و لذا فایل های پلیر نیز باید در یک سرویس آپلود شوند.
نویسنده: mehdi
زمان: ۱۰:۴۰:۵۲ - تاریخ: ۱۳۹۲/۰۱/۱۷
سلامی دیگر
مشکلی نداره.
پلیر رو که ثابته خودمون داخل کد جایگذاری میکنیم. فقط ادرس اهنگ باید مرتب بهش داده بشه که اونم همون طور که قبلا گفتم اگه زحمتشو بکشین ممنون میشم.
پاسخ: 
سلام
می توانید از نمونه کد زیر استفاده کنید:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>وبگو | ایجاد کد برای پخش آهنگ در Dew MP3 Player</title>
<!-- Webgoo.ir -->
<style type="text/css">
body{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
direction:rtl;
}
</style>
<script type="text/javascript">
function pscode(){
var src = "http://yoursite.com/dewplayer.swf?mp3=";
var mp3 = document.form.mp3.value;
var text1 = "<!-- Start Webgoo.ir Dew Mp3 Player -->\n";
var text2 = '<object type="application/x-shockwave-flash" data="'+ src + mp3 +'" width="200" height="20" id="dewplayer">' + "\n";
var text3 = '<param name="wmode" value="transparent">' + "\n";
var text4 = '<param name="movie" value="'+ src + mp3 +'">' + "\n";
var text5 = '<param name="flashvars" value="mp3='+ mp3 +'&autostart=0&autoreplay=0">' + "\n";
var text6 = '</object>' + "\n";
var text7 = "<!-- End Webgoo.ir Dew Mp3 Player -->";

document.form.code.value = text1 + text2 + text3 + text4 + text5 + text6 + text7;
}
</script>
</head>
<noscript>
جاوا اسکریپت در مرورگر شما غیر فعال است یا پشتیبانی نمی شود!
</noscript>
<body>
<form name="form" action="" method="post">
<label for="mp3" dir="rtl">آدرس آهنگ:</label>
<input type="text" dir="ltr" name="mp3" id="mp3" value="http://">
<input type="button" value="ایجاد کد" onkeypress="pscode();" onclick="pscode();"><br/>
<textarea name="code" rows="7" cols="40" dir="ltr">
</textarea>
</form>
</body>
</html>
کد را به صورت صفحه HTML (فرمت html) ذخیره، آپلود و سپس در مرورگر اجرا کنید.
نکته: قسمت src را مطابق با آدرس فایل پلیر خود ویرایش نمائید.
نویسنده: mehdi
زمان: ۱۴:۰۶:۳۷ - تاریخ: ۱۳۹۲/۰۱/۱۷
عاشقتم. مرسی
نویسنده: parsa
زمان: ۱۱:۳۹:۵۷ - تاریخ: ۱۳۹۲/۰۱/۲۰
سلام
اون پلیر 3 رو نمیشه صداشو تنظیم کرد؟
مثلا از اولی که شروع میکنه 50 درصد باشه
پاسخ: 
پارامتر volume را به کد اضافه کنید، به طور مثال:
value="mp3=test.mp3&autostart=0&autoreplay=0&volume=50"
"
نویسنده: علی
زمان: ۱۸:۲۶:۳۱ - تاریخ: ۱۳۹۲/۰۱/۲۴
میشه بگید چی کار کنیم که برای صفحه جدید باز شده ( در صورتی که صفحه قبل هنوز باز باشه) اهنگ پخش نشه، که هم زمان چند تا اهنگ با هم پخش نشن؟؟؟
با تشکر
پاسخ: 
این کار در حالت عادی ممکن نیست، نیاز به کدنویسی پیشرفته و تنظیم کوکی هایی در مرورگر است که خود مبحث مفصل دارد؛ به نظر راه حل عملی رفع این گونه مشکلات این است که کنترل پخش را به خود کاربر بدهید، اگر او مایل بود آهنگ را پخش کند.
نویسنده: pooria
زمان: ۱۲:۱۰:۰۵ - تاریخ: ۱۳۹۲/۰۱/۲۷
سلام داش خسته نباشی حقیقتش من با استفاده از راهنمایی های شما کلی تلاش کردم ولی موفق نشدم. میخواستم بگم اگه برات امکان داره من یوز و پس وبلاگم رو بهت بدم تا برام بی زحمت درست کنی خواهش میکنم کمکم کن ازت ممنون میشم. منتظر جوابت هستم.
پاسخ: 
ابتدا فایل های مورد نیاز را در یک سرویس دهنده آپلود کنید و سپس از طریق ایمیل (موجود در بخش تماس با ما) اطلاع دهید تا بررسی شود.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ خاصی داده نخواهد شد.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لذا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.




6 × 1
 refresh
نکته:
با توجه به تاریخ نگارش آموزش های سایت و پیشرفت تکنولوژی های مرتبط با وب در سالیان اخیر، محتوای برخی از مطالب قدیمی ممکن است نیاز به ویرایش و به روزرسانی داشته باشد که این کار هم زمان با تهیه نسخه جدید «وبگو» به مرور در حال انجام است، لطفا در استفاده از مطالب سایت به این نکته دقت داشته و حتی المقدور از چند منبع مختلف استفاده نمائید.
آخرین دیدگاه ها
form مجید بیگلوئی
در:
با سلام میخوام فایل پیوست بسازم برای اسکریپت وبلاگ از کد زیر استفاده میکنم تا فایل را آپلود و اطلاعات را به دیتابیس ارسال...
۱۰:۰۲:۵۸ ۱۳۹۸/۱۲/۰۶

form پیمان نقی پور
در:
سلام میخواستم بدونم فیلتر نویسی بورس هم با همین زبان جاوا انجام میشه؟ چطور میشه شرطی تعیین کرد تا نتیجه فیلتر در هنگام...
۱۸:۲۱:۳۲ ۱۳۹۸/۱۲/۰۵

form mahdi
در:
سلام استاد ، css رو تسلط کامل دارم تا حدودیش هم به لطف شما و جاوا اسکریپت هم چند روزی میشه شروع کردم به آموزش...
۱۵:۴۸:۳۳ ۱۳۹۸/۱۲/۰۵

form amin
در:
با سلام آدرس مطالب سایت وبگو بعد از ای دی پست عنوان فارسی هست ولی زمانی که به سورس کد پست نگاه میکنیم قسمت فارسی...
۱۴:۵۹:۴۴ ۱۳۹۸/۱۲/۰۵

form mahdi
در:
سلام استاد ، لینک آموزش مقدماتی جاوا اسکریپت توی منوی بالایی خرابه ، به وظیفه شهروندیم عمل کردم :)
۱۵:۰۹:۰۰ ۱۳۹۸/۱۲/۰۴

form aseman
در:
با سلام . میخوام هر وقت توی تکس باکسم عدد 1 وارد شد در خروجی تگ p معادل حروفی یک رو بهم بده. مثلا:...
۱۴:۴۵:۲۹ ۱۳۹۸/۱۲/۰۴

form mahdi
در:
سلام استاد ، گذاشتمش توی این وبلاگ رمزش هم ******* هستش ، واقعیت فهمیدم که میشه درستش کرد ولی چجوریشو نفهمیدم :) خیلی ممنون...
۱۳:۲۰:۱۴ ۱۳۹۸/۱۲/۰۴

form mahdi
در:
سلام استاد، وبلاگ ندارم، اینا رو برای یادگیری و یه هدف دیگه دارم سوال میکنم، مطالب مرتبط رو پیدا کردم راهشو، فقط قسمت ارسال نظر...
۲۰:۱۵:۰۲ ۱۳۹۸/۱۲/۰۳

form نیما
در:
سلام. من میخوام با استفاده از یک input مقدار عددی رو از کاربر دریافت کنم و بعد از ضرب در عددی خاص که خودم تعیین...
۱۸:۰۷:۰۴ ۱۳۹۸/۱۲/۰۳

form وحید
در:
سلام وقت بخیر حدود شش ماه هست با فیلتر شکن کار میکنم به اسم Lightvpn. یک روز هست این خطا رو میده و...
۱۸:۰۰:۰۶ ۱۳۹۸/۱۲/۰۳

form mahdi
در:
سلام ، استاد شرمنده یه سوال دیگه هم داشتم مثل قبلی ، مطالب مرتبط که انتهای هر پست میاد رو چطوری با جاوا اسکریپت توی...
۲۳:۴۶:۲۳ ۱۳۹۸/۱۲/۰۲

form mahdi
در:
سلام استاد عزیز ، توی لوکس بلاگ میشه چیزی مثل پست های شاخص که توی وردپرس هست با جاوا اسکریپت درست کنیم که مثلا داخل...
۲۳:۱۴:۴۰ ۱۳۹۸/۱۲/۰۲

form mahdi
در:
سلام استاد ، بخش نظرات قالب لوکس بلاگ یعنی طرح کل صفحش رو چطوری دسترسی داشته باشیم که خودمون بتونیم طراحیش کنیم ؟ منظورم اینه...
۱۸:۱۱:۳۳ ۱۳۹۸/۱۲/۰۱

form علیرضا سهیلی
در:
سلام من وقتی میخوام شارژ بزنم این کد واسم میاد معنیش یعنی چی
۱۴:۳۳:۱۴ ۱۳۹۸/۱۲/۰۱

form mahdi
در:
سلام استاد ، فهمیدم چطوریه نیازی به پاسخ نیست، چقدرم ساده بود :) مرسی
۰۹:۴۸:۴۹ ۱۳۹۸/۱۱/۳۰
آگهی