MP3 Player v.2 от Usher - исправлены некоторые баги. Я бы исправил скрипты в первой теме, но не могу, потому что она выделена.
Эту тему я создал для тех, кто хочет слышать любимую музыку на своём форуме. Прошу администрацию выделить эту тему.
Всего я расскажу Вам 2 способа:
Способ первый:
Существует сайт http://boomp3.com/ На его главной странице вы можете обнаружить несколько плееров, которые поддерживают один музыкальный файл. Скрипт заключается в том, что при нажатии на картинку (её создание будет описано в дальнейшем) будет открываться всплывающее окно, в котором будет неограниченное количество вот такх вот плееров с разными музыкальными композициями:
Итак, начнём создание:
a) Скопируйте в влюбое место (html верх, низ) вот этот скрипт:
<head><script language="JavaScript">
var mywin;
function openim(wi,he,path,name)
{
if(mywin!=null&&!mywin.closed)
mywin.close();
var w =parseInt(wi)+12;
var h =parseInt(he)+60;
var tex="<center><object width='200' height='20'><param name='movie' value='http://static.boomp3.com/player.swf?id=444928a6b818'></param><param name='wmode' value='transparent'></param><embed src='http://static.boomp3.com/player.swf?id=444928a6b818' type='application/x-shockwave-flash' wmode='transparent' width='200' height='20'></embed></object></center>";
mywin=open('','example','scrollbars=1,resizable=0,width=250,height=225');
mywin.document.open();
var md=mywin.document;
md.write(tex);
md.close();
mywin.focus();
}
</script></head>
где, выделенный текст - это код плеера. У каждого плеера свой код... Чтобы его увидеть вам необходимо воспроизвести нужную вам композицию, а затем нажать на появившуюся кнопку More. Откроется окно с подробной информацией об файле. На ней же вы сможете найти код плеера. Как вы уже поняли его нужно вставлять вместо жирного текста в скрипте (который расположен выше), но с небольшой поправочкой - все кавычки " нужно заменить на опостроф '
вместо жирного текста можно втавлять неограниченно большое количество плееров разделяя их этим тэгом <br><br>
б) теперь вставляем этот html туда, где мы хотим видеть картинку, при нажатии на которую открывается всплывающее окно с плеерами:
<img src="http://rnb.4bb.ru/uploads/rnb/2_play.jpg" title="Открыть mp3-player" align="absmiddle" alt="mp3" onclick="openim('cursor:pointer')" style='cursor:hand'> » MP3 Player
естественно вы ставите нужную вам картинку вместо моей
Способ второй:
Этот способ более требователен... Вам нужен будет сайт на который вы сможете залить файлы (на файлообменниках не работает) Такой сайт можно создать на http://by.ru или http://ucoz.ru либо на другом
Для начала скачайте вот этот архив: http://rnb.p0.ru/mp3_player.rar
тут можно выбрать один из 4 дизайнов плеера
http://mju.aeotika.ru/download/
В нём находятся 2 файла: mp3_player.swf (это и есть сам плеер) и playlist.mpl (это плейлист, который может содеажать как ссылки к mp3 файлам, так и ссылки к радиостанциям)
а) Для начала откройте playlist.pls любым текстовым редактором (например блакнот)
В этом файле вы увидете вот это:
<track artist="Имя артиста" title="Название песни" url="ссылка к mp3 файлу"/>
<stream artist="Название радио" title="Имя радио (любое)" url="ссылка на радио"/>
1ая строка - mp3
2ая строка - радио
можно убрать либо первую, либо вторую... можно добавить много своих... естественно нужно заменять имя артиста, название песни, ссылка к mp3 файлу на свои (что значит свои? я уже говорил, что этот способ требует, чтобы у вас был сайт на который вы будете заливать mp3 файлы. ссылка к mp3 файлу это и есть залитый на ваш сайт музыкальный файл)
итак... допустим мы создали наш плэй лист... я меня он выглядит вот так:
<track artist="Jeannie Ortega ft. Papoose" title="Crowded" url="http://new-rap.clan.su/_mp3/06JeannieOrtegaft.Papoose-Crowded.MP3" />
<stream artist="Radio Rap/Rnb" title="HOT108" url="http://scfire-nyk0l-1.stream.aol.com:80/stream/1071" />
это значит, что нам нужно залить файл 06JeannieOrtegaft.Papoose-Crowded.MP3 сюда: http://new-rap.clan.su/_mp3/
допустим мы залили песню на сайт, что дальше? заливаем куда-нибудь mp3_player.swf и уже измененный playlist.mpl
б) вставляем этот скрипт туда, где мы хотим увидеть плеер:
<object width='150' height='85' id='mju'>
<param name='allowScriptAccess' value='sameDomain' />
<param name='swLiveConnect' value='true' />
<param name='movie' value='http://new-rap.clan.su/_swf/mjuPod_optimal.swf' />
<param name='flashvars' value='playlist=http://new-rap.clan.su/_pls/playlist.mpl' />
<param name='loop' value='false' />
<param name='menu' value='false' />
<param name='quality' value='high' />
<param name='wmode' value='transparent' />
<embed src='http://new-rap.clan.su/_swf/mjuPod_optimal.swf' flashvars='playlist=http://new-rap.clan.su/_pls/playlist.mpl'
loop='false' menu='false' quality='high' wmode='transparent'
bgcolor='#ffffff' width='150' height='85' name='mju'
allowScriptAccess='sameDomain' swLiveConnect='true'
type='application/x-shockwave-flash'
pluginspage='http://www.macromedia.com/go/getflashplayer' />
</object>
где, жирный текст - это ваши ссылки к файлам mp3_player.swf и playlist.mpl
как я уже говорил, второй способ намного сложнее первого, но он выглядит более красиво...