Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Модули uCoz Дополнительные функции MP3 плеер uCoz - мультимедия (подключение аудио) |
| MP3 плеер uCoz - мультимедия |
|
В любую свою страницу, сообщение вы можете вставить mp3 проигрыватель. Он может служить для того что бы дать возможность посетителям прослушать ту или иную композицию. Может стать фоном для сайта (этим злоупотреблять настоятельно не рекомендуется, не забывайте о том, что мп3 файлы достаточно много весят, а не у всех широкополосный доступ в сеть. Они просто не смогу загрузить ваш сайт, если проигрывание начнется автоматически)
Используется следующим образом: Включение BB-кодом: то есть введя Код [audio]https://forum.ucoz.ru/i_love_ucoz.mp3[/audio] получаем Так же можно вставлять плеер с помощью JS-кода. Что бы его получить можно воспользоваться Мультимедиа ⇒ Подключить аудио (mp3) Либо Мультимедиа ⇒ Загрузить аудио (mp3) [там после загрузки напротив интересующего файла нажать JS-code] В результате для мп3 файла расположенного на https://forum.ucoz.ru/i_love_ucoz.mp3 получим следующий код Код <script src="http://forum.ucoz.ru/media/?auto=0;small=0;color=0055e9;textoff=0;t=audio;f=https://forum.ucoz.ru/i_love_ucoz.mp3" type="text/javascript"></script> Его так же можно вставить в любое место сайта. При этом, в нем есть управляемые параметры (настройки), о которых ниже. Цитата auto=0;small=0;color=0055e9;loop=0;textoff=0 Значения выделенные жирным и можно поменять, с нуля на единицу. Тем самым их включив. Ну и color - указать цвет кода. То есть, если в коде auto=0 меняем на auto=1 - песня начинает проигрываться автоматом. Как это сделано в этом топике (аккуратней с этой функцией, думайте о тех у кого медленный интернет, платный трафик. small=1 - выведет маленький плеер из двух кнопок. Вот так вот: loop=1 - файл будет проигрываться по кругу без остановки (пока не нажать стоп) textoff=1 - уберет текст (в пример выше текст i_love_ucoz.mp3, вот его и не будет) color=0055e9 (управление цветом плеера) - вместо 0055e9 пишем код желаемого цвета. То есть после = вставляем код цвета. Коды можно узнать из таблиц, или в фотошопе нажав на цвет. Пример. Берем код черного - 000000 Код <script src="https://forum.ucoz.ru/media/?auto=0;small=0;color=000000;textoff=0;t=audio;f=https://forum.ucoz.ru/i_love_ucoz.mp3" type="text/javascript"></script> получим: |
|
Я поэтому и сделал ссылки с реалмюзик т.к они работают на планшете отлично. А плееров пробовал много но не отображаются они на планшете и все тут. Ну пауза секундная есть конечно при загрузке с планшете но это обычное дело. По поводу много штук это я думаю можно решить разбитием на страницы или нет?
Добавлено (07 Ноя 2013, 14:25:59) |
|
ninsev,
Цитата По поводу много штук это я думаю можно решить разбитием на страницы или нет? смотрите Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Трек - Нашим КУ!</title> <link rel="stylesheet" type="text/css" href="http://www.realmusic.ru/style/realstylemain.css" /> <link rel="stylesheet" type="text/css" href="http://www.realmusic.ru/jplayer/skin/blue.monday/jplayer.blue.monday1.css" /> <script type="text/javascript" src="http://www.realmusic.ru//system/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="http://www.realmusic.ru/system/js/jquery.cookie.min.js"></script> <script type="text/javascript" src="http://www.realmusic.ru/jplayer/js/jquery.jplayer.min.js"></script> <style type="text/css"> div.jp-audio { width:450px; position:static; left:0; bottom:0; margin:5px 0 0 0;} #track_tool { font-size:11px; float:none;} body { background:none !important; font-size:13px;} div.jp-interface { width:445px;} div.jp-audio div.jp-volume-bar { left:380px;} div.jp-audio div.jp-type-single div.jp-progress {width: 290px;} </style> </head> <script type="text/javascript"> var old_percent_t = 0;var old_time = 0;main_trackid = '1177608'; //console.log("main_trackid", main_trackid); $(document).ready(function(){ $("#jquery_jplayer_track").jPlayer({ ready: function (event) { var trackid = main_trackid; var file = "http://files.realmusic.ru/files/" + trackid + "/" + trackid + ".mp3"; $("#jquery_jplayer_track").jPlayer("setMedia", { mp3: file }); //$("#jquery_jplayer_track").jPlayer("load"); }, cssSelectorAncestor: "#jp_container_2", volume: 0.5 , play: function(event) { } , ended: function(event) { } , swfPath: "http://www.realmusic.ru/jplayer/js/Jplayer.swf" }); $(".track_play").click(function(){ var trackid = main_trackid; //console.log("trackid", trackid); $(".pause").attr("class", "play"); $("#jquery_jplayer_1").jPlayer("stop"); //$.cookie("ltpl", trackid, { path: '/' }); //$.cookie("ltpl_time", "0", { path: '/' }); $("#player_pane").hide(); $("#jquery_jplayer_track").jPlayer("play"); return false; }); }); </script> <div id="reamusic_track" style="width:450px;"><div id="jquery_jplayer_track"></div> <a href="http://www.realmusic.ru" target="_blank" style="float:right;margin-top: 5px;" rel="nofollow"><img src="http://www.realmusic.ru/media/mp/logo.png" border="0" alt=""></a> <a target="_blank" href="http://www.realmusic.ru/songs/1177608">Нашим КУ!</a><div style="padding:5px 0; font-size:11px;">Артист: <a target="_blank" href="http://www.realmusic.ru/196767/">The Ninsev</a></div> <div class="track"> <div id="jp_container_2" class="jp-audio jp-song"> <div class="jp-type-single"><div class="jp-gui jp-interface"><ul class="jp-controls"><li><a href="javascript:;" class="jp-play track_play" tabindex="1" id="track_play_1177608">play</a></li><li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li><li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li><li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li><li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li></ul><div class="jp_tr_name" id="jp-trackname_t"></div><div class="jp-progress"><div class="jp-seek-bar"><div class="jp-play-bar"></div></div></div><div class="jp-volume-bar"><div class="jp-volume-bar-value"></div></div><div class="jp-time-holder"><div class="jp-current-time"></div><div class="jp-duration"></div></div></div></div></div></div> </div> это только одна страница, которая отгружается у вас на страницах в ифреймах а у вас на странице получается 12 штук таких страниц. фактически вот ваш плеер http://www.jplayer.org/ без стороннего мусора, стилей, ссылок и прочих подгружений поставьте у себя такой же плеер и будет чище, легче в тыщу раз красивее и без лишних ссылок |
|
ninsev, самый простой вариант - это задействовать под вашу музыку один из модулей. и постить один трек на один материал, а не кучкой. там в модулях уже встроенная оценка есть, которую можно изменить под свои нужды или пользоваться как есть
|
|
вот ваш плеер http://www.jplayer.org/ без стороннего мусора, стилей, ссылок и прочих подгружений
поставьте у себя такой же плеер и будет чище, легче в тыщу раз красивее и без лишних ссылок |
|
Спасибо за плеер, всё замечательно работает, но есть вопрос, можно ли сделать так, чтобы звучала не одна песенка, а несколько?
|
|
limush,
Цитата Спасибо за плеер |
|
Miss_Esq,
Цитата limush (  )Спасибо за плеер..... из описания в сообщении 1 Цитата limush ( )можно ли сделать так, чтобы звучала не одна песенка, а несколько? это касается плеера из описания в сообщении 1 Цитата Miss_Esq ( )подробнее излагайте мысли и желаемое .. надеюсь, что подробно объяснила |
|
Цитата ninsev ( )вот ваш плеер http://www.jplayer.org/ без стороннего мусора, стилей, ссылок и прочих подгружений поставьте у себя такой же плеер и будет чище, легче в тыщу раз красивее и без лишних ссылок Не работает с планшета может еще какой есть, помогите плиз мне нужен простой похожий на этот плеер http://www.ninsev.com/load/ чтоб с планшетов открывался на андроиде! |
|
|
|
саня-десант, можно. смотрите виджеты или гаджеты. там есть плеер с плей листом
|
|
|
|
|
|
Столкнулся с такой проблемой. В блогах вместе с новостями подключал мр3 файл. В течении 1-2 дня файл воспроизводился, но потом перестал. Подключал мр3 через мультимедиа, использовал ВВ коды. Похожая проблема была здесь у Онгара. Может кто-нибудь сталкивался еще с такой проблемой.
|
|
Илья8879, вы подключаете со сторонних сайтов или с файлового менеджера? если со сторонних, то разбирайтесь как работают сервисы с которых вы транслируете музыку. иногда даются временные ссылки, которые через сутки отмирают
|
| |||