/*
for youtube and chromecast may be destroy and recreate youtube controler when not youtube.
// DESTROY PLAYER
$("#someId").jPlayer("destroy");
// CREATE NEW PLAYER
$("#someId").jPlayer({
// New constructor options.
});
// DONT KNOW WHAT IT DO WITH THE PLAYLIST
*/
$(document).ready(function() {
// CHANGE STYLE IN HEADER... TOO SLOW
// $('<style type="text/css">body audio,a[href$="mp3"],a[href$="m4v"],a[href$="mp4"] {display: none;}</style>').appendTo($('head'));
var this_poster = '';
$('.jplayer,audio,video,a[href$=".mp3"],a[href$=".m4v"],a[href$=".mp4"]').each(function(i) {
var jpthis = $(this);
// https://stackoverflow.com/questions/12249788/jquery-loop-through-html5-data-attributes
// data object
// data json
//if (jpthis.attr('data-title')) {
if (jpthis.data('jptitle')) {
strJson = "{"
$.each(jpthis.data(), function(i, v) {
strJson += '"' + i + '":"' + v + '",';
//if(i=="jptitle")
//var this_title = v;
//alert(i)
});
strJson = strJson.substring(0, strJson.length - 1);
strJson += '}';
var jsonObject = $.parseJSON(strJson);
for (var key in jsonObject)
//alert(key + " : " + jsonObject[key]);
if (typeof jsonObject.jptitle != "undefined")
var this_title = jsonObject.jptitle; //alert(jsonObject.jptitle);
if (typeof jsonObject.jpsrc != "undefined")
var this_src = jsonObject.jpsrc; //alert(jsonObject.jptitle);
if (typeof jsonObject.jpplaylist != "undefined")
var this_src = jsonObject.jpplaylist; //alert(jsonObject.jptitle);
console.log(this_title);
//console.log(strJson);
//console.log(jsonObject);
}
/////////////////////
//console.log(strJson);
//console.log(jsonObject);
if (jpthis.is('a[href$="mp3"]') || jpthis.is('a[href$="m4v"]') || jpthis.is('a[href$="mp4"]')) {
var this_src = jpthis.attr('href');
var this_title = jpthis.text();
} else {
if (jpthis.is('audio') || jpthis.is('video'))
var this_src = jpthis.find('source').attr('src');
//if(!title)
//alert(this_title);
}
if (typeof this_src != "undefined" && !this_title) {
//var this_title = this_src.substring(location.href.lastIndexOf('/') + 1);
var this_title = this_src.substring(this_src.lastIndexOf('/') + 1);
this_title = this_title.replace(/-/g, ' ').replace(/_/g, ' ');
this_poster = jpthis.attr('poster');
}
/**************************/
// var ext = getExt(extension);
// var supplied = getTypes(extension);
newjPlayer(jpthis, this_src, this_title, this_poster);
// newjPlayer(id, src, title, poster);
}); // each end
}); // ready end
////////////// CREATE PLAYER //////////////////////
function newjPlayer(idobjec, this_src, this_title, this_poster) {
var thePoster = '';
//console.log(jpthis);
//var jpTemplate =
//idobjec = 'testID'
var getID = idobjec.attr("id");
/*
if (typeof checkid != "undefined") {
//alert(checkid);
}
*/
if (!getID) {
//if ( ( (typeof idobjec === "object") && (idobjec !== null) ) || !checkid ) {
var id = new Date().getUTCMilliseconds();
//alert("this is object: " + id);
} else {
//var id = idobjec.attr("id");
var id = getID;
//alert("find a ID: " + id);
idobjec = $("#" + id);
}
//track-name'>" +obj.title + "</div> <div class='jp-artist-name'>" +obj.artist +"</div>';
if (typeof this_poster != "undefined")
var thePoster = '<img id="mini_poster" src="' + this_poster + '">';
idobjec.replaceWith('<div id="jquery_jplayer_' + id + '" class="jp-jplayer"></div><div id="jp_container_' + id + '" class="jp-audio" role="application" aria-label="media player"><div clas s="jp-type-playlist"><div class="jp-gui jp-interface flex-wrap"><div class="jp-controls flex-item"><button class="jp-previous" role="button" tabindex="0"><i class="fa fa-step-backward"></i></button><button class="jp-play" id="play-button" role="button" tabindex="0"><i class="fa fa-play"></i></button><button class="jp-next" role="button" tabindex="0"><i class="fa fa-step-forward"></i></button></div><div class="jp-progress-container flex-item"><div class="jp-time-holder"><span class="jp-current-time" role="timer" aria-label="time"> </span><span class="jp-duration" role="timer" aria-label="duration"> </span></div><div class="jp-progress"><div class="jp-seek-bar"><div class="jp-play-bar"><div class="bullet"></div></div></div></div></div><div class="jp-now-playing flex-item">' + thePoster + '<div class="jp-track-name">' + this_title + '</div><div class="jp-artist-name"></div></div><div class="jp-toggles flex-item"><button id="playlist-toggle" class="jp-show-playlist" role="button" tabindex="0"><i class="fa fa-music"></i></button><button class="jp-shuffle" role="button" tabindex="0"><i class="fa fa-random"></i><button class="jp-repeat" role="button" tabindex="0"><i class="fa fa-exchange"></i></button></button></div><div class="jp-volume-controls flex-item"><button class="jp-mute" role="button" tabindex="0"><i class="fa fa-volume-up"></i></button><div class="jp-volume-bar"><div class="jp-volume-bar-value"><div class="bullet"></div></div></div></div></div><div id="playlist-wrap" class="jp-playlist"><ul><li> </li></ul></div><div class="jp-no-solution"><span>Update Required</span> To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.</div></div></div>');
//var extension = "mp3";
if (typeof this_src != "undefined" || this_src != "")
var extension = this_src.split('.').pop();
else
var extension = ".mp3";
// if no extension
var allowEXT = ["mp3", "mp4", "m4a", "ogg", "m4v"]; // 0 = match -1 =
var extMatch = allowEXT.indexOf(extension);
// alert(extMatch);
if (extMatch == -1) {
extension = 'mp3' //alert('match');
//this_title = 'radio internet'; // big guess
}
var ext = getExt(extension);
var supplied = getTypes(extension);
//alert(this_title);
if (!this_src) {
this_src = "http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3";
if (!this_title)
this_title = "My random title";
}
var re = new RegExp('.' + extension, "g");
this_title = this_title.replace(re, "");
var jpadd = {};
jpadd[ext] = this_src;
jpadd.title = this_title;
jpadd.poster = this_poster;
$("#jquery_jplayer_" + id).jPlayer({
ready: function() {
$(this).jPlayer("setMedia", jpadd);
},
play: function() { // To avoid multiple jPlayers playing together.
$(this).jPlayer("pauseOthers");
},
//swfPath: "http://jplayer.org/latest/dist/jplayer/",
swfPath: "../../dist/jplayer",
solution: "html, flash",
supplied: supplied,
globalVolume: true,
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true,
cssSelectorAncestor: "#jp_container_" + id
});
/* === VOLUME DRAGGING ==== */
$("#jp_container_" + id +" .jp-volume-bar")
.mousedown(function() {
var parentOffset = $(this).offset(),
width = $(this).width();
$(window).mousemove(function(e) {
var x = e.pageX - parentOffset.left,
volume = x / width;
if (volume > 1) {
$("#jquery_jplayer_" + id).jPlayer("volume", 1);
} else if (volume <= 0) {
$("#jquery_jplayer_" + id).jPlayer("mute");
} else {
$("#jquery_jplayer_" + id).jPlayer("volume", volume);
$("#jquery_jplayer_" + id).jPlayer("unmute");
}
});
return false;
})
.mouseup(function() {
$(window).unbind("mousemove");
});
/* === ENABLE DRAGGING ==== */
var timeDrag = false; /* Drag status */
$("#jp_container_" + id +" .jp-play-bar").mousedown(function(e) {
timeDrag = true;
updatebar(e.pageX);
});
$(document).mouseup(function(e) {
if (timeDrag) {
timeDrag = false;
updatebar(e.pageX);
}
});
$(document).mousemove(function(e) {
if (timeDrag) {
updatebar(e.pageX);
}
});
//update Progress Bar control
var updatebar = function(x) {
var progress = $("#jp_container_" + id +" .jp-progress");
//var maxduration = myPlaylist.duration; //audio duration
var position = x - progress.offset().left; //Click pos
var percentage = 100 * position / progress.width();
//Check within range
if (percentage > 100) {
percentage = 100;
}
if (percentage < 0) {
percentage = 0;
}
$("#jquery_jplayer_" + id).jPlayer("playHead", percentage);
//Update progress bar
$("#jp_container_" + id +" .jp-play-bar").css("width", percentage + "%");
};
return;
}
//////////////////////////////////////////////////
function getTypes(ext) {
if ((ext == 'mp3') || (ext == 'ogg') || (ext == 'm4a')) {
return 'mp3,oga,m4a';
} else {
return 'mp4,mpeg,m4v';
}
}
function getExt(ext) {
if (ext == "mp4") ext = "m4v";
if (ext == "ogg") ext = "oga";
return ext;
}
/*
$("#setAudio").click(function() {
var jsonadd = {};
jsonadd.mp3 = 'http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3';
jsonadd.title = 'My new title';
//var put = JSON.stringify(jsonadd)
console.log(JSON.stringify(jsonadd));
$("#jquery_jplayer_0").jPlayer("setMedia", jsonadd);
$("#jp_container_0 .jp-title ul").html("<li>Bubble - MP3</li>");
return false;
})*/
!
