آموزش ساختن پلیر فلش با اسکریپت audio player free

[salehkhan]

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

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

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

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

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

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

اما فایل اصلی جهت ویرایش و اضافه کردن آهنگها 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