مرجع پارسی MyBB

نسخه‌ی کامل: آموزش ساختن پلیر فلش با اسکریپت audio player free
شما درحال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب‌بندی مناسب.
این اسکریپت که میخوام اینجا واسه دانلود بگذارم و البته بهمراه آموزش ، یک پلیر مناسب و مخصوص برای سایتهای شخصی هست که از قابلیت های این اسکریپت می توان :

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

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

تصویر زیر مربوط به فایل data2.xml میباشد . اگر میخواهید این پلیر نمایش داده شود باید نام آنرا به data.xml تغییر دهید .

[تصویر:  NiftyAudioPlayer1.gif]

و اما آموزش و نحوه قرار دادن آن در سایت :

بعد از دانلود فایل آنرا از حالت فشرده خارج کنید و سپس پوشه audioPlayerFree را کلیک کنید ، در این پوشه دو تا پوشه دیگر است یکی به نام source که فایلهای فلش مربوط به پلیر بصورت fla جهت ویرایش در آن قرار دارد و پوشه دیگر audio_player_files هست . بر روی همین پوشه کلیک کنید و آنرا باز کنید تا محتویات پوشه را مشاهده کنید . یک پوشه به نام music وجود دارد که می توانید آهنگهای خودتان را در این فایل قرار دهید .

[تصویر:  NiftyAudioPlayer2.gif]

اما فایل اصلی جهت ویرایش و اضافه کردن آهنگها data.xml نام دارد ، این فایل را توسط notepad ویندوز یا ++notepad باز کنید .

محتویات فایل data.xml

کد:
<?xml version="1.0" encoding="UTF-8"?>
<!--  PROPERTY FORMAT LEGEND:  -->
<!--Rectangle: topColor,bottomColor,fillAlpha,cornerRadius,strokeColor,strokeAlpha,strokeWidth-->
<!--Text: font,color,alpha,size,bold-->
<!--Simple Property: color,alpha-->
<music
playerMode="1"
displayTimeInfo="true"
playerWidth="330"
playerHeight="55"
playerX="65"
playerY="35"
flyOut="bottom"
autoStart="false"
buttonSize="25"
buttonPadding="5"
buttonY="5"
playInSequence="true"
playerVolume="100"
embedFonts="false"
playerBg="CCCCCC,FFFFFF,100,9,999999,100,1"
playerBgShine="FFFFFF,FFFFFF,100,12,333333,0,1"
buttonBg="FFFFFF,CCCCCC,100,7,919191,70,1"
buttonInnerStroke="0,0,0,6,FFFFFF,100,1"
buttonBgHover="ffd800,e99400,100,6,fff315,100,1"
buttonIcon="e99400,100"
buttonIconHover="FFFFFF,100"
displaySongText="tahoma,666666,100,10,false"
displaySongTimeTotal="tahoma,666666,100,10,false"
displaySongTimeElapsed="tahoma,333333,100,10,true"
displaySongTextY="2"
displaySongTimeY="2"
pauseDisplayFor="2"
songTitleScrollTime="3"
sliderHeight="9"
sliderY="21"
sliderButtonWidth="20"
sliderButtonHeight="10"
sliderBg="FFFFFF,FFFFFF,100,5,666666,0,1"
sliderFill="fff315,e99400,100,5,919191,100,1"
sliderStramProgress="919191,FFFFFF,100,5,666666,0,1"
sliderButton="FFFFFF,666666,100,10,333333,100,1"
volumeHeight="100"
volumeBg="FFFFFF,dddddd,100,9,333333,100,1"
volumeSliderBg="919191,FFFFFF,100,3,0,0,0"
volumeSliderFill="e99400,e94700,100,3,0,0,0"
volumeText="tahoma,FFFFFF,100,10,false"
volumeSliderButton="FFFFFF,666666,100,9,333333,100,1"
listOpen="true"
listHeight="140"
listPadding="10"
listScrollbarWidth="9"
listBg="FFFFFF,dddddd,100,15,cccccc,100,1"
listScrollbar="888888,100"
listScrollbarBg="ffffff,100"
listItemHeight="20"
listItemBg="FFFFFF,70"
listItemBgActive="e2e2e2,100"
listTitleText="tahoma,999999,100,12,false"
listTitleTextActive="tahoma,666666,100,12,false"
listTitleScrollTime="10">
    <group>
       <song file="audio_player_files/music/music.mp3" title="سايت سپنا" />
       <song file="audio_player_files/music/music.mp3" title="Sepna.com" />
       <song file="audio_player_files/music/music.mp3" title="Song 3" />
       <song file="audio_player_files/music/music.mp3" title="Song 4" />
       <song file="audio_player_files/music/music.mp3" title="Song 5" />
       <song file="audio_player_files/music/music.mp3" title="Song 6" />
       <song file="audio_player_files/music/music.mp3" title="Song 7" />
       <song file="audio_player_files/music/music.mp3" title="Song 8" />
       <song file="audio_player_files/music/music.mp3" title="Song 9" />
    </group>
</music>

برخی از تنظیمات مهم مربوط به فایل بالا بدین شرح می باشد :

خط 8 : displayTimeInfo نمایش مدت زمان اجرای آهنگ ها به صورت true / false میباشد . true نمایش می دهد .

خط 9 و 10 : playerWidth و playerHeight طول و عرض پلیر را مشخص می کند .

خط 11 و 12 : playerX و playerY طول و عرض مختصات پلیر در صفحه را نمایش می دهد .

خط 14 : autoStart اگر true باشد اتوماتیک پلیر اجرا می شود و اگر false باشد کاربر باید بر روی دکمه play کلیک کند تا موزیک اجرا شود .

خط 19 : playerVolume صدای پلیر را مشخص می کند . ( 0 تا 100 ) مقدار 0 پلیر بی صداست و مقدار 100 بیشترین صدا را دارد .

خط 28 و 29 و 30 : displaySong نوع فونت و رنگ و اندازه فونت را مشخص می کند .

خط 47 : volumeText نوع فونت و اندازه و رنگ را می توانید تغییر بدهید . ما tahoma را انتخاب کردیم چون برای متن های فارسی مناسب هست .

خط 49 : listOpen اگر true باشد لیست باز هست و اگر false باشد لیست بسته می شود .

خط 50 : listHeight ارتفاع لیست را نمایش میدهد که با scrollbar قابل پیمایش هست .

خط 52 : listScrollbarWidth پهنا و ضخامت اسکرول بار را نمایش می دهد هر چه عدد آن بیشتر باشد پهنای اسکرول بار بزرگتر می شود .

خط 59 و 60 : listTitleText نوع متن در لیست آهنگها را می توانید تغییر بدهید .

خط 63 تا 71 : آدرس فایلهای صوتی به همراه نام فایل ها را مشخص می کند .

به طور مثال اگر بخواهید آلبوم یک خواننده را که دارای 9 موزیک هست درون این پلیر قرار دهید ابتدا باید فایل های موزیک را در مسیر audio_player_files/music کپی نمایید و سپس نام آهنگها و مسیر فایلها را در خطوط 63 تا 74 ویرایش کنید .

یک آهنگ داریم از فریدون به نام "یه عالمه دوست دارم " شماره آهنگ 1 ، پس کد ما در خط 63 چنین می شود :

کد:
<song file="audio_player_files/music/fereydoun/ye_alame_dooset_daram.mp3" title="یه عالمه دوست دارم" />


برای موزیکهای دیگر هم میتوانید به همین شیوه عمل کنید .

توجه داشته باشید اگر در نوشتن حرف " ی " متن ها پس و پیش شد از کلیدهای Ctrl + X برای نوشتن حرف " ي " استفاده کنید .

برای مشاهده پلیر فایل audioPlayer.html را اجرا کنید . در کد زیر your-site آدرس سایت شماست که برای مشاهده پلیر بکار رفته است .
کد:
http://www.your-site.com/audioPlayerFree/audioPlayer.html

اسکریپت را از فایل ضمیمه سایت زیر دانلود کنید .
http://www.sepna.com/thread-200.html