Техническая поддержка SpyBB

Объявление

Ответы на часто задаваемые вопросы  |  FAQ по администрированию форума  |  FAQ по дизайну форума в CSS  |  Абсолютный помощник по дизайну  |  Навигатор по форуму

Перед регистрацией прочтите правила форума
При поиске ответа на заданный вопрос рекомендуем пользоваться «Поиском».
В случае проблемы с форумом, обязательно указывайте его адрес, иначе мы не сможем Вам помочь!

● 24 марта 2012г. - Закрепление первого сообщения
● 23 марта 2012г.: Изменения в форме ответа - Добавлен стандартный спойлер. Доработан функционал кнопок

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка SpyBB » Оформление форума » МР3 плеер на форум


МР3 плеер на форум

Сообщений 1 страница 9 из 9

1

Автор FAQ - Айрин
Существует несколько способов создания МР3 плеера для форума. Можно зайти на http://player.myspace-player.com/, создать плеер и загрузить туда нужную Вам музыку. Так же можно установить плеер с помощью скрипта, но для этого Вам нужен сайт, на который можно было бы залить музыку (например Ucoz отлично подойдет для этих целей).
Давайте рассмотрим несколько вариантов подробнее:

Плеер на Player.myspace-player.com/
1.Регистрация там не обязательна (но она дает возможность сохранить плейлист, если вдруг Вы захотите редактировать его), поэтому Вы идете по ссылке - Click HERE to create playlist as an anonymous user.(соответственно, если хотите зарегистрироваться, то переходите по ссылке - Click HERE to register an account.)
Скриншот
Вы попадете на страницу "Select Your Player Category/Type", в которой Вы сможете выбрать вид вашего плеера.
После выбора переходим на следующую страницу, нажав кнопку "Continue".
Скриншот

2.Следующая страница "Select Your Player's Skin". Там Вы сможете выбрать оформление Вашего плеера.
Думаю, что с этим проблем не возникнет, ибо оформлений там довольно много.
Выбрали? Теперь двигаемся дальше, нажимая на ту же кнопку "Continue".
Скриншот

3.Теперь переходим к самому важному - загрузке музыки в плеер. Прежде чем мы рассмотрим как и куда ее загружать, нужно разобраться с настройками:
Start Player Automatically -Запускать плеер автоматически.
Show the Equalizer - Показывать эквалайзер.
Opened the Play List - Открытый плейлист.
Randomize Tracks -  - Случайное распределение треков.
Для каждого вида плеера количество настроек может быть различным, но эти являются самыми основными.
Нужное помечаем галочками.(думаю это и так понятно;)
Далее Вы можете указать количество треков в вашем плеере. По умолчанию стоит 15.
Скриншот

4.Теперь о загрузке музыки:
В колонке Track URL Вы указываете ссылки на вашу музыку.
Главное условие: ссылка должна начинаться с 'http://' и заканчиваться '.mp3'. Такие ссылки можно взять на различных сайтах с музыкой (по возможности буду добавлять сюда ссылки на такие ресурсы), или же можно воспользоваться хостингом для загрузки файлов.
Рекомендую пользоваться http://www.hotlinkfiles.com/ Довольно простой и понятный хостинг, с помощью которого мы получим нужные нам ссылки.(Подробное описание загрузки файлов можете изучить в посте №2).
Итак, Вы загрузили файл, теперь вставляем ссылку на него в колонку Track URL, напротив в колонке Title/Artist пишете название трека/артиста.
Плейлист готов? Тогда идем дальше.
Скриншот

5.Финальная страница - "Get Player Code" .
Здесь Вы можете увидеть что же у Вас получилось в итоге, а также тут Вы получите код, который можно поставить на форум. (HTML-верх или низ, а также можно поставить в объявление).
Скриншот

Скрипт плеера
(с) Usher
Вам нужен будет сайт на который Вы сможете залить файлы (на файлообменниках не работает). Такой сайт можно создать на http://by.ru или http://ucoz.ru либо на другом.
Для начала заходим на этот сайт: http://mju.aeotika.ru/download.php
Там выбираем один из 4 видов плеера. Скачиваем архив.
В нём находятся 2 файла: mjupl.swf (это и есть сам плеер) и playlist.mpl (это плейлист, который может содержать как ссылки к mp3 файлам, так и ссылки к радиостанциям)
а) Для начала откройте playlist.pls любым текстовым редактором (например блокнот)
В этом файле Вы увидете вот это:

<track artist="Алек" title="Intro" url="/_mp3/intro.mp3" />
<track artist="Алек" title="Tide Of Time" url="/_mp3/tot.mp3" />
<track artist="Алек" title="Радиоволна" url="/_mp3/zhe.mp3" />

1 и 2-ая строка - mp3
3-я строка - радио
Можно убрать либо первую, либо вторую... можно добавить много своих... естественно нужно заменять имя артиста, название песни, ссылка к 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/
допустим мы залили песню на сайт, что дальше? Заливаем куда-нибудь mjupl .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>

Где жирный текст - это Ваши ссылки к файлам mjupl.swf и playlist.mpl

Плеер на Flv-mp3.com/ru/
Этот плеер довольно прост, и сделать его не составит большого труда.

1.Заходим на сайт http://flv-mp3.com/ru/
Там нам предлагается две модели для сборки: Видео (flv-плеер для сайта) и Аудио (mp3-плеер для сайта). Как Вы наверное уже поняли, нам нужен Аудио.
Под картинкой с изображением плеера Вы можете увидеть две кнопки: "Скачать" и "Собрать".Нам нужна кнопочка "Собрать".
Скриншот

2.Открылась страница, на которой мы и будем делать МР3 плеер.
Скриншот
а) Прямая ссылка на mp3-файл -здесь, как и в плеере myspace нам нужна прямая ссылка на файл, т.е. начинающаяся с 'http://' и заканчивающаяся '.mp3' (См.пост №2)
б) Путь к swf-файлу плеера - здесь уже есть ссылка, мы ее не трогаем.
в) Надпись - здесь Вы можете написать название песни, которую загружаете в плеер.
г) Минуты Cекунды -здесь можете указать длительность музыкального трека (необязательно), поэтому можете просто поставить 00:00.
д) Размеры -тут я думаю все понятно. Скажу лишь, что настраивать можно только ширину, высота указывается автоматически.
е) Автозапуск -оставляем "Нет", т.к. это более удобно. (Хотя если хотите, то можете поставить "Да")
ж) Цвет -выбираете цвет плеера. Помимо стандартной палитры, Вы можете выбрать один из скинов. (Чтобы воспользоваться этой функцией, ставите галочку напротив "Скин", и используете кнопку "Выбрать скин на сервере".)
з) Громкость звука -70% по умолчанию, можете делать громче или тише. Так же в этой строчке находится парамерт "Прямые углы".Если Вы поставите галочку напротив, то Ваш плеер будет иметь вид прямоугольника, если же не поставите,то это будет прямоугольник с закругленными краями=)

3.И наконец нажимаете на кнопку "Собрать и получить html-код". Вам выдадут код, который можете разместить там, где Вам угодно.
Скриншот

+2

2

Загрузка музыки на хостинг Hotlinkfiles.com
Ссылка
Прежде всего Вам необходимо зарегистрироваться. Объясню все подробно, для тех, кто плохо знает английский.
1.Нам нужна кнопка Register, которую Вы можете найти в меню навигации.
Скриншот

2.Вам предложат выбрать план, естественно, Вы выбираете Free (бесплатный). Нажимаете кнопку "Select This Plan".
Скриншот

3.После этого Вы переходите на страницу регистрации.
Username -ник.
Password -пароль.
Confirm password -подтвердите пароль.
Email address -действительный почтовый ящик.
Verification -ввести код,изображенный на картинке.
User Preferences -пользовательское предпочтение:
Allow other users to see my email address -разрешить другим пользователям видеть мой Email.
Accept private messages from other users -получать личные сообщения от других пользователей.
После регистрации Вам на указанный адрес должно прийти письмо с потверждением регистрации.

4.После регистрации Вы идете в раздел "Upload",который появился в меню навигации.
Ну а дальше все просто: жмете кнопку "Обзор", выбираете файл, который хотите загрузить в плеер, и нажимаете кнопку "Upload",и ждете=)

5.Когда файл загрузится, Вы выбираете ссылку "Just the direct URLs ". Начинается с http:// и заканчивается mp3, как раз так, как нам нужно=)
Скриншот

Ну а дальше вставляете эту ссылку в плеер и слушаете=)

0

3

Плеер на Myflashfetish.com
Еще один, на мой взгляд, неплохой МР3 плеер, который достаточно просто создать (здесть тот же принцип, что и на  http://player.myspace-player.com)
1.Для начала необходимо зарегистрироваться

2.После регистрации идем в раздел "MP3 Players".

3.Открывается страница с различными видами плееров, выбираете понравившийся и щелкаете по кнопке "Create Now".

4.Теперь переходим к настройкам. Все просто:
Color -цвет плеера (есть множество оттенков, а также возможность самим создать нужный цвет и его оттенок).
Player Styles -ненужная кнопка, можете смело пропускать её.
Player Type  -кнопочка на случай, если Вы вдруг захотите изменить выбранный стиль плеера.
Options -опции плеера. Советую убрать галочку напротив "Autoplay", иначе при переходе на новые страницы плеер будет начинать играть, а это будет раздражать как Вас, так и ваших пользователей.

5.Теперь добавляем музыку. В колонку "МР3 Title" - названия треков, в колонку "MP3 URL" -прямые ссылки на треки (начинается с http:// и заканчивается .mp3).
После добавления жмем на кнопку "Add MP3s".

6.Нажимаете на "Save (Get Code)", копируете код и вставляете его на форум.

0

4

Хостинги для загрузки музыки
Специально для Вас нашла еще два хороших хостинга для загрузки музыки:
http://boxstr.com/ и http://fileden.com/

Вообщем здесь такой же принцип как и на  Hotlinkfiles.com (См.пост №2)
Для начала необходимо зарегистрироваться, затем загрузить музыку, и скопировать ссылку "Just the direct URLs ".

0

5

Плеер на Yourpimpspace.com
Еще один сайт, на котором Вы сможете создать Flash плеер для своего форума. Стилей оформления плеера здесь немного, но они весьма оригинальные.
Скриншот

1.Заходим на http://www.yourpimpspace.com/flash-mp3-players/

2.Выбираем подходящий стиль.

3.Загружаем музыку, вставляя в плей-лист прямые ссылки на треки.

4.Переходим к настройкам:
Play when profile loads -автоматический запуск плеера.
Show the Playlist -показывать плей-лист.
Repeat Tracks -повторять треки.
Shuffle Tracks -"перемешать" треки.

5.Нажимаем кнопку "Generate the Code" и получаем код плеера.

Когда Вы поставите плеер на форум, то заметите,что с плеером также "прилагается" реклама, которая нам абсолютно ни к чему, поэтому берем код плеера:

<embed allowscriptaccess="never" src="http://www.yourpimpspace.com/flash-mp3-players/TSPlayerV2.1.swf" menu="false" quality="high" width="400" height="325" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlistfile=http://www.yourpimpspace.com/uploads/playlist/2008-02-29/gNmABZyUCz.xml&configurationfile=http://www.yourpimpspace.com/uploads/conf/2008-02-29/0JPLS4HLFr.xml" wmode="transparent" /></embed>
<a target="_blank" href="http://www.yourpimpspace.com/"><img border="0" src="http://www.yourpimpspace.com/support.gif" alt="MySpace Layouts" style="left: 0px; position: absolute; top: 0px" /></a><a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 35px;">MySpace Layouts</a>
<a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 50px;">MySpace Codes</a> <a href="http://www.yourpimpspace.com/" target="_blank" style="position:absolute; right:0px; top: 65px;">MySpace Backgrounds</a>
<br><center><a href="http://www.yourpimpspace.com/flash-mp3-players">Get your own Flash MP3 Player</a></center>

И убираем строчки выделеные красным. Или проще говоря удаляем гиперссылки содержащие "MySpace Layouts".
Теперь у нас нет навязчивой рекламы, зато есть красивый плеер. Приятного прослушивания=)

Realplayer-Code
Простой и весьма симпaтичный плеер, в который можно загрузить только один трек.
Скриншот
Поэтому можно создать отдельную страничку или дополнительное окно с такими плеерами.

<embed name="realPlayerControls" src="http://Ссылка на трек.mp3" width="240" height="35" type="audio/x-pn-realaudio-plugin" autostart="false" autogotourl="false" console="radio" controls="ControlPanel"></embed>

0

6

Плеер в отдельном окне
(c) Usher
Итак,сейчас мы рассмотрим пример того, как можно сделать плееры в отдельном окне, которое появлялось бы при нажатии на кнопку.

1.Заходите на сайт  http://boomp3.com/ и ищете нужную Вам композицию. (Поиск находится в верхнем правом углу, на случай если не нашли;). Вам может открыться длинный список с одинаковыми композициями, по какой ссылке Вы щелкнете не имеет значения.

2.Вы попадете на страницу, на которой можно увидеть как выглядит сам плеер, и скопировать его код. Чтобы скопировать его, щелкните по кнопке "Post this player to your blog". В открывшемся окошке щелкаете по кнопке "Copy". Все, код скопирован.
В моем случае он выглядит так:

<embed src="http://static.boomp3.com/player.swf?id=8a5caa30d16b" type="application/x-shockwave-flash" wmode="transparent" width="200" height="20" allowScriptAccess="always" align="middle"></embed><a style="font-size: 9px; color: #ccc; letter-spacing: -1px; text-decoration: none" href="http://boomp3.com/m/8a5caa30d16b/3-enya-only-time">boomp3.com</a><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/CIMP/Jmx*PTEyMDQzNzExMjYyNzkmcHQ9MTIwNDM3MTEyNzM5OCZwPTcwNzUxJmQ9Jm49.jpg" />

Важно!
Вам нужно заменить в этом коде все кавычки (") на апостроф ('). Такую же операцию Вы проделываете с кодом каждого плеера, который захотите добавить.

3.Теперь берем данный скрипт и вставляем его в 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>

Вместо выделенного Вы вставляете уже переделанный код плеера. Чтобы вставить несколько плееров Вы добавляете их коды в скрипт, разделяя тегом <br>.

4.Теперь нужно создать кнопку. Берем этот код:

<img src="Адрес картинки" title="Открыть mp3-player" align="absmiddle" alt="mp3" onclick="openim('cursor:pointer')" style='cursor:hand'>  » MP3 Player

И вставляем его туда, где хотите видеть кнопку (верх, низ, объявление). Вместо "Адрес картинки" ставите ссылку на свою кнопку (вернее на картинку, которую Вы хотите использовать как кнопку;).

0

7

Музыка с портала RealMusic в постах
(с)Romych
Наконец-то удалось разобраться с RealMusic!!! Спасибо Игорю Володину!!!
теперь каждый желающий может размещать в своих постах музыку с этого ресурса
http://imagepost.ru/images/logot.png
если кто не знает, что такое Real Music и с чем его едят, читайте ЭТО
Ставить в HTML-низ

Код:
<script type="text/javascript">
function addSpoiler(str,from,internal){
    
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[music]",from))==-1) return str;
    if((pos2=str.indexOf("[/music]"),pos+8)==-1) return str;
    newpos=str.indexOf("[music]",pos+8)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+8,true)
    if((pos2=str.indexOf("[/music]",pos+8))==-1) return str;
    
    str=str.substring(0,pos)+makeSpoiler(str.substring(pos+7,pos2))+str.substring(pos2+8,str.length)
    if( str.indexOf("[music]")!=-1 && internal==false) str=addSpoiler(str,0,false)
    return str
}

function makeSpoiler(txt){
    txt='<br /><embed type="application/x-shockwave-flash" src="http://www.realmusic.ru/system/mplayer/mediaplayer.swf" quality="high" allowscriptaccess="always" flashvars="height=20&amp;width=400&amp;file=http://files.realmusic.ru/files/'+txt+'/'+txt+'.mp3" height="20" width="400">';
    return txt;
}

if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
</script>

а вот кнопка, которая ставится в форму ответа

Код:
<style>
#button-music {background-image:url(http://img20.imageshack.us/img20/4541/realmusic2.jpg); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(20).innerHTML="<img title='Загрузить музыку с RealMusic.ru' img src='/i/blank.gif' id='button-music' onclick=\"bbcode('[music]', '[/music]');\"/>"
</script>

при нажатии кнопки выскакивают теги [music]......[/music]
допустим нужная мне песня имеет адрес http://www.realmusic.ru/songs/584174
из него нам понадобятся только цифры, получится [music]584174[/music]

0

8

Ещё один скпипт с хостингом http://playfile.ru. Как говорят что файла хранятся вечно, регистрация не требуется.
В HTML низ

Код:
<script type="text/javascript">
function addSpoiler(str,from,internal){
    
    var pos=0,pos2=0,newpos=0
    if((pos=str.indexOf("[playf]",from))==-1) return str;
    if((pos2=str.indexOf("[/playf]"),pos+8)==-1) return str;
    newpos=str.indexOf("[playf]",pos+8)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+8,true)
    if((pos2=str.indexOf("[/playf]",pos+8))==-1) return str;
    
    str=str.substring(0,pos)+makeSpoiler(str.substring(pos+7,pos2))+str.substring(pos2+8,str.length)
    if( str.indexOf("[playf]")!=-1 && internal==false) str=addSpoiler(str,0,false)
    return str
}

function makeSpoiler(txt){
    txt='<br /><embed type="application/x-shockwave-flash" id="videoplayer757" src="http://playfile.ru/images/player.swf" quality="high" allowscriptaccess="always" flashvars="st=http://playfile.ru/images/player_style_audio.inc&amp;file=http://playfile.ru/load/'+txt+'/" width="230" height="36">';
    return txt;
}

if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
</script>

В Форму ответа

Код:
<style>
#button-mybb {background-image:url('http://img31.imageshack.us/img31/1875/sound.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">

var popup;
    function popplayfile()
    {
    popup = window.open("http://www.playfile.ru/","popDialog","height=630,width=650")
    if (!document.all)  {popup.moveTo(100,100);}
    return false
    }

if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(17).innerHTML="<img src='/i/blank.gif' img title='Загрузить музыку' alt='Загрузить музыку' id='button-mybb' onclick=\"popplayfile(); bbcode('[playf]', '[/playf]');\"/>"
</script>

При нажатии кнопки  выскакивают окно для загрузки файла и теги [playf]......[/playf]
После загрузки получите ссылки, из первой ссылки берём номер как и в предыдущем скрипте и вставляем в теги
получится примерно так [playf]18547[/playf]

0

9

Здравствуйте! Подскажите, пожалуйста. Я создала плеер по вашим рекомендациям на Player.myspace-player.com. Разместила код в html-верх. Плеер установился, но музыка не играет. :'(  Мой форум http://fantastikabest.bestff.ru.

Вот код:

<br><center><embed src="http://player.myspace-player.com/swf/c9632a705fc521i7ajhidcf93fdbfcfk/lcd31.swf" menu="false" quality="high" width="270" height="104" name="poqbum-dot-com" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http%3A%2F%2Fplayer.myspace-player.com%2Fswf%2Fc9632a705fc521i7ajhidcf93fdbfcfk%2Fmp3player.xml" wmode="transparent"></embed></center><center><a href="http://www.myspace-player.com/"><small>Get Your Own Player!</small></a></center><br><br>

Отредактировано Катрина (24 Июл 2010 03:29:24)

0


Вы здесь » Техническая поддержка SpyBB » Оформление форума » МР3 плеер на форум