mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
e9974f5344
commit
30584bfef9
10 changed files with 48 additions and 40 deletions
|
@ -14,12 +14,12 @@
|
|||
},
|
||||
"devDependencies": {},
|
||||
"ignore": [],
|
||||
"version": "1.4.354",
|
||||
"_release": "1.4.354",
|
||||
"version": "1.4.356",
|
||||
"_release": "1.4.356",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.4.354",
|
||||
"commit": "3d8a04970adc76c6197984d6c2e29967cfa6b25e"
|
||||
"tag": "1.4.356",
|
||||
"commit": "2115cec7c7cfaaa4335d3dce66e0696f41889e6b"
|
||||
},
|
||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||
"_target": "^1.2.1",
|
||||
|
|
|
@ -40,7 +40,7 @@
|
|||
backdropImage.style.backgroundImage = "url('" + url + "')";
|
||||
backdropImage.setAttribute('data-url', url);
|
||||
|
||||
backdropImage.style.animation = 'backdrop-fadein ' + 800 + 'ms ease-in normal both';
|
||||
backdropImage.classList.add('backdropImageFadeIn');
|
||||
parent.appendChild(backdropImage);
|
||||
|
||||
if (!enableAnimation(backdropImage)) {
|
||||
|
@ -75,7 +75,7 @@
|
|||
function cancelAnimation() {
|
||||
var elem = currentAnimatingElement;
|
||||
if (elem) {
|
||||
elem.style.animation = '';
|
||||
elem.classList.remove('backdropImageFadeIn');
|
||||
currentAnimatingElement = null;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -15,6 +15,10 @@
|
|||
contain: layout style;
|
||||
}
|
||||
|
||||
.backdropImageFadeIn {
|
||||
animation: backdrop-fadein 800ms ease-in normal both;
|
||||
}
|
||||
|
||||
@keyframes backdrop-fadein {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
|
@ -117,22 +117,29 @@
|
|||
}
|
||||
|
||||
var _supportsCssAnimation;
|
||||
function supportsCssAnimation() {
|
||||
var _supportsCssAnimationWithPrefix;
|
||||
function supportsCssAnimation(allowPrefix) {
|
||||
|
||||
if (allowPrefix) {
|
||||
if (_supportsCssAnimationWithPrefix === true || _supportsCssAnimationWithPrefix === false) {
|
||||
return _supportsCssAnimationWithPrefix;
|
||||
}
|
||||
} else {
|
||||
if (_supportsCssAnimation === true || _supportsCssAnimation === false) {
|
||||
return _supportsCssAnimation;
|
||||
}
|
||||
}
|
||||
|
||||
var animation = false,
|
||||
animationstring = 'animation',
|
||||
keyframeprefix = '',
|
||||
domPrefixes = 'Webkit Moz O ms Khtml'.split(' '),
|
||||
domPrefixes = ['Webkit', 'O', 'Moz'],
|
||||
pfx = '',
|
||||
elm = document.createElement('div');
|
||||
|
||||
if (elm.style.animationName !== undefined) { animation = true; }
|
||||
|
||||
if (animation === false) {
|
||||
if (animation === false && allowPrefix) {
|
||||
for (var i = 0; i < domPrefixes.length; i++) {
|
||||
if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
|
||||
pfx = domPrefixes[i];
|
||||
|
@ -144,9 +151,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
if (allowPrefix) {
|
||||
_supportsCssAnimationWithPrefix = animation;
|
||||
return _supportsCssAnimationWithPrefix;
|
||||
} else {
|
||||
_supportsCssAnimation = animation;
|
||||
return _supportsCssAnimation;
|
||||
}
|
||||
}
|
||||
|
||||
var uaMatch = function (ua) {
|
||||
ua = ua.toLowerCase();
|
||||
|
@ -228,6 +240,7 @@
|
|||
|
||||
if (userAgent.toLowerCase().indexOf("playstation 4") !== -1) {
|
||||
browser.ps4 = true;
|
||||
browser.tv = true;
|
||||
}
|
||||
|
||||
if (isMobile(userAgent)) {
|
||||
|
@ -258,5 +271,8 @@
|
|||
browser.keyboard = hasKeyboard(browser);
|
||||
browser.supportsCssAnimation = supportsCssAnimation;
|
||||
|
||||
browser.osx = userAgent.toLowerCase().indexOf('os x') !== -1;
|
||||
browser.iOS = browser.ipad || browser.iphone || browser.ipod;
|
||||
|
||||
return browser;
|
||||
});
|
|
@ -267,7 +267,7 @@ define(['browser'], function (browser) {
|
|||
// Only put mp3 first if mkv support is there
|
||||
// Otherwise with HLS and mp3 audio we're seeing some browsers
|
||||
// safari is lying
|
||||
if ((videoTestElement.canPlayType('audio/mp4; codecs="ac-3"').replace(/no/, '') && !browser.safari) || browser.edgeUwp || browser.tizen || browser.web0s) {
|
||||
if ((videoTestElement.canPlayType('audio/mp4; codecs="ac-3"').replace(/no/, '') && !browser.osx && !browser.iOS) || browser.edgeUwp || browser.tizen || browser.web0s) {
|
||||
videoAudioCodecs.push('ac3');
|
||||
|
||||
// This works in edge desktop, but not mobile
|
||||
|
@ -440,7 +440,7 @@ define(['browser'], function (browser) {
|
|||
Context: 'Streaming',
|
||||
Protocol: 'hls',
|
||||
MaxAudioChannels: physicalAudioChannels.toString(),
|
||||
EnableSplittingOnNonKeyFrames: browser.safari ? true : false
|
||||
EnableSplittingOnNonKeyFrames: (browser.osx || browser.iOS) ? true : false
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
@ -5,24 +5,12 @@
|
|||
|
||||
function enableAnimation() {
|
||||
|
||||
if (browser.animate) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (browser.edge) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (!browser.supportsCssAnimation()) {
|
||||
// too slow
|
||||
if (browser.tv) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// An indication of an older browser
|
||||
if (browser.noFlex) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
return browser.supportsCssAnimation();
|
||||
}
|
||||
|
||||
function removeCenterFocus(dlg) {
|
||||
|
@ -269,6 +257,7 @@
|
|||
if (enableAnimation()) {
|
||||
|
||||
var animated = true;
|
||||
|
||||
switch (dlg.animationConfig.exit.name) {
|
||||
|
||||
case 'fadeout':
|
||||
|
@ -440,6 +429,7 @@
|
|||
}
|
||||
|
||||
if (enableAnimation()) {
|
||||
|
||||
switch (dlg.animationConfig.entry.name) {
|
||||
|
||||
case 'fadein':
|
||||
|
|
|
@ -102,7 +102,7 @@ define([], function () {
|
|||
}
|
||||
|
||||
var t,
|
||||
el = document.createElement("fakeelement");
|
||||
el = document.createElement("div");
|
||||
var animations = {
|
||||
"animation": "animationend",
|
||||
"OAnimation": "oAnimationEnd",
|
||||
|
@ -127,7 +127,7 @@ define([], function () {
|
|||
}
|
||||
|
||||
var t,
|
||||
el = document.createElement("fakeelement");
|
||||
el = document.createElement("div");
|
||||
var transitions = {
|
||||
"transition": "transitionend",
|
||||
"OTransition": "oTransitionEnd",
|
||||
|
|
|
@ -73,7 +73,7 @@
|
|||
|
||||
this.classList.add('emby-button');
|
||||
|
||||
if (browser.safari || browser.firefox) {
|
||||
if (browser.firefox) {
|
||||
this.classList.add('emby-button-noflex');
|
||||
}
|
||||
|
||||
|
|
|
@ -9,14 +9,11 @@ define(['browser', 'dom', 'css!./viewcontainer-lite'], function (browser, dom) {
|
|||
|
||||
function enableAnimation() {
|
||||
|
||||
// too slow
|
||||
if (browser.tv) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (browser.operaTv) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return browser.supportsCssAnimation();
|
||||
}
|
||||
|
||||
|
@ -119,7 +116,6 @@ define(['browser', 'dom', 'css!./viewcontainer-lite'], function (browser, dom) {
|
|||
|
||||
if (oldAnimatedPage) {
|
||||
if (isBack) {
|
||||
oldAnimatedPage.style.animation = 'view-slideright-r ' + duration + 'ms ease-out normal both';
|
||||
setAnimation(oldAnimatedPage, 'view-slideright-r ' + duration + 'ms ease-out normal both');
|
||||
} else {
|
||||
setAnimation(oldAnimatedPage, 'view-slideleft-r ' + duration + 'ms ease-out normal both');
|
||||
|
|
|
@ -419,7 +419,9 @@
|
|||
setTracks(elem, tracks);
|
||||
|
||||
requireHlsPlayer(function () {
|
||||
var hls = new Hls();
|
||||
var hls = new Hls({
|
||||
manifestLoadingTimeOut: 20000
|
||||
});
|
||||
hls.loadSource(val);
|
||||
hls.attachMedia(elem);
|
||||
hls.on(Hls.Events.MANIFEST_PARSED, function () {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue