بیگ تم, متفاوت & حرفه ای
مرجع ارائه آموزش وردپرس , قالب وردپرس , افزونه وردپرس بی نظیر


خانه / کدهای HTML / پخش آنلاین موزیک در سایت
پخش آنلاین موزیک در سایت - پلیر آنلاین آهنگ - پادکست


پخش آنلاین موزیک در سایت

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

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

قرار دادن آهنگ در زمینه ی سایت ( پخش خودکار ) :

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

<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=http://bigtheme.ir/wp-content/uploads/bigthemePlayer.mp3" /><param name="src" value="http://bigtheme.ir/wp-content/demo files/player.swf" /><param name="allowscriptaccess" value="sameDomain" /><embed width="300" height="24" type="application/x-shockwave-flash" src="http://bigtheme.ir/wp-content/demo files/player.swf" allowScriptAccess="sameDomain" wmode="opaque" flashvars="playerID=13631618832&autostart=no&loop=no&soundFile=http://bigtheme.ir/wp-content/uploads/bigthemePlayer.mp3" allowscriptaccess="sameDomain" /></object>

در کد بالا می تونید عرض و ارتفاع رو به دلخواه خودتون تغییر بدید کد بالا به صورت زیر در سایت نمایش داده میشه :

آدرس آهنگ و موزیک خودتون رو به جای آدرس فایلی که در کد زیر وجود داره قرار بدید:

<param name="flashvars"value="playerID=13631618832&autostart=no&loop=no&soundFile=http://bigtheme.ir/wp-content/uploads/bigthemePlayer.mp3" />

سایر تنظیمات در کد بالا تغییر حالت autostart=no هست , این کد تعیین می کنه وقتی کاربر وارد سایت شد آهک به صورت خودکار پخش شود یا نه حالت no پخش نمیشه اگه می خواهید به صورت خودکار پخش بشه no رو پاک کنید و به جاش بنویسید yes.

قرار دادن پلیر پخش آنلاین با رنگ دلخواه ( کد بالا با امکانات )

خوب یه روش دیگه داریم همرا با فراخوانی اسکریپت , که داخل اسکریپت رنگ پلیر رو کنترل می کنیم کد :

<script type="text/javascript" src="http://bigtheme.ir/wp-content/demo files/player.js"></script>



<script type="text/javascript">// <![CDATA[

AudioPlayer.embed("audioplayer_1", {soundFile: "http://bigtheme.ir/wp-content/uploads/bigthemePlayer.mp3"});
// ]]></script>

که در نهایت نمایش و پخش آنلاین به این صورت خواهد بود:

بیگ تم

می تونید اسکریپت رو در قسمت head بزارید و ادامه کد رو در مکان دلخواه , البته کل کد رو هم در مکان دلخواهتون بزارید مشکلی پیش نمیاد. در این کد فقط آدرس آهنگ رو تغییر بدید.
خوب همین موارد فک کنم کافی باشه , روش های دیگه ای هم وجود داره که در اموزش های بعدی معرفی می کنم.
امیدوارم مفید واقع بشه … بهترین باشید.

منبع : بیگ تم

لینک : http://bigtheme.ir/watch-online-music-site/

باکس دانلود

43 دیدگاه

  1. اممم یادم رفت بگم ، مشکل من فقط و فقط اینه که نمیدونم کد پلیر رو کجا و چطوری بذارم که مثل شما تو وسط پست “هرجای دلخواه پستتون که دوست داشتید گذاشتید” بذارم ):
    منظورم اینه :
    uppic.com/uploads/14539841431.jpg

    • برای قرار دادن کد بین محتوا از حالت دیداری ویرایشگر وردپرس به حالت متنی برید و کد رو قرار بدید و دوباره به حالت دیداری برگردید
      این بخش دیداری و متنی در سمت چپ بالای ویرایشگر قرار دارد

پاسخ دهید

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

دنبال کردن