Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум поддержки IPB.SU > Поддержка модификаций > Универсальный mp3 плеер


Автор: Romych Апр 25 2010, 21:19
решил создать отдельную тему, поскольку это нечто иное по сравнению с соседней темой
http://ipboard.net/index.php?showtopic=2914

представляю вашему вниманию mp3 плеер, работающий с прямыми ссылками на mp3 в постах

user posted image

в Админцентр -> Скины и Шаблоны -> HTML шаблоны -> Настройка HTML (напротив нужного названия скина) -> Topic View Section -> Footer

добавляем скрипт:

CODE
<script type="text/javascript">
var mus, html, result;
var div = document.getElementsByTagName("div")
for( i=0; i < div.length; i++ )
{
if(div[i].className == 'postcolor')
{
if(div[i].innerHTML.indexOf("[music]")!=-1 && div[i].innerHTML.indexOf("[/music]")!=-1)
{
 html = div[i].innerHTML;
 mus = /\\[music\\]([0-9a-zA-Z\\-\\_\\+\\(\\)\\&\\?\\%\\$\\#\\~\\.\\'\\"\\=\\^\\;\\:\\,\\{\\}\\/]{1,110})\\[\\/music\\]/g
 result = html.replace(mus, "<br><embed src='$1' type='audio/x-mpeg' wmode='transparent' width='280' height='45' autostart='false' loop='false'></embed><br>")

 div[i].innerHTML = result}}}
</script>


теги для работы [music]....[/music],
с ссылкой так [music]http://files.tut-zaycev.net/rammstein-pussy.mp3[/music]

и чтобы облегчить работу, сделал кнопку, по нажатию на которую выплывает диалоговое окно, облегчающее работу с тегами

user posted image

в Админцентр -> Скины и Шаблоны -> HTML шаблоны -> Настройка HTML (напротив нужного названия скина) -> Сообщения (Post Screen Sections) -> Post: Code Buttons & Post Text area (редактировать)

вставляем такой скрипт в самом верху

CODE
<script type="text/javascript">
var mem_Guest = "{ibf.member.name}";
function addtag(code1, code2)
{
document.REPLIER.Post.value = code1 + document.REPLIER.Post.value + code2;
//return true;
}
function tag_mp3()
 {var FoundErrors = '';
 var enterURL   = prompt("Введите ссылку на mp3 файл", "http://");
 
 if (!enterURL) {
 FoundErrors += " " + error_no_url;}
 
 if (FoundErrors) {
 alert("Error!"+FoundErrors);
 return;}
 
  doInsert("[music]"+enterURL+"[/music]", "", false);}
</script>


если вы используете мод YouTube, то часть данного скрипта у вас уже есть,
а именно
CODE
var mem_Guest = "{ibf.member.name}";
function addtag(code1, code2)
{
document.REPLIER.Post.value = code1 + document.REPLIER.Post.value + code2;
//return true;
}

можете её не дублировать, а вставить после неё только эту часть
CODE
function tag_mp3()
 {var FoundErrors = '';
 var enterURL   = prompt("Введите ссылку на mp3 файл", "http://");
 
 if (!enterURL) {
 FoundErrors += " " + error_no_url;}
 
 if (FoundErrors) {
 alert("Error!"+FoundErrors);
 return;}
 
  doInsert("[music]"+enterURL+"[/music]", "", false);}



ищем в этом же шаблоне вот такой код кнопки
CODE
<input type='button' accesskey='u' value=' U ' onclick='simpletag("U")' class='codebuttons' name='U' style="text-decoration:underline" onmouseover="hstat('under')" />


и после него вставляем код нашей кнопки

CODE
<input type='button' accesskey='m' value=' music ' onclick='tag_mp3()' class='codebuttons' name='M' onmouseover="hstat('music')" />


и на этом всё

http://testing.ipb.su/index.php?act=ST&f=1&t=3&st=0


з.ы.
скрипты на mp3 плеер и youtube лучше устанавливать одновременно, чтоб не съедалась часть кода одного из них при сохранении по отдельности

Автор: Romych Апр 25 2010, 21:38
ой, прошу прощения, не тот вариант плеера выложил (хотя тот тоже универсален, но требует наличие квик-тайм плеера у вас на компе )

вот та версия которую хотел выложить изначально

в Админцентр -> Скины и Шаблоны -> HTML шаблоны -> Настройка HTML (напротив нужного названия скина) -> Topic View Section -> Footer

добавляем скрипт:

CODE
<script type="text/javascript">
var mus, html, result;
var div = document.getElementsByTagName("div")
for( i=0; i < div.length; i++ )
{
if(div[i].className == 'postcolor')
{
if(div[i].innerHTML.indexOf("[music]")!=-1 && div[i].innerHTML.indexOf("[/music]")!=-1)
{
 html = div[i].innerHTML;
 mus = /\\[music\\]([0-9a-zA-Z\\-\\_\\+\\(\\)\\&\\?\\%\\$\\#\\~\\.\\'\\"\\=\\^\\;\\:\\,\\{\\}\\/]{1,110})\\[\\/music\\]/g
 result = html.replace(mus, "<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=$1' height='20' width='400'></embed><br>")

 div[i].innerHTML = result}}}
</script>


далее всё как описано в первом посте

Автор: agentvon Апр 25 2010, 21:48
Второй варинат работает на ура. Даже прямые ссылки на аудио из контакта работают. Все просто супер smile.gif.

Автор: CheltoN Апр 25 2010, 22:01
Думаю последние 2 строчки нужно было поместить в начала поста..Какой плагин нужно грузить для отображения плеера?

Автор: Romych Апр 25 2010, 22:18
QUOTE (CheltoN @ Сегодня, 22:02)
.Какой плагин нужно грузить для отображения плеера?


требуется QuickTime, вот адрес для закачки плагина - http://www.apple.com/quicktime/download/

кстати, плеер из первого поста работает с форматами - .mpg .mpeg .mp2 .mp3

QUOTE (CheltoN @ Сегодня, 22:02)
Думаю последние 2 строчки нужно было поместить в начала поста..

у меня нет прав здесь редактировать свои посты

Автор: Romych Апр 25 2010, 23:17
QUOTE (agentvon @ Сегодня, 21:49)
Даже прямые ссылки на аудио из контакта работают

к сожалению, с контактом не всё так просто, там ссылки имеют для каждого человека индивидуальный ключ, так что другие могут не услышать, то что слышишь ты

Автор: CheltoN Апр 25 2010, 23:42
После плеера перестал работать YouTube ...Не спеша начел разбиратся(не специалист конечно) YouTube мне важнее плеера и в итоге как старуха у корыта остлася.Вроде все удалил скрипты от плеера -заново YouTube выставил но не судьба.Где ошибся не пойму...

Автор: Romych Апр 26 2010, 00:07
я об этом предупреждал, что оба плеера надо устанавливать одновременно, поскольку при отдельной загрузке у одного из них (того что был загружен первым) в коде съедаются слэши


попобуйте так сразу оба плеера:

в Админцентр -> Скины и Шаблоны -> HTML шаблоны -> Настройка HTML (напротив нужного названия скина) -> Topic View Section -> Footer
в самый верх

CODE
<script type="text/javascript">
var r, html, result;
var div = document.getElementsByTagName("div")
for( i=0; i < div.length; i++ )
{
if(div[i].className == 'postcolor')
{
if(div[i].innerHTML.indexOf("[youtube]")!=-1 && div[i].innerHTML.indexOf("[/youtube]")!=-1)
{
 html = div[i].innerHTML;
 r = /\\[youtube\\]([0-9a-zA-Z\\-\\_]{11})\\[\\/youtube\\]/g
 result = html.replace(r, "<br><embed src='http://www.youtube.com/v/$1' type='application/x-shockwave-flash' wmode='transparent' width='425' height='350'></embed><br>")

 div[i].innerHTML = result}}}
</script>
<script type="text/javascript">
var mus, html, result;
var div = document.getElementsByTagName("div")
for( i=0; i < div.length; i++ )
{
if(div[i].className == 'postcolor')
{
if(div[i].innerHTML.indexOf("[music]")!=-1 && div[i].innerHTML.indexOf("[/music]")!=-1)
{
 html = div[i].innerHTML;
 mus = /\\[music\\]([0-9a-zA-Z\\-\\_\\+\\(\\)\\&\\?\\%\\$\\#\\~\\.\\'\\"\\=\\^\\;\\:\\,\\{\\}\\/]{1,110})\\[\\/music\\]/g
 result = html.replace(mus, "<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=$1' height='20' width='400'></embed><br>")

 div[i].innerHTML = result}}}
</script>


всё должно заработать

Автор: CheltoN Апр 26 2010, 00:30
Огромное спасибо-все заработало!

Автор: Romych Апр 26 2010, 13:31
думаю надо тут немного подробнее объяснить, почему видео и mp3 плееры надо устанавливать одновременно, и на что надо обращать внимание
при установке скриптов

в скриптах обоих плеерах содержится строка, с так называемым, регулярным выражением

в скрипте для YouTube вот она
SQL
r = /\\[youtube\\]([0-9a-zA-Z\\-\\_]{11})\\[\\/youtube\\]/g


в скрипте Универсального mp3 плеера, вот она
SQL
mus = /\\[music\\]([0-9a-zA-Z\\-\\_\\+\\(\\)\\&\\?\\%\\$\\#\\~\\.\\'\\"\\=\\^\\;\\:\\,\\{\\}\\/]{1,110})\\[\\/music\\]/g


если устанавливать скрипты плееров по очереди не одновременно, то при повторном редактировании
Админцентр -> Скины и Шаблоны -> HTML шаблоны -> Настройка HTML (напротив нужного названия скина) -> Topic View Section -> Footer

вы можете обратить внимание, что строка с регулярным выражением превращается вот в такую, на примере YouTube
SQL
r = /\[youtube\]([0-9a-zA-Z\-\_]{11})\[\/youtube\]/g


надеюсь, видите разницу? часть слэшов, которые экранируют символы, испарилась

поэтому рекомендую, составить для себя в блокноте джентельменский набор, включающий нужные вам скрипты и вставлять их все одновременно,
особенно те скрипты, которые содержат в себе регулярное выражение

Автор: Сергей Апр 26 2010, 16:32
Вы не имеете право выделять слова красным цветом (если даже это и требуется в пометке особо важного текста, используйте другой цвет). Красный шрифт имеют право использовать только администрация форума.

Автор: Romych Май 15 2010, 00:21
просили сделать вариант универсального плеера под темные стили

так что вот такой симпатичненький плеер

user posted image

куда и как вставлять написано в первом посте

CODE
<!--Универсальный mp3-плеер-->
<script type="text/javascript">
var mus, html, result;
var div = document.getElementsByTagName("div")
for( i=0; i < div.length; i++ )
{
if(div[i].className == 'postcolor')
{
if(div[i].innerHTML.indexOf("[music]")!=-1 && div[i].innerHTML.indexOf("[/music]")!=-1)
{
 html = div[i].innerHTML;
 mus = /\\[music\\]([0-9a-zA-Z\\-\\_\\+\\(\\)\\&\\?\\%\\$\\#\\~\\.\\'\\"\\=\\^\\;\\:\\,\\{\\}\\/]{1,110})\\[\\/music\\]/g
 result = html.replace(mus, "<br><embed src='http://www.demo-music.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&amp;st=http://www.demo-music.ru/pleer/style_pleer.txt&amp;file=$1' width='470' height='33'></embed><br>")

 div[i].innerHTML = result}}}
</script>


кнопка для него в теме http://ipboard.net/index.php?showtopic=2994

и ещё просили подсказать удобный хостинг для размещения mp3
рекомендую - http://klopp.net.ru/musicbox/

загружаем - получаем прямую ссылку на mp3 - вставляем в теги [music]......[/music]

ограничений в сроках хранения файлов не обнаружено

Автор: Barracuda Июл 15 2010, 22:23
http://ipboard.net/index.php?showuser=2237,А можно-ли сделать что-то подобное-Но работающие с прямыми ссылка на видео,и желательно flv-Что-бы с контакта можно было фильмы загружать?

Автор: Barracuda Июл 16 2010, 00:21
Ступил-Сам сделал)

Автор: Mister[NOA] Сен 21 2010, 21:32
К сожалению не работает с длинными ссылками, к примеру с сайта zaycev.net или с контакта (ссылка получена при помощи программы Vksaver) а с сайта tut-zaycev.net пишет что вообще файл не найден, хотя сервис предоставляет прямую ссылку. К примеру вот http://zaycev-mp3.net/mp3/stromae_alors_on_danse_[zaycev-mp3.net].mp3, та ссылка что у вас на тестовом форуме прописана в плеере на моем форуме отображается [music]http://zaycev-mp3.net/mp3/stromae_alors_on_danse_[zaycev-mp3.net].mp3[/music] вместо плеера.

Автор: Mister[NOA] Сен 21 2010, 21:54
Я кажется понял, нужно прописать в скрипте квадратные скобочки. Теперь http://zaycev-mp3.net/mp3/stromae_alors_on_danse_[zaycev-mp3.net].mp3 проигрывается без проблем.

Просьба разработчика сделать цвет плеера в тему данного форума поддержки. Был бы очень признателен.

Автор: Bagira Дек 27 2010, 19:15
А нельзя ли совместить универсальный плеер и МП3 плеер в одном?Я сделала как сказано ранее-вставила общий код в футере в самый верх,но все равно многие видео сбились,так как вставляла с учетом добавленных маил ру и прочих добавленных сайтов.Кроме того, неясно
с этими скобками[].Получается юзеры должны сами их добавлять?Для них это катастрофа тогда.Люди стали крайне неактивными,а если задача усложняется,желание постить напрочь обламывается.
Если бы автор был так добр и обьяснил бы как совместить последнюю версию версию универсального видеопеера и мп3 это было бы супер.
Romych,заранее поздравляю вас с Натупающим Новым годом и желаю счастливого и удачного 2011.Спасибо вам за вашу помощь всем нам.

Автор: Romych Дек 28 2010, 00:54
Цитата (Bagira @ Дек 27 2010, 19:15)
А нельзя ли совместить универсальный плеер и МП3 плеер в одном?Я сделала как сказано ранее-вставила общий код в футере в самый верх,но все равно многие видео сбились,так как вставляла с учетом добавленных маил ру и прочих добавленных сайтов.Кроме того, неясно
с этими скобками[].Получается юзеры должны сами их добавлять?Для них это катастрофа тогда.Люди стали крайне неактивными,а если задача усложняется,желание постить напрочь обламывается.
Если бы автор был так добр и обьяснил бы как совместить последнюю версию версию универсального видеопеера и мп3 это было бы супер.
Romych,заранее поздравляю вас с Натупающим Новым годом и желаю счастливого и удачного 2011.Спасибо вам за вашу помощь всем нам.

вообще-то уже не надо устанавливать скрипт мр3 плеера в шаблоны,
он уже включён в движок сервиса
просто берёте прямую ссылку на мр3 файл,
например - http://poiskm.ru/index.php/get/soundtrack/13496/821fef/f?download.mp3

и вставляете его между тегами [/audio]

должно получиться так




или так



кнопку для удобства работы, надеюсь скоро администрация сервиса добавит во все шаблоны

Вас так же с Наступающим!

Автор: Romych Дек 28 2010, 00:57
упс...из-за глюков продублировался пост

Автор: Нихто Июл 9 2011, 01:30
Что-то перестал ваш плеер работать...

Автор: Нихто Июл 9 2011, 01:35
Развалился он почему-то нахрен вдребезги...

Умеете вы улучшать, епть

Автор: Romych Июл 9 2011, 09:52
Цитата (Нихто @ Июл 9 2011, 01:35)
Развалился он почему-то нахрен вдребезги...

Умеете вы улучшать, епть

где развалился? ссылку в студию
и к кому претензии, епть?

Powered by Invision Power Board (//www.invisionboard.com)
© Invision Power Services (//www.invisionpower.com)