Spaces:
Running
Running
daydreamer-json
commited on
Update gi_cutscn_viewer.html
Browse files- gi_cutscn_viewer.html +19 -11
gi_cutscn_viewer.html
CHANGED
|
@@ -22,28 +22,36 @@
|
|
| 22 |
font-family: 'A-OTF UD Shin Go Pro', system-ui;
|
| 23 |
}
|
| 24 |
.main2 {
|
| 25 |
-
display:
|
| 26 |
-
flex-direction: column;
|
| 27 |
height: 100vh;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 28 |
}
|
| 29 |
.mainVideo {
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
}
|
| 34 |
</style>
|
| 35 |
</head>
|
| 36 |
<body>
|
| 37 |
<div class="main">
|
| 38 |
<div class="main2">
|
| 39 |
-
<
|
| 40 |
-
<
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
|
|
|
| 44 |
<select id="audioTrackPullDownMenu" name="audioTrackName" required>
|
| 45 |
</select>
|
| 46 |
-
|
|
|
|
| 47 |
<div class="mainVideo">
|
| 48 |
<video id="video" controls crossorigin>
|
| 49 |
<source type="application/x-mpegURL">
|
|
|
|
| 22 |
font-family: 'A-OTF UD Shin Go Pro', system-ui;
|
| 23 |
}
|
| 24 |
.main2 {
|
| 25 |
+
display: block;
|
|
|
|
| 26 |
height: 100vh;
|
| 27 |
+
width: 100vw;
|
| 28 |
+
}
|
| 29 |
+
.mainUI {
|
| 30 |
+
display: block;
|
| 31 |
+
width: 100vw;
|
| 32 |
+
background: rgba(0,0,0,0.3);
|
| 33 |
+
z-index: 100;
|
| 34 |
}
|
| 35 |
.mainVideo {
|
| 36 |
+
height: 100vh;
|
| 37 |
+
width: 100vw;
|
| 38 |
+
z-index: 0;
|
| 39 |
}
|
| 40 |
</style>
|
| 41 |
</head>
|
| 42 |
<body>
|
| 43 |
<div class="main">
|
| 44 |
<div class="main2">
|
| 45 |
+
<div class="mainUI">
|
| 46 |
+
<p><span>File:</span><span>
|
| 47 |
+
<select id="filePullDownMenu" name="videoName" required>
|
| 48 |
+
</select>
|
| 49 |
+
</span><span id="audioTrackPullDownRow" hidden><br>
|
| 50 |
+
<span>Audio:</span><span>
|
| 51 |
<select id="audioTrackPullDownMenu" name="audioTrackName" required>
|
| 52 |
</select>
|
| 53 |
+
</span></span></p>
|
| 54 |
+
</div>
|
| 55 |
<div class="mainVideo">
|
| 56 |
<video id="video" controls crossorigin>
|
| 57 |
<source type="application/x-mpegURL">
|