← Форум / HTML5 / Flash + HTML5
Собрал два плеера воедино. Может кому пригодится, у меня работает. Но есть пару минусов, из-за которого я отказался от этого примера.
Во-первых, если вы не на этой вкладке, трек не переключится, во-вторых, не удобно с телефона сначала вызывать плеер, а потом активировать его.
Создаем файл js и подключаем его в head сайта. А так же подключаем плеер HTML5 и стиль.
В коде прописывайте свои пути.
var currentTrack=0;
function GetPlayer(i,url){
if($("#track"+i+"Icon").length > 0){
var flashInstalled = false;
if (typeof(navigator.plugins)!="undefined"&&typeof(navigator.plugins["Shockwave Flash"])=="object"){
flashInstalled = true;
} else if (typeof window.ActiveXObject != "undefined") {
try {
if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) {
flashInstalled = true;
}
} catch(e) {};
};
if(currentTrack > 0){
swfobject.removeSWF("track"+currentTrack+"Player");
$("#track"+currentTrack+"Player").remove();
document.getElementById("track"+currentTrack+"Icon").style.display="block";
$("#track"+currentTrack).prepend("<div id='track"+currentTrack+"Player'></div>");
}
$("#track"+i+"Icon").css("display","none");
if(!flashInstalled){
document.getElementById("track"+i+"Player").style.height="26px";
new Uppod({m:"audio", uid:"track"+i+"Player", file:url, st:"uppodaudio", auto:"play"});
} else {
var flashvars = {"st":"/player/stplayer.txt","file":url,"volume":"0.7","uid":"track"+i+"Player", "auto":"play"};
var params = {allowScriptAccess:"always"};
new swfobject.embedSWF("/player/player.swf", "track"+i+"Player", "99%", "26px", "10.0.0", false, flashvars, params);
}
currentTrack = i;
}
}
function NextPlayer(){
$("#track"+(currentTrack+1)+"Icon").length>0?$("#track"+(currentTrack+1)+"Icon").click():$("#track1Icon").click();
}
function uppodEvent(playerID,event) {
switch(event){
case 'end':
setTimeout(NextPlayer,0);
break;
}
}
function uppodSend(playerID,com,callback) {
document.getElementById(playerID).sendToUppod(com);
}
function uppodGet(playerID,com,callback) {
return document.getElementById(playerID).getUppod(com);
}
Затем подключаем Uppod_Ajax в head сайта и меняем там последнюю функцию на такую.
function uppodHTML5OnEnd(event) {
if(event.target.id){
setTimeout(NextPlayer,200);
}
}
Плеер должен иметь свой ID, по порядку 1,2,3 и вызываться примерно так.
<div id="trackID" class="track">
<div id="trackIDIcon" class="trackIcon" onclick="GetPlayer(ID, 'путь к файлу')"></div>
<div id="trackIDPlayer"></div></div>
Во-первых, если вы не на этой вкладке, трек не переключится, во-вторых, не удобно с телефона сначала вызывать плеер, а потом активировать его.
Создаем файл js и подключаем его в head сайта. А так же подключаем плеер HTML5 и стиль.
В коде прописывайте свои пути.
var currentTrack=0;
function GetPlayer(i,url){
if($("#track"+i+"Icon").length > 0){
var flashInstalled = false;
if (typeof(navigator.plugins)!="undefined"&&typeof(navigator.plugins["Shockwave Flash"])=="object"){
flashInstalled = true;
} else if (typeof window.ActiveXObject != "undefined") {
try {
if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) {
flashInstalled = true;
}
} catch(e) {};
};
if(currentTrack > 0){
swfobject.removeSWF("track"+currentTrack+"Player");
$("#track"+currentTrack+"Player").remove();
document.getElementById("track"+currentTrack+"Icon").style.display="block";
$("#track"+currentTrack).prepend("<div id='track"+currentTrack+"Player'></div>");
}
$("#track"+i+"Icon").css("display","none");
if(!flashInstalled){
document.getElementById("track"+i+"Player").style.height="26px";
new Uppod({m:"audio", uid:"track"+i+"Player", file:url, st:"uppodaudio", auto:"play"});
} else {
var flashvars = {"st":"/player/stplayer.txt","file":url,"volume":"0.7","uid":"track"+i+"Player", "auto":"play"};
var params = {allowScriptAccess:"always"};
new swfobject.embedSWF("/player/player.swf", "track"+i+"Player", "99%", "26px", "10.0.0", false, flashvars, params);
}
currentTrack = i;
}
}
function NextPlayer(){
$("#track"+(currentTrack+1)+"Icon").length>0?$("#track"+(currentTrack+1)+"Icon").click():$("#track1Icon").click();
}
function uppodEvent(playerID,event) {
switch(event){
case 'end':
setTimeout(NextPlayer,0);
break;
}
}
function uppodSend(playerID,com,callback) {
document.getElementById(playerID).sendToUppod(com);
}
function uppodGet(playerID,com,callback) {
return document.getElementById(playerID).getUppod(com);
}
Затем подключаем Uppod_Ajax в head сайта и меняем там последнюю функцию на такую.
function uppodHTML5OnEnd(event) {
if(event.target.id){
setTimeout(NextPlayer,200);
}
}
Плеер должен иметь свой ID, по порядку 1,2,3 и вызываться примерно так.
<div id="trackID" class="track">
<div id="trackIDIcon" class="trackIcon" onclick="GetPlayer(ID, 'путь к файлу')"></div>
<div id="trackIDPlayer"></div></div>
| Komk | Ссылка на пост (Смотрели 1396) | 18.03.16 15:20 Ответить |