Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Новые возможности форумов » Музыка в постах


Музыка в постах

Сообщений 661 страница 680 из 762

1

Актуальная на дынный момент версия - Мультитрековый плеер v2
Предыдущие версии с подробными инструкциями актуальными до сих пор:
Мультитрековый плеер в постах (плеер с плейлистом) v1.0
Мультитрековый плеер в постах (плеер с плейлистом) v1.1

+5

661

t3945 написал(а):

Менялся ли скрипт с момента постинга (https://forum.mybb.ru/viewtopic.php?id=1 … 31#p904979)?

да, кое-какие правки были добавлены

t3945 написал(а):

Кто знает, что случилось с сайтом zaycev.net, исчезла возможность получать ссылки на mp3

Это и раньше было, у некоторых треков отсутствовала кнопка скачать, что делать? Ищите этот же трек через поиск на сайте zaycev.net, возможно по другой ссылке найти уже с кнопкой скачать. Второй вариант, как я уже писал, можно воспользоваться браузерными расширениями, такими как Video Downloader Pro

0

662

Вообщем сделал такой вариант Плеера в минипрофиле на базе скрипта от Ромыча:

Код:
<!-- Плеер в профиле -->
<style>
div[id^="r2-"] {
  background-color: #9f9f9f; 
  border: 1px solid #59add4; 
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
 -moz-border-radius: 4px;border-radius: 4px;khtml-border-radius:4px;-webkit-border-radius:4px;
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
margin:1px;z-index:200;overflow:hidden;width:190px;opacity: 0.9;
text-shadow: 0 1px 0 rgba(255,255,255,.4);font-weight: bold;padding: 3px;
}

div[id^="r2-"] .volume {display: block;right:-10px;margin-left:60px;margin-top:10px;}
 
#play2 {background: transparent url(https://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 -22px;
border: 0 none;cursor: pointer;display: block;float: left;height: 31px;left: 13px;margin: 7px;vertical-align: super;width: 31px;}
#prev2,#next2 {border: 0 none;cursor: pointer;height: 10px;margin-left: 9px;width: 21px; vertical-align: middle;}
#prev2 {background: transparent url(https://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 0;}
#next2 {background: transparent url(https://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 -11px;}
#volume2{-webkit-appearance:none;border-radius:4px;box-shadow:inset 0 0 1px#333;
background-color:#999;cursor: pointer;height:4px;left: 40px;position: absolute;top: 9px;vertical-align: bottom;width:70px;}

#seekbar2 { -webkit-appearance:none !important;background: #999;border-radius:4px; box-shadow:inset 0 0 1px#333;height:4px;width: 120px; vertical-align: super;}

#duration2, #end2 {font-size: 0.8em; vertical-align: super;}
#timebox2 {margin: 2px;}
#track2 { font-size: 0.8em;overflow: hidden;padding: 5px; text-align: left;width: 180px;}
#track2 li{cursor: pointer;}
#track2 li:nth-child(odd) {background: #dadada;}
#track2 li:nth-child(even) {background:#cdcdcd;}
#track2 li.active {background:#bddeee;}
</style>

<script type="text/javascript">
$('.pa-fld1:contains("[/player]")').map(function(){var ud2=$(this).closest("div.post").attr('id');var txt=$(this).html();txt=txt.replace(/\[player\](\[\{n\:\".*?\"\,u\:\".*?\"\}\])\[\/player\]/gm,'<div id="r2-'+ud2+'"><div id="cover2"><img height="24"width="24"align="left"src="https://forumstatic.ru/files/0012/72/15/53582.png"style="overflow: hidden; left: 0px; top: 0px; margin: 0px; max-width: none; max-height: none; border: medium none; line-height: 1; background-color: transparent; backface-visibility: hidden; width: 24px; height: 24px;filter: drop-shadow(0px 1px 3px DimGrey); -webkit-filter: drop-shadow(0px 1px 3px DimGrey); opacity: 1;"></div><button id="play2"title="play/stop"></button><button id="prev2"title="предыдущий"></button>&nbsp;<button id="next2"title="следующий"></button><span class="volume"style="padding-right: 5px;"><input id="volume2" min="0" max="10" value="5" type="range"step="1" title="громкость"></span><div id="timebox2"><span id="duration2">0.0</span>&nbsp;<input type="range" step="any" id="seekbar2" value="0" max="">&nbsp;<span id="end2"></span><i id="plist2"class="material-icons"style="cursor: pointer;margin-left: 5px;vertical-align: sub;"title="показать/скрыть плейлист">list</i></div><div id="action2"></div><div id="track2"></div><audio id="audio-'+ud2+'"></audio><div id="pl2" style="display:none">$1</div></div>');$(this).html(txt);var pt2=$('#r2-'+ud2+' #pl2').text();var audio=new Audio();var i=0;var playlist2=(new Function('return '+pt2+';')());if(!playlist2){return;};audio.src=playlist2[0].u;var t='<ul>';for(var i=0,max=playlist2.length;i<max;i++){var nm=playlist2[i].n;var ur2=playlist2[i].u;var cov2=playlist2[i].c;t+='<li data-audio-url="'+ur2+'" data-cover-src="'+cov2+'">'+(i+1)+'. <img src="'+cov2+'" height="16"width="16"> '+nm+'</li>';}
t+='</ul>';$('#r2-'+ud2+' #track2').append(t);audio.volume=0.5;$('#r2-'+ud2+' #volume2').live('change keyup input',function(){audio.volume=parseFloat(this.value/10);if(this.value<=2){$('#r2-'+ud2+' .volume').css('background-position','0 0');}
else if(this.value<=4){$('#r2-'+ud2+' .volume').css('background-position','0 -25px');}else if(this.value<=6){$('#r2-'+ud2+' .volume').css('background-position','0 -50px');}
else{$('#r2-'+ud2+' .volume').css('background-position','0 -75px');};return false;});if(!sessionStorage['act']){sessionStorage['act']='stop';};function playAct(){sessionStorage['act']!='stop'?audio.play():audio.pause()};function listAct(){$('#r2-'+ud2+' #track2 li').each(function(){var a=$(this).data('audio-url');var b=audio.src;var ti2=$(this).text();if(a.indexOf(b)!=-1){$(this).addClass('active').siblings('li').removeClass('active');$('#r2-'+ud2+' #action2').text(ti2);}});}
function vinil(){var c=$('#r2-'+ud2+' li.active').data('cover-src');if(c=='undefined'||c==''){$('#r2-'+ud2+' #cover2 img').attr('src','https://forumstatic.ru/files/0012/72/15/53582.png').addClass('spin');}else{$('#r2-'+ud2+' #cover2 img').attr('src',c).removeClass('spin');}}
$('#r2-'+ud2+' #play2').live('click',function(){if(audio.paused){err();audio.play();sessionStorage['act']='play';listAct();vinil();$(this).css({'background-position':'0 -53px','filter':'drop-shadow(0px 1px 2px deepskyblue)','-webkit-filter':'drop-shadow(0px 1px 2px deepskyblue)'});}else{audio.pause();sessionStorage['act']='stop';$(this).css({'background-position':'0 -22px','filter':'none','-webkit-filter':'none'});$('#r2-'+ud2+' #cover2 img').removeClass('spin');$('#r2-'+ud2+' #action2').text('');}});var seekbar2=$('#r2-'+ud2+' #seekbar2')[0];function setupSeekbar2(){seekbar2.max=audio.duration2;var min=parseInt(audio.duration2/60,10);var sec=parseInt(audio.duration2%60);var endTime=min+'.'+sec;if(seekbar2.max=='Infinity'){endTime='<i class="material-icons" style="font-size: 1.4em;vertical-align: sub;">all_inclusive</i>'};$('#r2-'+ud2+' #end2').html(endTime);}
audio.onduration2change=setupSeekbar2;audio.addEventListener('duration2change',setupSeekbar2);audio.addEventListener('timeupdate',function(){var s2=parseInt(audio.currentTime%60);var m2=parseInt((audio.currentTime/60)%60);$('#r2-'+ud2+' #duration2').html(m2+'.'+s2);$('#r2-'+ud2+' #seekbar2').attr('max',audio.duration2);$('#r2-'+ud2+' #seekbar2').val(audio.currentTime);var p=Math.ceil((audio.currentTime/audio.duration2)*100);$('#r2-'+ud2+' #seekbar2').css({'height':'4px','background-image':'-webkit-linear-gradient(left, #6ac3d4 '+p+'%, #999 '+p+'%)','background-image':'linear-gradient(to right, #6ac3d4 '+p+'%, #999 '+p+'%)'});return false;});$('#r2-'+ud2+' #seekbar2').live('change',function(){audio.currentTime=$(this).val();});$('#r2-'+ud2+' #next2').live('click',function(){i=$('#r2-'+ud2+' #track2').find('li.active').index();i=++i<playlist2.length?i:0;audio.src=playlist2[i].u;listAct();vinil();audio.currentTime=0;playAct();});$('#r2-'+ud2+' #prev2').live('click',function(){i=$('#r2-'+ud2+' #track2').find('li.active').index();i=--i>-1?i:playlist2.length-1;audio.src=playlist2[i].u;listAct();vinil();audio.currentTime=0;playAct();});$(audio).live('ended',function(){$('#r2-'+ud2+' #next2').trigger('click');});$('#r2-'+ud2+' #track2 li').live('click',function(){audio.src=$(this).data('audio-url');listAct();playAct();$('#r2-'+ud2+' #play2').trigger('click');});function err(){audio.addEventListener('error',function failed(e){switch(e.target.error.code){case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:$.jGrowl('Утраченная ссылка на аудио. Или неподдерживаемый этим браузером формат');break;}},true);}
$('#r2-'+ud2+' #plist2').live('click',function(){$('#r2-'+ud2+' #track2 ul').slideToggle('slow');});});
</script>

Не стал делать вариант подгружаемого скрипта, бо здесь надо настраивать: $('.pa-fld1:contains("[/player]")') - вместо pa-fld1 ставим свой номер Дополнительного поля. Поле создавать многострочное. Есть баг - не отображает полное время трека - где то я что-то пропустил...

Ставить в поле профиля треки на одной строке, иначе плеер не будет работать, пример вставки в допполе треков:

[player][{n:"Крематорий. Безобразная Эльза",u:"https://rocld.com/mpx9",c:""},{n:"Гребенщиков. Звездочка моя ясная",u:"https://rocld.com/mpxa",c:""},{n:"Чего то там",u:"https://rocld.com/ypxb",c:""}][/player]

Выглядит вот так:
http://sg.uploads.ru/9cYl5.png

+2

663

kolobdur74 написал(а):

Вообщем сделал такой вариант Плеера в минипрофиле на базе скрипта от Ромыча

поторопился ты, хотя пусть будет, я уже тоже сделал, покомпактнее, колдую на мелочами и дополнительными фишками

+1

664

Romych написал(а):

поторопился ты, хотя пусть будет, я уже тоже сделал, покомпактнее, колдую на мелочами и дополнительными фишками

Не дождался я)) :D Это как временный вариант пока ты свой не выложишь))

0

665

Вот здесь слева классный плеер, я помню наткнулся давно на него и обалдел. Теперь и у нас такой же есть. Я ссылку дал просто, вдруг поможет для новых идей...

http://s4.uploads.ru/YAytN.jpg

+2

666

вот всё замечательно, плеер внешне выглядит супер, но вот реализация, мне кажется, для обычного пользователя трудоёмкая, муторная.
смотрела везде разные скрипты, но никак не пойму, а есть ли плеер, который может воспроизводить и ссылки с сайтов и загруженную с компа? я зря что ли скачивала весь альбом?  :D
подскажите пожалуйста, есть ли такая возможность, загружать свою музыку с компьютера.

0

667

Tusich написал(а):

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

Пока нет, в перспективах на будущее есть, но не в ближайших планах ( Ибо музыку пока заливать некуда, возможно после реализации разделения загрузок сможем загружать музыку на форумы

+2

668

Alex_63
было бы очень здорово! а то ссылки довольно часто меняются и то, что в плеере воспроизводилось, через день может уже и не работать.

0

669

Tusich
Ну на данный момент я не вижу возможности реализации(а если и есть - то оч сложный вариант с побайтовой перекодировкой в картинку и обратным декодированием при воспроизведении) За такой Вариант пока браться не буду  - ибо возможно появится возможность заливки на uploads аудио(хотя пока не факт)

+1

670

Alex_63
ну будем ждать, очень надеюсь, что на uploads появится такая функция.

+1

671

Tusich написал(а):

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

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

+2

672

Romych написал(а):

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

спасибо, уже об этом прочитала, ещё больше получается телодвижений  :D ну да ладно, будем ждать продвижений и изменений ситуации в лучшую сторону :))

0

673

я прошу прощение за просьбу, а можно починить плеер с простоплеер? вот такого вида
http://sf.uploads.ru/BHmEX.png

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

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

стоял этот скрипт

Код:
<!--audio в одном v.2.4-->
<script type="text/javascript">
var player;
$(function(){
$('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif")\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>');
$('div.post-content p').map(function () {
text = $(this).html(); 
if(text.indexOf("zippyshare.com") != -1) {
player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://api.zippyshare.com/api/mediaplayer/mediaplayer.swf' flashvars='height=20&amp;width=400&amp;file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&amp;volume=80&amp;autostart=false&amp;frontcolor=0x000000&amp;backcolor=0xffffff&amp;lightcolor=0x000000&amp;type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));}
if(text.indexOf("promodj.ru") != -1) {
player = /\[audio\]http:\/\/(.*?)\.promodj\.ru\/(.*?)\/(\d+)\/(.*?)\.html\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://i.cdn.promodeejay.net/swf/bigwaveplayer_release9.swf' type='application/x-shockwave-flash' wmode='transparent' width='100%' height='150' allowFullScreen='true' flashvars='link=http%3A%2F%2Fpromodj.ru%2Fprelisten%2F$3%2Fbobmarley%3Fwtf%3D0.41394098338022567%26no_external%3D1&amp;wave=http%3A%2F%2Fpromodj.ru%2Fwaveform_prelisten%2F$3%2Fbobmarley.png%3Fwtf%3D0.41394098338022567%26stub%3D1&amp;slowChannel=1&amp;autostart=0&amp;volumePercent=100&amp;wavecolor=12982542'></embed>"));
}
if(text.indexOf("prostopleer.com") != -1) {
player = /\[audio\](.*?)\/tracks\/(.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<br /><embed src='http://embed.prostopleer.com/track?id=$2' type='application/x-shockwave-flash'  wmode='transparent' width='411' height='28'></embed>"));
}
if(text.indexOf(".mp3") != -1) {
player = /\[audio\](.*?)\[\/audio\]/gi
$(this).html(text.replace(player, "<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'>"));
}  });  });
function tag_play()
{var FoundErrors = '';
var enterURL = prompt("Введите ссылку на на музыку с promodj.ru, zippyshare.com, prostopleer.com или прямую ссылку формата .mp3 ", "http://");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[audio]" + enterURL + "[/audio]");}
</script>
<!-- Конец скрипта музыки -->

Отредактировано Tusich (Вт, 7 Фев 2017 21:43:13)

+1

674

Tusich написал(а):

я прошу прощение за просьбу, а можно починить плеер с простоплеер? вот такого вида

Плюсую. У меня сейчас стоит новый, но как оказалось, некоторые пользователи с ним так и не подружились, затык в получении прямых ссылок. Я конечно понимаю, что это личные проблемы юзеров, но все-таки они просят и старый вернуть. Вообще можно ставить их оба?

0

675

Всем привет!

Недавно наткнулся на ссылку http://itpodcasts.com.ua/?p=2537

Понравился лаконичный и простой плеер:

http://s0.uploads.ru/t/RYihG.png

1) Каким образом подобную кнопку можно вставить в постах?
2) Куда следует заливать mp3-файл при данной реализации?

0

676

Mirra Bell написал(а):

Вообще можно ставить их оба?

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

0

677

Tusich написал(а):

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

Вообще то скрипт Ромыча позволяет это сделать - можно загружать ссылки на облака мейл или яндекс затем через вот этот сокращатель: https://rocld.com/ ссылку с облака можно выпрямить, вот пример залитых ссылок на облако мейла:

[player][{n:"Высоцкий. Марш физиков",u:"https://rocld.com/mvfg",c:""},
{n:"Высоцкий. На братских могилах",u:"https://rocld.com/mvfh",c:""},
{n:"Высоцкий. Песня о госпитале",u:"https://rocld.com/mvfj",c:""},
{n:"Высоцкий. Звезды",u:"https://rocld.com/mvfk",c:""},
{n:"Высоцкий. Песня студентов археологов",u:"https://rocld.com/mvfl",c:""},
{n:"Высоцкий. Песня конькобежца",u:"https://rocld.com/mvfm",c:""},
{n:"Высоцкий. Песенка сентиментального боксера",u:"https://rocld.com/mvfn",c:""}][/player]

0

678

kolobdur74
да я уже поняла принцип его действия и как загрузить и как выпрямить, но это лишние телодвижения, я лучше подожду возможность загружать напрямую, например, на uploads, это, конечно, маловероятно, но слух-то не зря гуляет обычно.
я ниже написала про другой плеер, который хотелось бы вернуть. эта возможность реальнее :)

Отредактировано Tusich (Ср, 8 Фев 2017 12:10:15)

0

679

Tusich написал(а):

я лучше подожду возможность загружать напрямую, например, на uploads, это, конечно, маловероятно, но слух-то не зря гуляет обычно.

Я за Админа не могу отвечать, но сомневаюсь, что это будет реализовано и тут дело не в лишних серверах и сложности исполнения, а в том, что после этого будет наплыв правообладателей и проблемы с роскомнадзором - игра точно не стоит свеч...

0

680

kolobdur74
да, это правда, проблемы будут с правообладателями, точно.
ну какие есть плееры, такими и будем пользоваться
но хоть тот скрипт можно исправить адрес?

0


Вы здесь » Единый форум поддержки » Новые возможности форумов » Музыка в постах