mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-08 16:58:38 +09:00
import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo
This commit is contained in:
Roy Tam
commit
dcd9973243
150858 changed files with 23884658 additions and 0 deletions
|
|
@ -0,0 +1,112 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for WebVTT rendering, repositioning of 9 cues that overlap completely</title>
|
||||
<style>
|
||||
.video {
|
||||
display: inline-block;
|
||||
width: 720px;
|
||||
height: 720px;
|
||||
outline: solid;
|
||||
position: relative
|
||||
}
|
||||
#cue1 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -18px;
|
||||
margin-left: -18px;
|
||||
color: #000
|
||||
}
|
||||
#cue2 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -54px;
|
||||
margin-left: -18px;
|
||||
color: #222
|
||||
}
|
||||
#cue3 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -18px;
|
||||
margin-left: -54px;
|
||||
color: #444
|
||||
}
|
||||
#cue4 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -18px;
|
||||
margin-left: 18px;
|
||||
color: #666
|
||||
}
|
||||
#cue5 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: 18px;
|
||||
margin-left: -18px;
|
||||
color: #888
|
||||
}
|
||||
#cue6 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -54px;
|
||||
margin-left: -54px;
|
||||
color: #aaa
|
||||
}
|
||||
#cue7 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -54px;
|
||||
margin-left: 18px;
|
||||
color: #ccc
|
||||
}
|
||||
#cue8 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: 18px;
|
||||
margin-left: -54px;
|
||||
color: #eee
|
||||
}
|
||||
#cue9 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: 18px;
|
||||
margin-left: 18px;
|
||||
color: green
|
||||
}
|
||||
.cue {
|
||||
width: 36px;
|
||||
text-align: center
|
||||
}
|
||||
.cue > span {
|
||||
font-family: Ahem, sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
font-size: 36px;
|
||||
}
|
||||
</style>
|
||||
<div class="video">
|
||||
<span class="cue" id="cue1"><span>1</span></span>
|
||||
<span class="cue" id="cue2"><span>2</span></span>
|
||||
<span class="cue" id="cue3"><span>3</span></span>
|
||||
<span class="cue" id="cue4"><span>4</span></span>
|
||||
<span class="cue" id="cue5"><span>5</span></span>
|
||||
<span class="cue" id="cue6"><span>6</span></span>
|
||||
<span class="cue" id="cue7"><span>7</span></span>
|
||||
<span class="cue" id="cue8"><span>8</span></span>
|
||||
<span class="cue" id="cue9"><span>9</span></span>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>WebVTT rendering, repositioning of 9 cues that overlap completely</title>
|
||||
<link rel="match" href="9_cues_overlapping_completely-ref.html">
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
::cue {
|
||||
font-family: Ahem, sans-serif;
|
||||
}
|
||||
::cue(#cue1) {
|
||||
color: #000
|
||||
}
|
||||
::cue(#cue2) {
|
||||
color: #222
|
||||
}
|
||||
::cue(#cue3) {
|
||||
color: #444
|
||||
}
|
||||
::cue(#cue4) {
|
||||
color: #666
|
||||
}
|
||||
::cue(#cue5) {
|
||||
color: #888
|
||||
}
|
||||
::cue(#cue6) {
|
||||
color: #aaa
|
||||
}
|
||||
::cue(#cue7) {
|
||||
color: #ccc
|
||||
}
|
||||
::cue(#cue8) {
|
||||
color: #eee
|
||||
}
|
||||
::cue(#cue9) {
|
||||
color: green
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<video width="720" height="720" autoplay ontimeupdate="if (this.currentTime >= 1) { this.ontimeupdate = null; this.pause(); takeScreenshot(); }">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<track src="support/9_cues_overlapping_completely.vtt">
|
||||
<script>
|
||||
document.getElementsByTagName('track')[0].track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,112 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for WebVTT rendering, repositioning of 9 cues that overlap completely and all cues have the same timestamp</title>
|
||||
<style>
|
||||
.video {
|
||||
display: inline-block;
|
||||
width: 720px;
|
||||
height: 720px;
|
||||
outline: solid;
|
||||
position: relative
|
||||
}
|
||||
#cue1 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -18px;
|
||||
margin-left: -18px;
|
||||
color: #000
|
||||
}
|
||||
#cue2 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -54px;
|
||||
margin-left: -18px;
|
||||
color: #222
|
||||
}
|
||||
#cue3 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -18px;
|
||||
margin-left: -54px;
|
||||
color: #444
|
||||
}
|
||||
#cue4 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -18px;
|
||||
margin-left: 18px;
|
||||
color: #666
|
||||
}
|
||||
#cue5 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: 18px;
|
||||
margin-left: -18px;
|
||||
color: #888
|
||||
}
|
||||
#cue6 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -54px;
|
||||
margin-left: -54px;
|
||||
color: #aaa
|
||||
}
|
||||
#cue7 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: -54px;
|
||||
margin-left: 18px;
|
||||
color: #ccc
|
||||
}
|
||||
#cue8 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: 18px;
|
||||
margin-left: -54px;
|
||||
color: #eee
|
||||
}
|
||||
#cue9 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin-top: 18px;
|
||||
margin-left: 18px;
|
||||
color: green
|
||||
}
|
||||
.cue {
|
||||
width: 36px;
|
||||
text-align: center
|
||||
}
|
||||
.cue > span {
|
||||
font-family: Ahem, sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
font-size: 36px;
|
||||
}
|
||||
</style>
|
||||
<div class="video">
|
||||
<span class="cue" id="cue1"><span>1</span></span>
|
||||
<span class="cue" id="cue2"><span>2</span></span>
|
||||
<span class="cue" id="cue3"><span>3</span></span>
|
||||
<span class="cue" id="cue4"><span>4</span></span>
|
||||
<span class="cue" id="cue5"><span>5</span></span>
|
||||
<span class="cue" id="cue6"><span>6</span></span>
|
||||
<span class="cue" id="cue7"><span>7</span></span>
|
||||
<span class="cue" id="cue8"><span>8</span></span>
|
||||
<span class="cue" id="cue9"><span>9</span></span>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>WebVTT rendering, repositioning of 9 cues that overlap completely and all cues have the same timestamp</title>
|
||||
<link rel="match" href="9_cues_overlapping_completely_all_cues_have_same_timestamp-ref.html">
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
::cue {
|
||||
font-family: Ahem, sans-serif;
|
||||
}
|
||||
::cue(#cue1) {
|
||||
color: #000
|
||||
}
|
||||
::cue(#cue2) {
|
||||
color: #222
|
||||
}
|
||||
::cue(#cue3) {
|
||||
color: #444
|
||||
}
|
||||
::cue(#cue4) {
|
||||
color: #666
|
||||
}
|
||||
::cue(#cue5) {
|
||||
color: #888
|
||||
}
|
||||
::cue(#cue6) {
|
||||
color: #aaa
|
||||
}
|
||||
::cue(#cue7) {
|
||||
color: #ccc
|
||||
}
|
||||
::cue(#cue8) {
|
||||
color: #eee
|
||||
}
|
||||
::cue(#cue9) {
|
||||
color: green
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<video width="720" height="720" autoplay ontimeupdate="if (this.currentTime >= 1) { this.ontimeupdate = null; this.pause(); takeScreenshot(); }">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<track src="support/9_cues_overlapping_completely_all_cues_have_same_timestamp.vtt">
|
||||
<script>
|
||||
document.getElementsByTagName('track')[0].track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for WebVTT rendering, when media cannot be played (404 error), subtitles are not displayed</title>
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
.video {
|
||||
display: inline-block;
|
||||
width: 1280px;
|
||||
height: 720px;
|
||||
position: relative
|
||||
}
|
||||
</style>
|
||||
<div class="video"></div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>WebVTT rendering, when media cannot be played (404 error), subtitles are not displayed</title>
|
||||
<link rel="match" href="media_404_omit_subtitles-ref.html">
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
::cue {
|
||||
font-family: Ahem, sans-serif;
|
||||
color: green
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<video width="1280" height="720" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="videonotfound.webm" type="video/webm">
|
||||
<source src="videonotfound.mp4" type="video/mp4">
|
||||
<track src="support/test.vtt">
|
||||
<script>
|
||||
document.getElementsByTagName('track')[0].track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for WebVTT rendering, when media height is 19 or less, font size should be smaller than when it is 20 and above</title>
|
||||
<style>
|
||||
.video {
|
||||
display: inline-block;
|
||||
width: 1280px;
|
||||
height: 19px;
|
||||
outline: solid;
|
||||
position: relative
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center
|
||||
}
|
||||
.cue > span {
|
||||
font-family: Ahem, sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
color: green;
|
||||
font-size: 0.95px
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>This is a test subtitle</span></span></div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>WebVTT rendering, when media height is 19 or less, font size should be smaller than when it is 20 and above</title>
|
||||
<link rel="match" href="media_height_19-ref.html">
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
::cue {
|
||||
font-family:Ahem, sans-serif;
|
||||
color:green
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<video width="1280" height="19" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<track src="support/test.vtt">
|
||||
<script>
|
||||
document.getElementsByTagName('track')[0].track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for WebVTT rendering, single quote should not be levitated</title>
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
.video {
|
||||
display: inline-block;
|
||||
width: 1280px;
|
||||
height: 720px;
|
||||
position: relative
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center
|
||||
}
|
||||
.cue > span {
|
||||
font-family: sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
color: green;
|
||||
font-size: 36px;
|
||||
}
|
||||
</style>
|
||||
<div class="video"><span class="cue"><span>'</span></span></div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>WebVTT rendering, single quote should not be levitated</title>
|
||||
<link rel="match" href="single_quote-ref.html">
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
::cue {
|
||||
font-family: Ahem, sans-serif;
|
||||
color: green
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<video width="1280" height="720" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<track src="support/single_quote.vtt">
|
||||
<script>
|
||||
document.getElementsByTagName('track')[0].track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for WebVTT rendering, size:90% == size:100% when text does not need to wrap</title>
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
.video {
|
||||
display: inline-block;
|
||||
width: 1280px;
|
||||
height: 720px;
|
||||
position: relative
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center
|
||||
}
|
||||
.cue > span {
|
||||
font-family: Ahem, sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
color: green;
|
||||
font-size: 36px
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>This is a test subtitle</span></span></div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>WebVTT rendering, size:99% == size:100% when text does not need to wrap</title>
|
||||
<link rel="match" href="size_90-ref.html">
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
::cue {
|
||||
font-family: Ahem, sans-serif;
|
||||
color: green
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<video width="1280" height="720" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<track src="support/size_90.vtt">
|
||||
<script>
|
||||
document.getElementsByTagName('track')[0].track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Reference for WebVTT rendering, size:99% == size:100% when text does not need to wrap</title>
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
.video {
|
||||
display: inline-block;
|
||||
width: 1280px;
|
||||
height: 720px;
|
||||
position: relative
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center
|
||||
}
|
||||
.cue > span {
|
||||
font-family: Ahem, sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
color: green;
|
||||
font-size: 36px
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>This is a test subtitle</span></span></div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>WebVTT rendering, size:99% == size:100% when text does not need to wrap</title>
|
||||
<link rel="match" href="size_99-ref.html">
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
::cue {
|
||||
font-family: Ahem, sans-serif;
|
||||
color: green
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<video width="1280" height="720" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<track src="support/size_99.vtt">
|
||||
<script>
|
||||
document.getElementsByTagName('track')[0].track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
WEBVTT
|
||||
|
||||
cue1
|
||||
00:00:00.001 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
1
|
||||
|
||||
cue2
|
||||
00:00:00.002 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
2
|
||||
|
||||
cue3
|
||||
00:00:00.003 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
3
|
||||
|
||||
cue4
|
||||
00:00:00.004 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
4
|
||||
|
||||
cue5
|
||||
00:00:00.005 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
5
|
||||
|
||||
cue6
|
||||
00:00:00.006 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
6
|
||||
|
||||
cue7
|
||||
00:00:00.007 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
7
|
||||
|
||||
cue8
|
||||
00:00:00.008 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
8
|
||||
|
||||
cue9
|
||||
00:00:00.009 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
9
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
WEBVTT
|
||||
|
||||
cue1
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
1
|
||||
|
||||
cue2
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
2
|
||||
|
||||
cue3
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
3
|
||||
|
||||
cue4
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
4
|
||||
|
||||
cue5
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
5
|
||||
|
||||
cue6
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
6
|
||||
|
||||
cue7
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
7
|
||||
|
||||
cue8
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
8
|
||||
|
||||
cue9
|
||||
00:00:00.000 --> 00:00:05.000 position:50% size:5% line:50%
|
||||
9
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
WEBVTT
|
||||
|
||||
00:00:00.000 --> 00:00:05.000
|
||||
'
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
WEBVTT
|
||||
|
||||
00:00:00.000 --> 00:00:05.000 size:90%
|
||||
This is a test subtitle
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
WEBVTT
|
||||
|
||||
00:00:00.000 --> 00:00:05.000 size:99%
|
||||
This is a test subtitle
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
WEBVTT
|
||||
|
||||
00:00:00.000 --> 00:00:05.000
|
||||
This is a test subtitle
|
||||
Loading…
Add table
Add a link
Reference in a new issue