remove obsolete local copies of dependencies
This commit is contained in:
parent
491a6e2dad
commit
8e6b09583d
28
src/mediaelement-and-player.min.js
vendored
28
src/mediaelement-and-player.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1,268 +0,0 @@
|
|||||||
/**
|
|
||||||
* @file MediaElement Playlist Feature (plugin).
|
|
||||||
* @author Andrew Berezovsky <andrew.berezovsky@gmail.com>
|
|
||||||
* Twitter handle: duozersk
|
|
||||||
* @author Original author: Junaid Qadir Baloch <shekhanzai.baloch@gmail.com>
|
|
||||||
* Twitter handle: jeykeu
|
|
||||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($) {
|
|
||||||
$.extend(mejs.MepDefaults, {
|
|
||||||
loopText: 'Repeat On/Off',
|
|
||||||
shuffleText: 'Shuffle On/Off',
|
|
||||||
nextText: 'Next Track',
|
|
||||||
prevText: 'Previous Track',
|
|
||||||
playlistText: 'Show/Hide Playlist'
|
|
||||||
});
|
|
||||||
|
|
||||||
$.extend(MediaElementPlayer.prototype, {
|
|
||||||
// LOOP TOGGLE
|
|
||||||
buildloop: function(player, controls, layers, media) {
|
|
||||||
var t = this;
|
|
||||||
|
|
||||||
var loop = $('<div class="mejs-button mejs-loop-button ' + ((player.options.loop) ? 'mejs-loop-on' : 'mejs-loop-off') + '">' +
|
|
||||||
'<button type="button" aria-controls="' + player.id + '" title="' + player.options.loopText + '"></button>' +
|
|
||||||
'</div>')
|
|
||||||
// append it to the toolbar
|
|
||||||
.appendTo(controls)
|
|
||||||
// add a click toggle event
|
|
||||||
.click(function(e) {
|
|
||||||
player.options.loop = !player.options.loop;
|
|
||||||
$(media).trigger('mep-looptoggle', [player.options.loop]);
|
|
||||||
if (player.options.loop) {
|
|
||||||
loop.removeClass('mejs-loop-off').addClass('mejs-loop-on');
|
|
||||||
//media.setAttribute('loop', 'loop');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
loop.removeClass('mejs-loop-on').addClass('mejs-loop-off');
|
|
||||||
//media.removeAttribute('loop');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
t.loopToggle = t.controls.find('.mejs-loop-button');
|
|
||||||
},
|
|
||||||
loopToggleClick: function() {
|
|
||||||
var t = this;
|
|
||||||
t.loopToggle.trigger('click');
|
|
||||||
},
|
|
||||||
// SHUFFLE TOGGLE
|
|
||||||
buildshuffle: function(player, controls, layers, media) {
|
|
||||||
var t = this;
|
|
||||||
|
|
||||||
var shuffle = $('<div class="mejs-button mejs-shuffle-button ' + ((player.options.shuffle) ? 'mejs-shuffle-on' : 'mejs-shuffle-off') + '">' +
|
|
||||||
'<button type="button" aria-controls="' + player.id + '" title="' + player.options.shuffleText + '"></button>' +
|
|
||||||
'</div>')
|
|
||||||
// append it to the toolbar
|
|
||||||
.appendTo(controls)
|
|
||||||
// add a click toggle event
|
|
||||||
.click(function(e) {
|
|
||||||
player.options.shuffle = !player.options.shuffle;
|
|
||||||
$(media).trigger('mep-shuffletoggle', [player.options.shuffle]);
|
|
||||||
if (player.options.shuffle) {
|
|
||||||
shuffle.removeClass('mejs-shuffle-off').addClass('mejs-shuffle-on');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
shuffle.removeClass('mejs-shuffle-on').addClass('mejs-shuffle-off');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
t.shuffleToggle = t.controls.find('.mejs-shuffle-button');
|
|
||||||
},
|
|
||||||
shuffleToggleClick: function() {
|
|
||||||
var t = this;
|
|
||||||
t.shuffleToggle.trigger('click');
|
|
||||||
},
|
|
||||||
// PREVIOUS TRACK BUTTON
|
|
||||||
buildprevtrack: function(player, controls, layers, media) {
|
|
||||||
var t = this;
|
|
||||||
|
|
||||||
var prevTrack = $('<div class="mejs-button mejs-prevtrack-button mejs-prevtrack">' +
|
|
||||||
'<button type="button" aria-controls="' + player.id + '" title="' + player.options.prevText + '"></button>' +
|
|
||||||
'</div>')
|
|
||||||
.appendTo(controls)
|
|
||||||
.click(function(e){
|
|
||||||
$(media).trigger('mep-playprevtrack');
|
|
||||||
player.playPrevTrack();
|
|
||||||
});
|
|
||||||
|
|
||||||
t.prevTrack = t.controls.find('.mejs-prevtrack-button');
|
|
||||||
},
|
|
||||||
prevTrackClick: function() {
|
|
||||||
var t = this;
|
|
||||||
t.prevTrack.trigger('click');
|
|
||||||
},
|
|
||||||
// NEXT TRACK BUTTON
|
|
||||||
buildnexttrack: function(player, controls, layers, media) {
|
|
||||||
var t = this;
|
|
||||||
|
|
||||||
var nextTrack = $('<div class="mejs-button mejs-nexttrack-button mejs-nexttrack">' +
|
|
||||||
'<button type="button" aria-controls="' + player.id + '" title="' + player.options.nextText + '"></button>' +
|
|
||||||
'</div>')
|
|
||||||
.appendTo(controls)
|
|
||||||
.click(function(e){
|
|
||||||
$(media).trigger('mep-playnexttrack');
|
|
||||||
player.playNextTrack();
|
|
||||||
});
|
|
||||||
|
|
||||||
t.nextTrack = t.controls.find('.mejs-nexttrack-button');
|
|
||||||
},
|
|
||||||
nextTrackClick: function() {
|
|
||||||
var t = this;
|
|
||||||
t.nextTrack.trigger('click');
|
|
||||||
},
|
|
||||||
// PLAYLIST TOGGLE
|
|
||||||
buildplaylist: function(player, controls, layers, media) {
|
|
||||||
var t = this;
|
|
||||||
|
|
||||||
var playlistToggle = $('<div class="mejs-button mejs-playlist-button ' + ((player.options.playlist) ? 'mejs-hide-playlist' : 'mejs-show-playlist') + '">' +
|
|
||||||
'<button type="button" aria-controls="' + player.id + '" title="' + player.options.playlistText + '"></button>' +
|
|
||||||
'</div>')
|
|
||||||
.appendTo(controls)
|
|
||||||
.click(function(e) {
|
|
||||||
player.options.playlist = !player.options.playlist;
|
|
||||||
$(media).trigger('mep-playlisttoggle', [player.options.playlist]);
|
|
||||||
if (player.options.playlist) {
|
|
||||||
layers.children('.mejs-playlist').show();
|
|
||||||
playlistToggle.removeClass('mejs-show-playlist').addClass('mejs-hide-playlist');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
layers.children('.mejs-playlist').hide();
|
|
||||||
playlistToggle.removeClass('mejs-hide-playlist').addClass('mejs-show-playlist');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
t.playlistToggle = t.controls.find('.mejs-playlist-button');
|
|
||||||
},
|
|
||||||
playlistToggleClick: function() {
|
|
||||||
var t = this;
|
|
||||||
t.playlistToggle.trigger('click');
|
|
||||||
},
|
|
||||||
// PLAYLIST WINDOW
|
|
||||||
buildplaylistfeature: function(player, controls, layers, media) {
|
|
||||||
var playlist = $('<div class="mejs-playlist mejs-layer">' +
|
|
||||||
'<ul class="mejs"></ul>' +
|
|
||||||
'</div>')
|
|
||||||
.appendTo(layers);
|
|
||||||
if (!player.options.playlist) {
|
|
||||||
playlist.hide();
|
|
||||||
}
|
|
||||||
if (player.options.playlistposition == 'bottom') {
|
|
||||||
playlist.css('top', player.options.audioHeight + 'px');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
playlist.css('bottom', player.options.audioHeight + 'px');
|
|
||||||
}
|
|
||||||
var getTrackName = function(trackUrl) {
|
|
||||||
var trackUrlParts = trackUrl.split("/");
|
|
||||||
if (trackUrlParts.length > 0) {
|
|
||||||
return decodeURIComponent(trackUrlParts[trackUrlParts.length-1]);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// calculate tracks and build playlist
|
|
||||||
var tracks = [];
|
|
||||||
//$(media).children('source').each(function(index, element) { // doesn't work in Opera 12.12
|
|
||||||
$('#'+player.id).find('.mejs-mediaelement source').each(function(index, element) {
|
|
||||||
if ($.trim(this.src) != '') {
|
|
||||||
var track = {};
|
|
||||||
track.source = $.trim(this.src);
|
|
||||||
if ($.trim(this.title) != '') {
|
|
||||||
track.name = $.trim(this.title);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
track.name = getTrackName(track.source);
|
|
||||||
}
|
|
||||||
tracks.push(track);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
for (var track in tracks) {
|
|
||||||
layers.find('.mejs-playlist > ul').append('<li data-url="' + tracks[track].source + '" title="' + tracks[track].name + '">' + tracks[track].name + '</li>');
|
|
||||||
}
|
|
||||||
|
|
||||||
// set the first track as current
|
|
||||||
layers.find('li:first').addClass('current played');
|
|
||||||
// play track from playlist when clicking it
|
|
||||||
layers.find('.mejs-playlist > ul li').click(function(e) {
|
|
||||||
if (!$(this).hasClass('current')) {
|
|
||||||
$(this).addClass('played');
|
|
||||||
player.playTrack($(this));
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
player.play();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// when current track ends - play the next one
|
|
||||||
media.addEventListener('ended', function(e) {
|
|
||||||
player.playNextTrack();
|
|
||||||
}, false);
|
|
||||||
},
|
|
||||||
playNextTrack: function() {
|
|
||||||
var t = this;
|
|
||||||
var tracks = t.layers.find('.mejs-playlist > ul > li');
|
|
||||||
var current = tracks.filter('.current');
|
|
||||||
var notplayed = tracks.not('.played');
|
|
||||||
if (notplayed.length < 1) {
|
|
||||||
current.removeClass('played').siblings().removeClass('played');
|
|
||||||
notplayed = tracks.not('.current');
|
|
||||||
}
|
|
||||||
if (t.options.shuffle) {
|
|
||||||
var random = Math.floor(Math.random()*notplayed.length);
|
|
||||||
var nxt = notplayed.eq(random);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
var nxt = current.next();
|
|
||||||
if (nxt.length < 1 && t.options.loop) {
|
|
||||||
nxt = current.siblings().first();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (nxt.length == 1) {
|
|
||||||
nxt.addClass('played');
|
|
||||||
t.playTrack(nxt);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
playPrevTrack: function() {
|
|
||||||
var t = this;
|
|
||||||
var tracks = t.layers.find('.mejs-playlist > ul > li');
|
|
||||||
var current = tracks.filter('.current');
|
|
||||||
var played = tracks.filter('.played').not('.current');
|
|
||||||
if (played.length < 1) {
|
|
||||||
current.removeClass('played');
|
|
||||||
played = tracks.not('.current');
|
|
||||||
}
|
|
||||||
if (t.options.shuffle) {
|
|
||||||
var random = Math.floor(Math.random()*played.length);
|
|
||||||
var prev = played.eq(random);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
var prev = current.prev();
|
|
||||||
if (prev.length < 1 && t.options.loop) {
|
|
||||||
prev = current.siblings().last();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (prev.length == 1) {
|
|
||||||
current.removeClass('played');
|
|
||||||
t.playTrack(prev);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
playTrack: function(track) {
|
|
||||||
var t = this;
|
|
||||||
t.pause();
|
|
||||||
t.setSrc(track.attr('data-url'));
|
|
||||||
t.load();
|
|
||||||
t.play();
|
|
||||||
track.addClass('current').siblings().removeClass('current');
|
|
||||||
},
|
|
||||||
playTrackURL: function(url) {
|
|
||||||
var t = this;
|
|
||||||
var tracks = t.layers.find('.mejs-playlist > ul > li');
|
|
||||||
var track = tracks.filter('[data-url="'+url+'"]');
|
|
||||||
t.playTrack(track);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
})(mejs.$);
|
|
||||||
Loading…
Reference in New Issue
Block a user