diff --git a/dashboard-ui/css/mediaplayer.css b/dashboard-ui/css/mediaplayer.css index 69cf1ebe42..a3dbf53b4f 100644 --- a/dashboard-ui/css/mediaplayer.css +++ b/dashboard-ui/css/mediaplayer.css @@ -141,7 +141,7 @@ input[type="range"]::-ms-fill-upper { margin-bottom: 0; } - .nowPlayingBar .mediaButton:not(.playButton):not(.pauseButton):not(.remoteControlButton) { + .nowPlayingBar .mediaButton:not(.unpauseButton):not(.pauseButton):not(.remoteControlButton) { display: none; } @@ -149,7 +149,7 @@ input[type="range"]::-ms-fill-upper { float: right; } - .nowPlayingBar .playButton, .nowPlayingBar .pauseButton { + .nowPlayingBar .unpauseButton, .nowPlayingBar .pauseButton { float: right; } diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js index 164b1f4171..963e7aef0e 100644 --- a/dashboard-ui/scripts/dashboardpage.js +++ b/dashboard-ui/scripts/dashboardpage.js @@ -591,7 +591,7 @@ var clientLowered = connection.Client.toLowerCase(); - if (clientLowered == "dashboard" || clientLowered == "emby web client") { + if (clientLowered == "dashboard" || clientLowered == "emby web client" || clientLowered == "emby mobile") { var device = connection.DeviceName.toLowerCase(); diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js index 67f9f15e8d..f4260b6ffc 100644 --- a/dashboard-ui/scripts/librarymenu.js +++ b/dashboard-ui/scripts/librarymenu.js @@ -4,7 +4,7 @@ var html = '
'; - if ($.browser.safari && $.browser.mobile && window.navigator.standalone) { + if (($.browser.safari && $.browser.mobile && window.navigator.standalone) || Dashboard.isRunningInCordova()) { html += '
'; } @@ -253,38 +253,47 @@ html += '
'; - //var userHref = user.localUser && user.localUser.Policy.EnableUserPreferenceAccess ? - // 'mypreferencesdisplay.html?userId=' + user.localUser.Id : - // (user.localUser ? 'index.html' : '#'); + var showUserAtTop = $.browser.mobile; - //var paddingLeft = user.imageUrl ? 'padding-left:.7em;' : ''; - //html += ''; + if (showUserAtTop) { - //var imgWidth = 44; + var userHref = user.localUser && user.localUser.Policy.EnableUserPreferenceAccess ? + 'mypreferencesdisplay.html?userId=' + user.localUser.Id : + (user.localUser ? 'index.html' : '#'); - //if (user.imageUrl) { - // var url = user.imageUrl; + var paddingLeft = user.imageUrl ? 'padding-left:.7em;' : ''; + html += ''; - // if (user.supportsImageParams) { - // url += "&width=" + (imgWidth * Math.max(devicePixelRatio || 1, 2)); - // } + var imgWidth = 44; - // html += ''; - //} else { - // html += ''; - //} + if (user.imageUrl) { + var url = user.imageUrl; - //html += user.name; - //html += ''; + if (user.supportsImageParams) { + url += "&width=" + (imgWidth * Math.max(devicePixelRatio || 1, 2)); + } + + html += ''; + } else { + html += ''; + } + + html += user.name; + html += ''; + } var homeHref = ConnectionManager.currentApiClient() ? 'index.html' : 'selectserver.html'; - html += ''; + if (showUserAtTop) { + html += '' + Globalize.translate('ButtonHome') + ''; + } else { + html += ''; - html += ''; + html += ''; - html += Globalize.translate('ButtonHome'); - html += ''; + html += Globalize.translate('ButtonHome'); + html += ''; + } html += '
'; diff --git a/dashboard-ui/scripts/mediaplayer-video.js b/dashboard-ui/scripts/mediaplayer-video.js index f7482eb259..49f07a2818 100644 --- a/dashboard-ui/scripts/mediaplayer-video.js +++ b/dashboard-ui/scripts/mediaplayer-video.js @@ -910,6 +910,10 @@ self.canAutoPlayVideo = function () { + if (Dashboard.isRunningInCordova()) { + return true; + } + if ($.browser.msie || $.browser.mobile) { return false; } @@ -917,6 +921,11 @@ return true; }; + self.enableCustomVideoControls = function () { + + return self.canAutoPlayVideo() && !$.browser.mobile; + }; + // Replace audio version self.cleanup = function (playerElement) { @@ -996,7 +1005,7 @@ // Create video player var html = ''; - var requiresNativeControls = !self.canAutoPlayVideo(); + var requiresNativeControls = !self.enableCustomVideoControls(); // Can't autoplay in these browsers so we need to use the full controls if (requiresNativeControls) { @@ -1202,7 +1211,7 @@ self.updatePlaylistUi = function () { var index = self.currentPlaylistIndex(null), length = self.playlist.length, - requiresNativeControls = !self.canAutoPlayVideo(), + requiresNativeControls = !self.enableCustomVideoControls(), controls = $(requiresNativeControls ? '.videoAdvancedControls' : '.videoControls'); if (length < 2) { diff --git a/dashboard-ui/scripts/mediaplayer.js b/dashboard-ui/scripts/mediaplayer.js index a646ab97d8..94f51a87ec 100644 --- a/dashboard-ui/scripts/mediaplayer.js +++ b/dashboard-ui/scripts/mediaplayer.js @@ -126,7 +126,7 @@ profile.DirectPlayProfiles = []; profile.DirectPlayProfiles.push({ - Container: 'mp4', + Container: 'mp4,m4v', Type: 'Video', VideoCodec: 'h264', AudioCodec: 'aac,mp3' @@ -134,7 +134,7 @@ if ($.browser.chrome) { profile.DirectPlayProfiles.push({ - Container: 'mkv,m4v', + Container: 'mkv', Type: 'Video', VideoCodec: 'h264', AudioCodec: 'aac,mp3' @@ -311,6 +311,14 @@ }); } + profile.ResponseProfiles = []; + + profile.ResponseProfiles.push({ + Type: 'Video', + Container: 'm4v', + MimeType: 'video/mp4' + }); + return profile; }; @@ -1589,6 +1597,10 @@ self.canAutoPlayAudio = function () { + if (Dashboard.isRunningInCordova()) { + return true; + } + if ($.browser.android || ($.browser.webkit && !$.browser.chrome)) { return false; } diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js index 1446b0107b..a3cf7344f5 100644 --- a/dashboard-ui/scripts/site.js +++ b/dashboard-ui/scripts/site.js @@ -43,8 +43,8 @@ var Dashboard = { }, isRunningInCordova: function () { - var isCordovaApp = !!window.cordova; - return isCordovaApp; + + return window.appMode == 'cordova'; }, onRequestFail: function (e, data) { @@ -187,6 +187,10 @@ var Dashboard = { isConnectMode: function () { + if (Dashboard.isRunningInCordova()) { + return true; + } + var url = getWindowUrl().toLowerCase(); return url.indexOf('mediabrowser.tv') != -1 || @@ -472,7 +476,8 @@ var Dashboard = { return; } - if (Dashboard.isRunningInCordova()) { + // Cordova + if (navigator.notification && navigator.notification.alert && options.message.indexOf('<') == -1) { navigator.notification.alert(options.message, options.callback || function () { }, options.title || Globalize.translate('HeaderAlert')); @@ -483,17 +488,16 @@ var Dashboard = { confirm: function (message, title, callback) { - if (Dashboard.isRunningInCordova()) { - - navigator.notification.alert(options.message, options.callback || function () { }, options.title || Globalize.translate('HeaderAlert')); + // Cordova + if (navigator.notification && navigator.notification.alert && message.indexOf('<') == -1) { var buttonLabels = [Globalize.translate('ButtonOk'), Globalize.translate('ButtonCancel')]; - navigator.notification.confirm(options.message, function (index) { + navigator.notification.confirm(message, function (index) { - options.callback(index == 1); + callback(index == 1); - }, options.title || Globalize.translate('HeaderAlert'), buttonLabels.join(',')); + }, title || Globalize.translate('HeaderAlert'), buttonLabels.join(',')); } else { Dashboard.confirmInternal(message, title, true, callback); @@ -1311,47 +1315,95 @@ var Dashboard = { PlayableMediaTypes: "Audio,Video", SupportedCommands: Dashboard.getSupportedRemoteCommands().join(','), - SupportsPersistentIdentifier: false, + SupportsPersistentIdentifier: Dashboard.isRunningInCordova(), SupportsMediaControl: true, SupportedLiveMediaTypes: ['Audio', 'Video'] }; + }, + + getDefaultImageQuality: function (imageType) { + + var quality = 90; + var isBackdrop = imageType.toLowerCase() == 'backdrop'; + + if (isBackdrop) { + quality -= 10; + } + + if ($.browser.safari && $.browser.mobile) { + + quality -= 10; + + if (isBackdrop) { + quality -= 10; + } + } + + return quality; + }, + + getAppInfo: function () { + + function generateDeviceName() { + + var name = "Web Browser"; + + if ($.browser.chrome) { + name = "Chrome"; + } else if ($.browser.safari) { + name = "Safari"; + } else if ($.browser.webkit) { + name = "WebKit"; + } else if ($.browser.msie) { + name = "Internet Explorer"; + } else if ($.browser.opera) { + name = "Opera"; + } else if ($.browser.firefox || $.browser.mozilla) { + name = "Firefox"; + } + + if ($.browser.version) { + name += " " + $.browser.version; + } + + if ($.browser.ipad) { + name += " Ipad"; + } else if ($.browser.iphone) { + name += " Iphone"; + } else if ($.browser.android) { + name += " Android"; + } + return name; + } + + var appVersion = window.dashboardVersion; + var appName = "Emby Mobile"; + var deviceName; + var deviceId; + + // Cordova + if (window.device) { + + deviceName = device.model; + deviceId = device.uuid; + + } else { + + deviceName = generateDeviceName(); + deviceId = MediaBrowser.generateDeviceId(); + } + + return { + appName: appName, + appVersion: appVersion, + deviceName: deviceName, + deviceId: deviceId + }; } }; (function () { - function generateDeviceName() { - - var name = "Web Browser"; - - if ($.browser.chrome) { - name = "Chrome"; - } else if ($.browser.safari) { - name = "Safari"; - } else if ($.browser.webkit) { - name = "WebKit"; - } else if ($.browser.msie) { - name = "Internet Explorer"; - } else if ($.browser.opera) { - name = "Opera"; - } else if ($.browser.firefox || $.browser.mozilla) { - name = "Firefox"; - } - - if ($.browser.version) { - name += " " + $.browser.version; - } - - if ($.browser.ipad) { - name += " Ipad"; - } else if ($.browser.iphone) { - name += " Iphone"; - } else if ($.browser.android) { - name += " Android"; - } - return name; - } - if (!window.WebSocket) { alert(Globalize.translate('MessageBrowserDoesNotSupportWebSockets')); @@ -1365,95 +1417,59 @@ var Dashboard = { .on('serveraddresschanged.dashboard', Dashboard.onApiClientServerAddressChanged); } - var appVersion = window.dashboardVersion; - var appName; - var deviceName; - var deviceId; + function createConnectionManager() { - if (Dashboard.isRunningInCordova()) { + var appInfo = Dashboard.getAppInfo(); - appName = "Emby Mobile"; - deviceName = device.model; - deviceId = device.uuid; + var credentialProvider = new MediaBrowser.CredentialProvider(); - } else { + var capabilities = Dashboard.capabilities(); - appName = "Emby Web Client"; - deviceName = generateDeviceName(); - deviceId = MediaBrowser.generateDeviceId(); - } + window.ConnectionManager = new MediaBrowser.ConnectionManager(Logger, credentialProvider, appInfo.appName, appInfo.appVersion, appInfo.deviceName, appInfo.deviceId, capabilities); - var credentialProvider = new MediaBrowser.CredentialProvider(); + if (Dashboard.isConnectMode()) { - var capabilities = Dashboard.capabilities(); + $(ConnectionManager).on('apiclientcreated', function (e, apiClient) { - window.ConnectionManager = new MediaBrowser.ConnectionManager(Logger, credentialProvider, appName, appVersion, deviceName, deviceId, capabilities); + initializeApiClient(apiClient); + }); - if (Dashboard.isConnectMode()) { + if (!Dashboard.isServerlessPage()) { - $(ConnectionManager).on('apiclientcreated', function (e, apiClient) { + if (Dashboard.serverAddress() && Dashboard.getCurrentUserId() && Dashboard.getAccessToken()) { - initializeApiClient(apiClient); - }); + window.ApiClient = new MediaBrowser.ApiClient(Logger, Dashboard.serverAddress(), appInfo.appName, appInfo.appVersion, appInfo.deviceName, appInfo.deviceId); - if (!Dashboard.isServerlessPage()) { + ApiClient.setCurrentUserId(Dashboard.getCurrentUserId(), Dashboard.getAccessToken()); - if (Dashboard.serverAddress() && Dashboard.getCurrentUserId() && Dashboard.getAccessToken()) { + initializeApiClient(ApiClient); - window.ApiClient = new MediaBrowser.ApiClient(Logger, Dashboard.serverAddress(), appName, appVersion, deviceName, deviceId); + ConnectionManager.addApiClient(ApiClient, true).fail(Dashboard.logout); + } else { - ApiClient.setCurrentUserId(Dashboard.getCurrentUserId(), Dashboard.getAccessToken()); - - initializeApiClient(ApiClient); - - ConnectionManager.addApiClient(ApiClient, true).fail(Dashboard.logout); - } else { - - Dashboard.logout(); - return; - } - } - - } else { - - window.ApiClient = new MediaBrowser.ApiClient(Logger, Dashboard.serverAddress(), appName, appVersion, deviceName, deviceId); - - ApiClient.setCurrentUserId(Dashboard.getCurrentUserId(), Dashboard.getAccessToken()); - - initializeApiClient(ApiClient); - - ConnectionManager.addApiClient(ApiClient); - } - - if (window.ApiClient) { - Dashboard.importCss(ApiClient.getUrl('Branding/Css')); - - ApiClient.getDefaultImageQuality = function (imageType) { - - var quality = 90; - var isBackdrop = imageType.toLowerCase() == 'backdrop'; - - if (isBackdrop) { - quality -= 10; - } - - if ($.browser.safari && $.browser.mobile) { - - quality -= 10; - - if (isBackdrop) { - quality -= 10; + Dashboard.logout(); + return; } } - return quality; - }; + } else { + + window.ApiClient = new MediaBrowser.ApiClient(Logger, Dashboard.serverAddress(), appInfo.appName, appInfo.appVersion, appInfo.deviceName, appInfo.deviceId); + + ApiClient.setCurrentUserId(Dashboard.getCurrentUserId(), Dashboard.getAccessToken()); + + initializeApiClient(ApiClient); + + ConnectionManager.addApiClient(ApiClient); + } + + if (window.ApiClient) { + Dashboard.importCss(ApiClient.getUrl('Branding/Css')); + + ApiClient.getDefaultImageQuality = Dashboard.getDefaultImageQuality; + } } -})(); - -(function () { - function onReady() { var videoPlayerHtml = '