cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 19:08:18 -07:00
Code Issues Packages Projects Releases Wiki Activity

update osd

Browse Source
This commit is contained in:
Luke Pulverenti 2017-01-04 01:49:00 -05:00
parent 7c5dabe06d
commit 7d8f6339a2
3 changed files with 170 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
dashboard-ui/bower_components/emby-webcomponents/fullscreen/fullscreen-doubleclick.js vendored
View File

@ -1,12 +1,23 @@
define(['dom', 'fullscreenManager'], function (dom, fullscreenManager) {
'use strict';
dom.addEventListener(window, 'dblclick', function () {
function isTargetValid(target) {
if (fullscreenManager.isFullScreen()) {
fullscreenManager.exitFullscreen();
} else {
fullscreenManager.requestFullscreen();
if (dom.parentWithTag(target, ['BUTTON', 'INPUT', 'TEXTAREA'])) {
return false;
}
return true;
}
dom.addEventListener(window, 'dblclick', function (e) {
if (isTargetValid(e.target)) {
if (fullscreenManager.isFullScreen()) {
fullscreenManager.exitFullscreen();
} else {
fullscreenManager.requestFullscreen();
}
}
}, {

177
dashboard-ui/bower_components/emby-webcomponents/htmlvideoplayer/plugin.js vendored
View File

@ -135,76 +135,74 @@ define(['browser', 'pluginManager', 'events', 'apphost', 'loading', 'playbackMan
function setCurrentSrc(elem, options) {
return new Promise(function (resolve, reject) {
//if (!elem) {
// currentSrc = null;
// resolve();
// return;
//}
//if (!elem) {
// currentSrc = null;
// resolve();
// return;
//}
//if (!options) {
// currentSrc = null;
// elem.src = null;
// elem.src = "";
//if (!options) {
// currentSrc = null;
// elem.src = null;
// elem.src = "";
// // When the browser regains focus it may start auto-playing the last video
// //if ($.browser.safari) {
// // elem.src = 'files/dummy.mp4';
// // elem.play();
// //}
// // When the browser regains focus it may start auto-playing the last video
// //if ($.browser.safari) {
// // elem.src = 'files/dummy.mp4';
// // elem.play();
// //}
// resolve();
// return;
//}
// resolve();
// return;
//}
var val = options.url;
var val = options.url;
console.log('playing url: ' + val);
console.log('playing url: ' + val);
//if (AppInfo.isNativeApp && $.browser.safari) {
// val = val.replace('file://', '');
//}
//if (AppInfo.isNativeApp && $.browser.safari) {
// val = val.replace('file://', '');
//}
// Convert to seconds
var seconds = (options.playerStartPositionTicks || 0) / 10000000;
if (seconds) {
val += '#t=' + seconds;
}
// Convert to seconds
var seconds = (options.playerStartPositionTicks || 0) / 10000000;
if (seconds) {
val += '#t=' + seconds;
destroyHlsPlayer();
var tracks = getMediaStreamTextTracks(options.mediaSource);
var currentTrackIndex = -1;
for (var i = 0, length = tracks.length; i < length; i++) {
if (tracks[i].Index === options.mediaSource.DefaultSubtitleStreamIndex) {
currentTrackIndex = tracks[i].Index;
break;
}
}
subtitleTrackIndexToSetOnPlaying = currentTrackIndex;
var playNow = false;
currentPlayOptions = options;
destroyHlsPlayer();
elem.crossOrigin = getCrossOriginValue(options.mediaSource);
var tracks = getMediaStreamTextTracks(options.mediaSource);
if (enableHlsPlayer(val, options.item, options.mediaSource)) {
var currentTrackIndex = -1;
for (var i = 0, length = tracks.length; i < length; i++) {
if (tracks[i].Index === options.mediaSource.DefaultSubtitleStreamIndex) {
currentTrackIndex = tracks[i].Index;
break;
}
}
subtitleTrackIndexToSetOnPlaying = currentTrackIndex;
setTracks(elem, tracks, options.mediaSource, options.item.ServerId);
currentPlayOptions = options;
elem.crossOrigin = getCrossOriginValue(options.mediaSource);
if (enableHlsPlayer(val, options.item, options.mediaSource)) {
setTracks(elem, tracks, options.mediaSource, options.item.ServerId);
return new Promise(function (resolve, reject) {
requireHlsPlayer(function () {
var hls = new Hls({
manifestLoadingTimeOut: 20000,
manifestLoadingTimeOut: 20000
//appendErrorMaxRetry: 6,
//debug: true
});
hls.loadSource(val);
hls.attachMedia(elem);
hls.on(Hls.Events.MANIFEST_PARSED, function () {
playAndResolve(elem, resolve, reject);
playWithPromise(elem).then(resolve, reject);
});
hls.on(Hls.Events.ERROR, function (event, data) {
@ -231,45 +229,46 @@ define(['browser', 'pluginManager', 'events', 'apphost', 'loading', 'playbackMan
});
hlsPlayer = hls;
// This is needed in setCurrentTrackElement
currentSrc = val;
setCurrentTrackElement(currentTrackIndex);
});
});
} else {
} else {
elem.autoplay = true;
var mimeType = options.mimeType;
elem.autoplay = true;
var mimeType = options.mimeType;
// Opera TV guidelines suggest using source elements, so let's do that if we have a valid mimeType
if (mimeType && browser.operaTv) {
// Opera TV guidelines suggest using source elements, so let's do that if we have a valid mimeType
if (mimeType && browser.operaTv) {
if (browser.chrome && mimeType === 'video/x-matroska') {
mimeType = 'video/webm';
}
// Need to do this or we won't be able to restart a new stream
if (elem.currentSrc) {
elem.src = '';
elem.removeAttribute('src');
}
elem.innerHTML = '<source src="' + val + '" type="' + mimeType + '">' + getTracksHtml(tracks, options.mediaSource, options.item.ServerId);
} else {
applySrc(elem, val);
setTracks(elem, tracks, options.mediaSource, options.item.ServerId);
if (browser.chrome && mimeType === 'video/x-matroska') {
mimeType = 'video/webm';
}
// Need to do this or we won't be able to restart a new stream
if (elem.currentSrc) {
elem.src = '';
elem.removeAttribute('src');
}
elem.innerHTML = '<source src="' + val + '" type="' + mimeType + '">' + getTracksHtml(tracks, options.mediaSource, options.item.ServerId);
elem.addEventListener('loadedmetadata', onLoadedMetadata);
playNow = true;
} else {
applySrc(elem, val);
setTracks(elem, tracks, options.mediaSource, options.item.ServerId);
}
// This is needed in setCurrentTrackElement
currentSrc = val;
setCurrentTrackElement(currentTrackIndex);
if (playNow) {
playAndResolve(elem, resolve, reject);
}
});
return playWithPromise(elem);
}
}
function applySrc(elem, src) {
@ -290,13 +289,26 @@ define(['browser', 'pluginManager', 'events', 'apphost', 'loading', 'playbackMan
}
}
function playAndResolve(elem, resolve, reject) {
var promise = elem.play();
if (promise && promise.then) {
// Chrome now returns a promise
promise.then(resolve, reject);
} else {
resolve();
function playWithPromise(elem) {
try {
var promise = elem.play();
if (promise && promise.then) {
// Chrome now returns a promise
return promise.catch(function (e) {
if ((e.name || '').toLowerCase() === 'notallowederror') {
// swallow this error because the user can still click the play button on the video element
return Promise.resolve();
}
return Promise.reject();
});
} else {
return Promise.resolve();
}
} catch (err) {
console.log('error calling video.play: ' + err);
return Promise.reject();
}
}
@ -661,7 +673,12 @@ define(['browser', 'pluginManager', 'events', 'apphost', 'loading', 'playbackMan
mediaElem.removeEventListener('loadedmetadata', onLoadedMetadata);
if (!hlsPlayer) {
mediaElem.play();
try {
mediaElem.play();
} catch (err) {
console.log('error calling mediaElement.play: ' + err);
}
}
}

58
dashboard-ui/scripts/videoosd.js
View File

@ -414,13 +414,15 @@
view.querySelector('.btnCast').classList.remove('hide');
}
view.querySelector('.btnCast').addEventListener('click', function() {
view.querySelector('.btnCast').addEventListener('click', function () {
var btn = this;
require(['playerSelectionMenu'], function (playerSelectionMenu) {
playerSelectionMenu.show(btn);
});
});
view.querySelector('.btnSettings').addEventListener('click', onSettingsButtonClick);
function onPlayerChange() {
var player = playbackManager.getCurrentPlayer();
@ -740,6 +742,60 @@
elem.innerHTML = html;
}
function onSettingsButtonClick(e) {
var btn = this;
require(['qualityoptions', 'actionsheet'], function (qualityoptions, actionsheet) {
//var currentSrc = self.getCurrentSrc(self.currentMediaRenderer).toLowerCase();
//var isStatic = currentSrc.indexOf('static=true') != -1;
var videoStream = lastPlayerState.MediaSource.MediaStreams.filter(function (stream) {
return stream.Type == "Video";
})[0];
var videoWidth = videoStream ? videoStream.Width : null;
var options = qualityoptions.getVideoQualityOptions(lastPlayerState.MaxStreamingBitrate, videoWidth);
//if (isStatic) {
// options[0].name = "Direct";
//}
var menuItems = options.map(function (o) {
var opt = {
name: o.name,
id: o.bitrate
};
if (o.selected) {
opt.selected = true;
}
return opt;
});
var selectedId = options.filter(function (o) {
return o.selected;
});
selectedId = selectedId.length ? selectedId[0].bitrate : null;
actionsheet.show({
items: menuItems,
// history.back() will cause the video player to stop
enableHistory: false,
positionTo: btn,
callback: function (id) {
var bitrate = parseInt(id);
if (bitrate != selectedId) {
//self.onQualityOptionSelected(bitrate);
}
}
});
});
}
function showAudioTrackSelection() {
var player = currentPlayer;