امروز می خوام کدی رو بهتون معرفی کنم که کارش پخش آنلاین موزیک در سایت هست , مثل بعضی سایت ها که در بین پست ها و برگه های سایتشون یه آهنگ و صوتی برای پخش قرار دادن , جدیدا هم شاهد قرار دادن پادکست در بعضی سایت ها هستیم که با همین کد می تونید هم پادکست پخش کنید و هم موزیک را در مکان دلخواه.
برای قرار دادن پخش آنلاین موزیک و آهنگ در سایت روش های زیادی وجود داره که به هر یک از این روش ها همراه با کد اشاره می کنم , از ساده ترین شروع می کنم
قرار دادن آهنگ در زمینه ی سایت ( پخش خودکار ) :
این روش زمانی به کار میره که شما بخواید وقتی بازدید کننده وارد سایت شد و سایت کامل لود شد خودش به صورت خودکار پخش بشه و کاربر هیچ کنترلی روی آهنگ نداشته باشه برای این کار از کد :
<bgsound src="آدرس فایل صوتی" loop="-1">
این کد را باید در قسمت head قالب قرار بدید , در قسمت src به جای sound addres باید آدرس آهنگ رو قرار بدید و به صورت کامل, مقدار loop هم -1 برای پخش بی نهایت هست یعنی وقتی آهنگ یه بار پخش و تموم شد دوباره شرو به پخش می کنه تا بی نهایت , حالا اگه بخواید یه بار پخش بشه روی یک بزار.
کد پخش آهنگ آنلاین در مکان دلخواه ( ظاهر ساده ) :
برای قرار دادن پخش آهنگ در مکان دلخواه مثل بین پست ها و برگه ها با یک پلیر ساده با قابلیت کنترل کاربر برای stop و play کردن موزیک از کد زیر استفاده می کنیم :
<object width="300" height="24" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="opaque" /><param name="flashvars" value="playerID=13631618832&autostart=no&loop=no&soundFile=https://bigtheme.ir/wp-content/uploads/bigthemePlayer.mp3" /><param name="src" value="https://bigtheme.ir/wp-content/demo files/player.swf" /><param name="allowscriptaccess" value="sameDomain" /><embed width="300" height="24" type="application/x-shockwave-flash" src="https://bigtheme.ir/wp-content/demo files/player.swf" allowScriptAccess="sameDomain" wmode="opaque" flashvars="playerID=13631618832&autostart=no&loop=no&soundFile=https://bigtheme.ir/wp-content/uploads/bigthemePlayer.mp3" allowscriptaccess="sameDomain" /></object>
در کد بالا می تونید عرض و ارتفاع رو به دلخواه خودتون تغییر بدید کد بالا به صورت زیر در سایت نمایش داده میشه :
آدرس آهنگ و موزیک خودتون رو به جای آدرس فایلی که در کد زیر وجود داره قرار بدید:
<param name="flashvars"value="playerID=13631618832&autostart=no&loop=no&soundFile=https://bigtheme.ir/wp-content/uploads/bigthemePlayer.mp3" />
سایر تنظیمات در کد بالا تغییر حالت autostart=no هست , این کد تعیین می کنه وقتی کاربر وارد سایت شد آهک به صورت خودکار پخش شود یا نه حالت no پخش نمیشه اگه می خواهید به صورت خودکار پخش بشه no رو پاک کنید و به جاش بنویسید yes.
قرار دادن پلیر پخش آنلاین با رنگ دلخواه ( کد بالا با امکانات )
خوب یه روش دیگه داریم همرا با فراخوانی اسکریپت , که داخل اسکریپت رنگ پلیر رو کنترل می کنیم کد :
<script type="text/javascript" src="https://bigtheme.ir/wp-content/demo files/player.js"></script>
<script type="text/javascript">// <![CDATA[
AudioPlayer.embed("audioplayer_1", {soundFile: "https://bigtheme.ir/wp-content/uploads/bigthemePlayer.mp3"});
// ]]></script>
که در نهایت نمایش و پخش آنلاین به این صورت خواهد بود:
می تونید اسکریپت رو در قسمت head بزارید و ادامه کد رو در مکان دلخواه , البته کل کد رو هم در مکان دلخواهتون بزارید مشکلی پیش نمیاد. در این کد فقط آدرس آهنگ رو تغییر بدید.
خوب همین موارد فک کنم کافی باشه , روش های دیگه ای هم وجود داره که در اموزش های بعدی معرفی می کنم.
امیدوارم مفید واقع بشه … بهترین باشید.
منبع : بیگ تم
لینک : https://bigtheme.ir/watch-online-music-site/
پینگ‌بک: آموزش طراحی وب سایت قسمت 4 و 5 - طراحی قالب| وردپرس
پینگ‌بک: افزونه پخش پادکست وردپرس - پلیر پخش آنلاین| وردپرس