mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Video player updates
* All buttons shown all the time * Added time feedback when dragging position slider
This commit is contained in:
parent
bb54d12ca8
commit
47d87ccfe8
5 changed files with 132 additions and 95 deletions
|
@ -140,21 +140,6 @@
|
|||
}
|
||||
};
|
||||
|
||||
self.toggleVideoPlayerMenu = function () {
|
||||
|
||||
var mediaPlayer = $("#mediaPlayer");
|
||||
|
||||
if (videoMenuVisible) {
|
||||
$(mediaPlayer).removeClass("showVideoMenu");
|
||||
} else {
|
||||
$(mediaPlayer).addClass("showVideoMenu");
|
||||
}
|
||||
|
||||
videoMenuVisible = !videoMenuVisible;
|
||||
|
||||
console.log("show vid click");
|
||||
};
|
||||
|
||||
$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function (e) {
|
||||
|
||||
var videoControls = $('#videoControls');
|
||||
|
@ -227,6 +212,35 @@
|
|||
idleHandler(this);
|
||||
|
||||
});
|
||||
|
||||
var trackChange = false;
|
||||
|
||||
var tooltip = $('<div id="slider-tooltip"></div>');
|
||||
|
||||
$("#videoControls .positionSliderContainer .slider").on("change", function (e) {
|
||||
if (!trackChange) return;
|
||||
|
||||
var pct = $(this).val();
|
||||
|
||||
var time = self.curentDurationTicks * (Number(pct) * .01);
|
||||
|
||||
var tooltext = Dashboard.getDisplayTime(time)
|
||||
|
||||
tooltip.text(tooltext);
|
||||
|
||||
console.log("slidin", pct, self.curentDurationTicks, time);
|
||||
|
||||
}).on("slidestart", function (e) {
|
||||
trackChange = true;
|
||||
|
||||
var handle = $("#videoControls .positionSliderContainer .ui-slider-handle");
|
||||
|
||||
handle.after(tooltip);
|
||||
}).on("slidestop", function (e) {
|
||||
trackChange = false;
|
||||
|
||||
tooltip.remove();
|
||||
});
|
||||
});
|
||||
|
||||
function idleHandler() {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue