Skip to content

Commit a9e88a0

Browse files
thoronwenThulinma
thoronwen
authored and
Thulinma
committed
LSP/embed: New status page and related changes
1 parent 3c64d67 commit a9e88a0

19 files changed

Lines changed: 5888 additions & 3128 deletions

File tree

‎embed/min/player.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎embed/min/skins/default.css‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2,32 +2,32 @@
22
.mistvideo-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
33
.mistvideo.novideo{overflow:visible}
44
.mistvideo-video{overflow:hidden;outline:0}
5-
svg.icon.loading{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0}
6-
[data-loading]{position:relative}
7-
[data-loading=stalled] svg.icon.loading{transition:opacity 0s 3s}
8-
[data-loading] svg.icon.loading{z-index:2;opacity:1}
9-
[data-loading-css] .mistvideo-controls{display:none}
10-
[data-hidecursor],[data-hidecursor] *,[data-hidecursor] .mistvideo-pointer{cursor:none}
5+
.mistvideo svg.icon.loading{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0}
6+
.mistvideo [data-loading]{position:relative}
7+
.mistvideo [data-loading=stalled] svg.icon.loading{transition:opacity 0s 3s}
8+
.mistvideo [data-loading] svg.icon.loading{z-index:2;opacity:1}
9+
.mistvideo [data-loading-css] .mistvideo-controls{display:none}
10+
.mistvideo [data-hidecursor],.mistvideo [data-hidecursor] *,.mistvideo [data-hidecursor] .mistvideo-pointer{cursor:none}
1111
.mistvideo-error{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:$background;align-items:center;justify-content:center;text-align:center;z-index:2;cursor:default;min-height:fit-content;min-width:fit-content;height:100%}
1212
.mistvideo-error.show{display:flex}
1313
.mistvideo-error .message{max-width:80%}
1414
.mistvideo-error .message .details table{text-align:left}
1515
.mistvideo-controls button,.mistvideo-error button,.mistvideo-video:not(.video-js) button{color:$stroke;border:1px solid $semiFill;background-color:$background;margin:.25em;padding:.5em 1em;opacity:.5;cursor:pointer}
16-
button:hover{opacity:1}
17-
select{background-color:transparent;color:$stroke;border:none;margin:0 .5em;font-size:inherit;cursor:pointer;-ms-background-color:red}
18-
select>option{background-color:$background}
16+
.mistvideo button:hover{opacity:1}
17+
.mistvideo select{background-color:transparent;color:$stroke;border:none;margin:0 .5em;font-size:inherit;cursor:pointer;-ms-background-color:red}
18+
.mistvideo select>option{background-color:$background}
1919
.browser-edge select,.browser-safari select{border:1px solid $semiFill;border-top:none;border-left:none;margin-top:2px}
2020
@keyframes mistvideo-spin{
2121
0%{transform:rotate(0)}
2222
100%{transform:rotate(360deg)}
2323
}
2424
[data-fullscreen]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important;background-color:#111!important;z-index:999}
25-
video{display:block;flex-shrink:0}
26-
table{color:inherit;font-size:inherit;font-style:inherit}
27-
audio:not([controls]){display:block!important}
25+
.mistvideo video{display:block;flex-shrink:0}
26+
.mistvideo table{color:inherit;font-size:inherit;font-style:inherit}
27+
.mistvideo audio:not([controls]){display:block!important}
2828
.mistvideo-padding{padding:5px 10px}
2929
.mistvideo-pointer{cursor:pointer}
30-
.description{color:$semiFill;font-size:.9em}
30+
.msitvideo .description{color:$semiFill;font-size:.9em}
3131
.mistvideo-container{display:flex;flex-wrap:nowrap}
3232
.mistvideo-container.mistvideo{display:inline-flex;max-width:100%}
3333
.mistvideo-container.mistvideo-row{flex-direction:row}
@@ -45,7 +45,7 @@ audio:not([controls]){display:block!important}
4545
.mistvideo-tooltip .triangle{border:10px solid $background;position:absolute}
4646
.mistvideo-tracks label{display:block}
4747
.mistvideo-tracks label>span{margin-right:1em}
48-
a{color:$accent}
48+
.mistvideo a{color:$accent}
4949
.mistvideo-log .logs{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
5050
.mistvideo-placeholder{max-width:100%;max-height:100%}
5151
.mistvideo-topright{position:absolute;top:0;right:0}
@@ -55,12 +55,12 @@ a{color:$accent}
5555
from{opacity:0}
5656
to{opacity:1}
5757
}
58-
svg.icon{display:block;stroke-width:$strokeWidth;fill:none;stroke:none}
59-
svg.icon .fill,svg.icon.fill{fill:$fill}
60-
svg.icon .semiFill,svg.icon.semiFill{fill:$semiFill}
61-
svg.icon .stroke,svg.icon.stroke{stroke:$stroke;vector-effect:non-scaling-stroke}
62-
svg.icon.off .toggle .fill,svg.icon.off .toggle .semiFill,svg.icon.off .toggle.fill,svg.icon.off .toggle.semiFill{fill:none}
63-
svg.icon .spin,svg.icon.spin{animation:mistvideo-spin 1.5s infinite linear;transform-origin:50% 50%}
58+
.mistvideo svg.icon{display:block;stroke-width:$strokeWidth;fill:none;stroke:none}
59+
.mistvideo svg.icon.fill,svg.icon .fill{fill:$fill}
60+
.mistvideo svg.icon.semiFill,svg.icon .semiFill{fill:$semiFill}
61+
.mistvideo svg.icon.stroke,svg.icon .stroke{stroke:$stroke;vector-effect:non-scaling-stroke}
62+
.mistvideo svg.icon.off .toggle .fill,.mistvideo svg.icon.off .toggle .semiFill,.mistvideo svg.icon.off .toggle.fill,.mistvideo svg.icon.off .toggle.semiFill{fill:none}
63+
.mistvideo svg.icon.spin,svg.icon .spin{animation:mistvideo-spin 1.5s infinite linear;transform-origin:50% 50%}
6464
.vjs-text-track-display{pointer-events:none}
6565
.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-error-display,.vjs-hidden,.vjs-using-native-controls .vjs-control-bar{display:none!important}
6666
.vjs-controls-disabled .vjs-big-play-button,.vjs-controls-disabled .vjs-loading-spinner,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}
@@ -84,7 +84,7 @@ svg.icon .spin,svg.icon.spin{animation:mistvideo-spin 1.5s infinite linear;trans
8484
.mistvideo-play[data-state=playing] svg.play{display:none}
8585
.mistvideo-play[data-state=paused] svg.pause{display:none}
8686
.mistvideo-main{align-items:center}
87-
svg.icon.timeout{display:inline-block;height:1em;width:1em;margin:0;margin-right:.25em;vertical-align:top}
87+
.mistvideo svg.icon.timeout{display:inline-block;height:1em;width:1em;margin:0;margin-right:.25em;vertical-align:top}
8888
.mist.largeplay,.mist.muted{position:absolute;opacity:.5}
8989
.mist.largeplay{top:50%;left:0;right:0;margin:auto;transform:translateY(-50%)}
9090
.mist.muted{top:0;right:0;margin:1%;max-height:20%;width:auto}
@@ -112,6 +112,6 @@ svg.icon.timeout{display:inline-block;height:1em;width:1em;margin:0;margin-right
112112
.browser-ie .mist.icon.loading{animation:mistvideo-spin 1.5s infinite linear;transform-origin:50% 50%}
113113
.browser-ie .mist.icon.loading .spin{animation:none}
114114
.mistvideo-chromecast{display:flex}
115-
google-cast-launcher{width:24px;height:24px;--connected-color:$fill;--disconnected-color:$semiFill}
116-
google-cast-launcher.active{--connected-color:$accent;--disconnected-color:$fill}
115+
.mistvideo google-cast-launcher{width:24px;height:24px;--connected-color:$fill;--disconnected-color:$semiFill}
116+
.mistvideo google-cast-launcher.active{--connected-color:$accent;--disconnected-color:$fill}
117117
.mistvideo.casting .mistvideo-slideshow_mode{display:none}

‎embed/min/skins/dev.css‎

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -2,32 +2,32 @@
22
.mistvideo-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
33
.mistvideo.novideo{overflow:visible}
44
.mistvideo-video{overflow:hidden;outline:0}
5-
svg.icon.loading{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0}
6-
[data-loading]{position:relative}
7-
[data-loading=stalled] svg.icon.loading{transition:opacity 0s 3s}
8-
[data-loading] svg.icon.loading{z-index:2;opacity:1}
9-
[data-loading-css] .mistvideo-controls{display:none}
10-
[data-hidecursor],[data-hidecursor] *,[data-hidecursor] .mistvideo-pointer{cursor:none}
5+
.mistvideo svg.icon.loading{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0}
6+
.mistvideo [data-loading]{position:relative}
7+
.mistvideo [data-loading=stalled] svg.icon.loading{transition:opacity 0s 3s}
8+
.mistvideo [data-loading] svg.icon.loading{z-index:2;opacity:1}
9+
.mistvideo [data-loading-css] .mistvideo-controls{display:none}
10+
.mistvideo [data-hidecursor],.mistvideo [data-hidecursor] *,.mistvideo [data-hidecursor] .mistvideo-pointer{cursor:none}
1111
.mistvideo-error{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:$background;align-items:center;justify-content:center;text-align:center;z-index:2;cursor:default;min-height:fit-content;min-width:fit-content;height:100%}
1212
.mistvideo-error.show{display:flex}
1313
.mistvideo-error .message{max-width:80%}
1414
.mistvideo-error .message .details table{text-align:left}
1515
.mistvideo-controls button,.mistvideo-error button,.mistvideo-video:not(.video-js) button{color:$stroke;border:1px solid $semiFill;background-color:$background;margin:.25em;padding:.5em 1em;opacity:.5;cursor:pointer}
16-
button:hover{opacity:1}
17-
select{background-color:transparent;color:$stroke;border:none;margin:0 .5em;font-size:inherit;cursor:pointer;-ms-background-color:red}
18-
select>option{background-color:$background}
16+
.mistvideo button:hover{opacity:1}
17+
.mistvideo select{background-color:transparent;color:$stroke;border:none;margin:0 .5em;font-size:inherit;cursor:pointer;-ms-background-color:red}
18+
.mistvideo select>option{background-color:$background}
1919
.browser-edge select,.browser-safari select{border:1px solid $semiFill;border-top:none;border-left:none;margin-top:2px}
2020
@keyframes mistvideo-spin{
2121
0%{transform:rotate(0)}
2222
100%{transform:rotate(360deg)}
2323
}
2424
[data-fullscreen]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important;background-color:#111!important;z-index:999}
25-
video{display:block;flex-shrink:0}
26-
table{color:inherit;font-size:inherit;font-style:inherit}
27-
audio:not([controls]){display:block!important}
25+
.mistvideo video{display:block;flex-shrink:0}
26+
.mistvideo table{color:inherit;font-size:inherit;font-style:inherit}
27+
.mistvideo audio:not([controls]){display:block!important}
2828
.mistvideo-padding{padding:5px 10px}
2929
.mistvideo-pointer{cursor:pointer}
30-
.description{color:$semiFill;font-size:.9em}
30+
.msitvideo .description{color:$semiFill;font-size:.9em}
3131
.mistvideo-container{display:flex;flex-wrap:nowrap}
3232
.mistvideo-container.mistvideo{display:inline-flex;max-width:100%}
3333
.mistvideo-container.mistvideo-row{flex-direction:row}
@@ -45,7 +45,7 @@ audio:not([controls]){display:block!important}
4545
.mistvideo-tooltip .triangle{border:10px solid $background;position:absolute}
4646
.mistvideo-tracks label{display:block}
4747
.mistvideo-tracks label>span{margin-right:1em}
48-
a{color:$accent}
48+
.mistvideo a{color:$accent}
4949
.mistvideo-log .logs{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
5050
.mistvideo-placeholder{max-width:100%;max-height:100%}
5151
.mistvideo-topright{position:absolute;top:0;right:0}
@@ -55,12 +55,12 @@ a{color:$accent}
5555
from{opacity:0}
5656
to{opacity:1}
5757
}
58-
svg.icon{display:block;stroke-width:$strokeWidth;fill:none;stroke:none}
59-
svg.icon .fill,svg.icon.fill{fill:$fill}
60-
svg.icon .semiFill,svg.icon.semiFill{fill:$semiFill}
61-
svg.icon .stroke,svg.icon.stroke{stroke:$stroke;vector-effect:non-scaling-stroke}
62-
svg.icon.off .toggle .fill,svg.icon.off .toggle .semiFill,svg.icon.off .toggle.fill,svg.icon.off .toggle.semiFill{fill:none}
63-
svg.icon .spin,svg.icon.spin{animation:mistvideo-spin 1.5s infinite linear;transform-origin:50% 50%}
58+
.mistvideo svg.icon{display:block;stroke-width:$strokeWidth;fill:none;stroke:none}
59+
.mistvideo svg.icon.fill,svg.icon .fill{fill:$fill}
60+
.mistvideo svg.icon.semiFill,svg.icon .semiFill{fill:$semiFill}
61+
.mistvideo svg.icon.stroke,svg.icon .stroke{stroke:$stroke;vector-effect:non-scaling-stroke}
62+
.mistvideo svg.icon.off .toggle .fill,.mistvideo svg.icon.off .toggle .semiFill,.mistvideo svg.icon.off .toggle.fill,.mistvideo svg.icon.off .toggle.semiFill{fill:none}
63+
.mistvideo svg.icon.spin,svg.icon .spin{animation:mistvideo-spin 1.5s infinite linear;transform-origin:50% 50%}
6464
.vjs-text-track-display{pointer-events:none}
6565
.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-error-display,.vjs-hidden,.vjs-using-native-controls .vjs-control-bar{display:none!important}
6666
.vjs-controls-disabled .vjs-big-play-button,.vjs-controls-disabled .vjs-loading-spinner,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}
@@ -84,7 +84,7 @@ svg.icon .spin,svg.icon.spin{animation:mistvideo-spin 1.5s infinite linear;trans
8484
.mistvideo-play[data-state=playing] svg.play{display:none}
8585
.mistvideo-play[data-state=paused] svg.pause{display:none}
8686
.mistvideo-main{align-items:center}
87-
svg.icon.timeout{display:inline-block;height:1em;width:1em;margin:0;margin-right:.25em;vertical-align:top}
87+
.mistvideo svg.icon.timeout{display:inline-block;height:1em;width:1em;margin:0;margin-right:.25em;vertical-align:top}
8888
.mist.largeplay,.mist.muted{position:absolute;opacity:.5}
8989
.mist.largeplay{top:50%;left:0;right:0;margin:auto;transform:translateY(-50%)}
9090
.mist.muted{top:0;right:0;margin:1%;max-height:20%;width:auto}
@@ -112,8 +112,8 @@ svg.icon.timeout{display:inline-block;height:1em;width:1em;margin:0;margin-right
112112
.browser-ie .mist.icon.loading{animation:mistvideo-spin 1.5s infinite linear;transform-origin:50% 50%}
113113
.browser-ie .mist.icon.loading .spin{animation:none}
114114
.mistvideo-chromecast{display:flex}
115-
google-cast-launcher{width:24px;height:24px;--connected-color:$fill;--disconnected-color:$semiFill}
116-
google-cast-launcher.active{--connected-color:$accent;--disconnected-color:$fill}
115+
.mistvideo google-cast-launcher{width:24px;height:24px;--connected-color:$fill;--disconnected-color:$semiFill}
116+
.mistvideo google-cast-launcher.active{--connected-color:$accent;--disconnected-color:$fill}
117117
.mistvideo.casting .mistvideo-slideshow_mode{display:none}
118118
.mistvideo-log{margin:.5em 0}
119119
.mistvideo-log .logs{max-height:10em;min-height:5em;width:100%;padding:.2em 0;padding-right:1em;overflow-y:auto;overflow-x:hidden;font-size:.9em}
@@ -136,8 +136,8 @@ google-cast-launcher.active{--connected-color:$accent;--disconnected-color:$fill
136136
.mistvideo-decodingIssues label{position:relative}
137137
.mistvideo-decodingIssues label .mistvideo-description{font-size:.9em}
138138
.mistvideo-decodingIssues label .value{font-size:.8em}
139-
svg.icon.graph{position:absolute;right:0;top:0;bottom:0;width:6em}
140-
select{border-radius:0}
141-
input[type=checkbox]{margin:0;margin-right:.2em;border:1px solid $semiFill;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;width:.8em;height:.8em;color:inherit;position:relative;cursor:pointer}
142-
input[type=checkbox]:checked:after{content:"\2713";position:absolute;bottom:-.2em;left:0;font-size:1.2em}
139+
.mistvideo svg.icon.graph{position:absolute;right:0;top:0;bottom:0;width:6em}
140+
.mistvideo select{border-radius:0}
141+
.mistvideo input[type=checkbox]{margin:0;margin-right:.2em;border:1px solid $semiFill;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;width:.8em;height:.8em;color:inherit;position:relative;cursor:pointer}
142+
.mistvideo input[type=checkbox]:checked:after{content:"\2713";position:absolute;bottom:-.2em;left:0;font-size:1.2em}
143143
.mistvideo.casting .mistvideo-displayCombo,.mistvideo.casting .mistvideo-forcePlayer,.mistvideo.casting .mistvideo-forceType{display:none!important}

0 commit comments

Comments
 (0)