Там видео а мне именно нужно мп3 аудио с плейлистом, помогите решить правильно, не пойму я что то вроде все просто и понятно, но я испытываю трудности.
Все файлы должны быть загружены в твоём хостинге(на сайте) ..такие файлы как ..стиль,плейлист,флеш плеер
uppod.swf
audio1211.txt
playlist_audio1211.txt
И еще вопрос почему с телефона пишет что "Плагин не поддерживается?" Про бывал с двух телефонов но все без успешно….
Как сделать чтобы с телефона тоже можно было слушать, под скажите, опытные ребята все таки тут есть.
Скачай плеер html5 ссылка и загрузи его на свой сайт
И также стиль скачай своего аудио плера в скрипте..ты выше вроде писал ..и тоже загрузи на свой сайт
<script type="text/javascript">this.audioplayer97 = new Uppod({m:"audio",uid:"audioplayer97",pl:"http://nlcos.ru/player/pl/playlist_audio244-97.txt",st:"uppodaudio"});</script>
Да не говори, пытался что то в инете найти не нашол…
Есть еще один вариант установил показывает норм, но не знаю как сделать плей листом..
Вот пример ссылка
а вот как плей листом не приложу ума…..
Там же есть плейлист..ты его просто не установил..в архиве всё что нужно..
Там есть файл radio.html ,он рабочий..это для проверки..там мои ссылки установлены..
А можно загрузить на свой сайт файлы с архива и прописать свои..
Я думал ты разберёшься во всём этом..там ничего сложного нет
Что-то с твоим сайтом не так..плеер ты вот мой прописал у себя на сайте..а он вообще без движений..даже звук не регулируется..и плейлист не показывается
Такое ощущение,что блок какой-то на твоём сайте блокирует
Так в архиве всё есть..тебе просто надо распаковать на своём сайте архив с файлами..а там где код плеера прописать ссылки уже свои на те файлы которые у тебя на сайте загружены
Там и тиль,и скрипт с плейлистом..ну в плейлисте можешь свои мр3 прописать..
Ты скопировал ,но нужно ещё загрузить на свой сайт файлы из архива ..те что в папке..там есть css,js,png
И обязательно в том html ,куда ты скопировал код..прописать свои ссылки на те файлы css,js,png
Нету этого файла <script type="text/javascript" src="" rel="nofollow">ссылка </script>
и что за мод у тебя стоит которого тоже нету у меня /modules/mod_jlplayer/js/
Ты всё верно делаешь..теперь загрузи изображеьни skin2.png в папку где находится файл skin.css они должны лежать вместе рядом
А чтобы эта ссылка у тебя была рабочей ..
http://nlcos.ru/app/views/files/bib/min.js
Нужно скачать файл min.js по моей сслке и загрузить на свой сайт
Хотя этот jquery должен быть у тебя на сайте..это если движок сайта у тебя DLE
function playListConfig(_index, index ) {
jQuery("#jplayer_playlist_item_"+plIndex[playItem]).removeClass("jplayer_playlist_current");
jQuery("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current");
playItem = _index;
jQuery("#jquery_jplayer").jPlayer("setFile", myPlayList[plIndex[playItem]].mp3);
}
function playListChange(_index, index ) {
playListConfig(_index, index );
jQuery("#jquery_jplayer").jPlayer("play");
}
function playListNext() {
var _index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
var index = plIndex[_index];
playListChange(_index, index );
}
function playListPrev() {
var _index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
var index = plIndex[_index];
playListChange(_index, index );
}
Тебе надо вот так чтобы этот кусок скрипта был прописан в файле main.tpl
Такой файл нужно отредактировать в текстовом редакторе..либо на сайте ,в админке
Прописать нужно так,чтобы ссылка /assets/js/jquery-3.1.1.min.js была в середине..как в примере
function playListConfig(_index, index ) {
jQuery("#jplayer_playlist_item_"+plIndex[playItem]).removeClass("jplayer_playlist_current");
jQuery("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current");
playItem = _index;
jQuery("#jquery_jplayer").jPlayer("setFile", myPlayList[plIndex[playItem]].mp3);
}
function playListChange(_index, index ) {
playListConfig(_index, index );
jQuery("#jquery_jplayer").jPlayer("play");
}
function playListNext() {
var _index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
var index = plIndex[_index];
playListChange(_index, index );
}
function playListPrev() {
var _index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
var index = plIndex[_index];
playListChange(_index, index );
}
Можете уточнить ссылку на файл стилей?
От куда там 2 времени или что то и громкость, скажи пожалуйста.
Пример
uppod.swf
audio1211.txt
playlist_audio1211.txt
Без шифрования
Там и кроссдомен не нужен
Чёрточка должна быть вот такой -
Как сделать чтобы с телефона тоже можно было слушать, под скажите, опытные ребята все таки тут есть.
И также стиль скачай своего аудио плера в скрипте..ты выше вроде писал ..и тоже загрузи на свой сайт
А потом нужен код..ща я его тебе примерно напишу
<script src="http://nlcos.ru/player/st/audio244-376.js" type="text/javascript"></script>
<div id="audioplayer97" style="width:300px;height:90px;" ></div>
<script type="text/javascript">this.audioplayer97 = new Uppod({m:"audio",uid:"audioplayer97",pl:"http://nlcos.ru/player/pl/playlist_audio244-97.txt",st:"uppodaudio"});</script>
Потом просто дописать к этому коду 2 скрипта..на плеер и стиль..как я тебе написал готовый код
Задай этот вопрос админу сайта uppod..они ведь разработчики этого плеера
А с этим временем на самом плеере который..я не могу помочь
ну скачал как и говорил ты
Сохрани стиль и скачай в скрипте js
Потом загрузи этот стиль на свой сайт вместо старого стиля..
Вот там и искать громкость
Там есть обратное время,полное время,просто время
Иначе никак
Или задать свой вопрос..должны отвтить на него..если знают решение
с браузера Сафари:
с браузера Опера:
с браузера Хром:
Пример:
Есть еще один вариант установил показывает норм, но не знаю как сделать плей листом..
Вот пример
а вот как плей листом не приложу ума…..
Он для html5 и с плейлистом
Только не пойму для чего ты мне его дал))
Там есть файл radio.html ,он рабочий..это для проверки..там мои ссылки установлены..
А можно загрузить на свой сайт файлы с архива и прописать свои..
Я думал ты разберёшься во всём этом..там ничего сложного нет
Такое ощущение,что блок какой-то на твоём сайте блокирует
Там и тиль,и скрипт с плейлистом..ну в плейлисте можешь свои мр3 прописать..
И обязательно в том html ,куда ты скопировал код..прописать свои ссылки на те файлы css,js,png
и что за мод у тебя стоит которого тоже нету у меня /modules/mod_jlplayer/js/
Это скрипт jquery,
Это никакой роли не играет /modules/mod_jlplayer/js/ оно не нужно
А чтобы эта ссылка у тебя была рабочей ..
Нужно скачать файл min.js по моей сслке и загрузить на свой сайт
Хотя этот jquery должен быть у тебя на сайте..это если движок сайта у тебя DLE
Вот её сделай рабочей и всё заработает
Вмеcто вот этой
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Lang" content="ru">
</head>
<body>
<script type="text/javascript">
var enable_autoplay = false;
var baseuri =
</script>
<script type="text/javascript" src="
<script type="text/javascript">jQuery.noConflict();</script>
<link href="
<script type="text/javascript" src="
<script type="text/javascript" src="
<script type="text/javascript">
var playItem = 0;
jQuery(function(){
var jpPlayTime = jQuery("#jplayer_play_time");
var jpTotalTime = jQuery("#jplayer_total_time");
var jlp_shfl = getCookie("jlp_shfl");
if (jlp_shfl == "shuffle") {
document.getElementById(jlp_shfl).checked = true;
} else if (jlp_shfl == "notshuffle") {
document.getElementById(jlp_shfl).checked = false;
}
jsuri = baseuri+"/modules/mod_jlplayer/js/";
jQuery("#jquery_jplayer").jPlayer({
ready: function() {
displayPlayList();
playListInit(enable_autoplay); // Parameter is a boolean for autoplay.
},
errorAlerts:true,
warningAlerts:true,
swfPath: jsuri
})
.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
jpPlayTime.text(jQuery.jPlayer.convertTime(playedTime));
jpTotalTime.text(jQuery.jPlayer.convertTime(totalTime));
})
.jPlayer("onSoundComplete", function() {
playListNext();
});
jQuery("#jplayer_previous").click( function() {
playListPrev();
return false;
});
jQuery("#jplayer_next").click( function() {
playListNext();
return false;
});
});
function displayPlayList() {
for (i=0; i < myPlayList.length; i++) {
jQuery("#jplayer_playlist").append("<div id=jplayer_playlist_item_"+i+">"+ myPlayList[i].name +"</div>");
jQuery("#jplayer_playlist_item_"+i).data( "index", i ).click( function() {
var index = jQuery(this).data("index");
if (plIndex[playItem] != index) {
_index = plIndex.find(index);
playListChange( _index, index );
} else {
jQuery("#jquery_jplayer").jPlayer("play");
}
});
}
}
function playListInit(autoplay) {
if(autoplay) {
playListChange(0, plIndex[0] );
} else {
playListConfig(0, plIndex[0] );
}
}
function playListConfig(_index, index ) {
jQuery("#jplayer_playlist_item_"+plIndex[playItem]).removeClass("jplayer_playlist_current");
jQuery("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current");
playItem = _index;
jQuery("#jquery_jplayer").jPlayer("setFile", myPlayList[plIndex[playItem]].mp3);
}
function playListChange(_index, index ) {
playListConfig(_index, index );
jQuery("#jquery_jplayer").jPlayer("play");
}
function playListNext() {
var _index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
var index = plIndex[_index];
playListChange(_index, index );
}
function playListPrev() {
var _index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
var index = plIndex[_index];
playListChange(_index, index );
}
</script>
<div id="jquery_jplayer" ></div>
<div class="jp-playlist-player">
<div class="jp-interface">
<div class="jp-controls">
<table width="90%" style="margin-top: 5px">
<tbody><tr>
<td>
<div style="float: left; width: 24%;"><div id="jplayer_previous" class="jlp-previous"> </div></div>
<div style="float: left; width: 24%;">
<div id="jplayer_play" class="jlp-play" style="display: block; "> </div>
<div id="jplayer_pause" class="jlp-pause" style="display: none; "> </div>
</div>
<div style="float: left; width: 24%;"><div id="jplayer_stop" class="jlp-stop"> </div></div>
<div style="float: left; width: 24%;"><div id="jplayer_next" class="jlp-next"> </div></div>
</td>
</tr>
</tbody></table>
<table width="100%" style="margin-top: 5px">
<tbody><tr>
<td width="50"><div id="jplayer_play_time" class="jp-play-time">00:00</div></td>
<td>
<div class="jp-progress">
<div id="jplayer_load_bar" class="jp-load-bar" style="width: 0%; ">
<div id="jplayer_play_bar" class="jp-play-bar" style="width: 0%; "></div>
</div>
</div>
</td>
<td width="50"><div id="jplayer_total_time" class="jp-total-time">00:00</div></td>
</tr>
</tbody></table>
<table width="100%">
<tbody><tr>
<td width="28"><div id="jplayer_volume_min" class="jlp-volume-min"> </div></td>
<td>
<div id="jplayer_volume_bar" class="jp-volume-bar">
<div id="jplayer_volume_bar_value" class="jp-volume-bar-value" style="width: 80%; "></div>
</div>
</td>
<td width="28"><div id="jplayer_volume_max" class="jlp-volume-max"> </div></td>
</tr>
</tbody></table>
<table width="100%" style="margin-top: 5px">
<tbody><tr>
</td>
</tr>
</tbody></table>
</div>
</div>
<div id="jplayer_playlist" class="jp-playlist" > </div>
Такой файл нужно отредактировать в текстовом редакторе..либо на сайте ,в админке
Прописать нужно так,чтобы ссылка /assets/js/jquery-3.1.1.min.js была в середине..как в примере
<link href="http://nlcos.ru/app/views/files/bib/skin.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://nlcos.ru/assets/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="http://nlcos.ru/app/views/files/bib/jplayer.js"> </script>
<script type="text/javascript">
var playItem = 0;
jQuery(function(){
var jpPlayTime = jQuery("#jplayer_play_time");
var jpTotalTime = jQuery("#jplayer_total_time");
var jlp_shfl = getCookie("jlp_shfl");
if (jlp_shfl == "shuffle") {
document.getElementById('jlp_shfl').checked = true;
} else if (jlp_shfl == "notshuffle") {
document.getElementById('jlp_shfl').checked = false;
}
jsuri = baseuri+"/modules/mod_jlplayer/js/";
jQuery("#jquery_jplayer").jPlayer({
ready: function() {
displayPlayList();
playListInit(enable_autoplay); // Parameter is a boolean for autoplay.
},
errorAlerts:true,
warningAlerts:true,
swfPath: jsuri
})
.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
jpPlayTime.text(jQuery.jPlayer.convertTime(playedTime));
jpTotalTime.text(jQuery.jPlayer.convertTime(totalTime));
})
.jPlayer("onSoundComplete", function() {
playListNext();
});
jQuery("#jplayer_previous").click( function() {
playListPrev();
return false;
});
jQuery("#jplayer_next").click( function() {
playListNext();
return false;
});
});
function displayPlayList() {
for (i=0; i < myPlayList.length; i++) {
jQuery("#jplayer_playlist").append("<div id='jplayer_playlist_item_"+i+"'>"+ myPlayList[i].name +"</div>");
jQuery("#jplayer_playlist_item_"+i).data( "index", i ).click( function() {
var index = jQuery(this).data("index");
if (plIndex[playItem] != index) {
_index = plIndex.find(index);
playListChange( _index, index );
} else {
jQuery("#jquery_jplayer").jPlayer("play");
}
});
}
}
function playListInit(autoplay) {
if(autoplay) {
playListChange(0, plIndex[0] );
} else {
playListConfig(0, plIndex[0] );
}
}
function playListConfig(_index, index ) {
jQuery("#jplayer_playlist_item_"+plIndex[playItem]).removeClass("jplayer_playlist_current");
jQuery("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current");
playItem = _index;
jQuery("#jquery_jplayer").jPlayer("setFile", myPlayList[plIndex[playItem]].mp3);
}
function playListChange(_index, index ) {
playListConfig(_index, index );
jQuery("#jquery_jplayer").jPlayer("play");
}
function playListNext() {
var _index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
var index = plIndex[_index];
playListChange(_index, index );
}
function playListPrev() {
var _index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
var index = plIndex[_index];
playListChange(_index, index );
}
</script>