Spaces:
Running
Running
nicehero commited on
Commit ·
70c58b0
1
Parent(s): 094e9f3
trim.html
Browse files
trim.html
CHANGED
|
@@ -14,7 +14,6 @@
|
|
| 14 |
flex-direction: column;
|
| 15 |
align-items: left;
|
| 16 |
width: 88%;
|
| 17 |
-
height: 100%
|
| 18 |
}
|
| 19 |
|
| 20 |
a {
|
|
@@ -71,7 +70,7 @@
|
|
| 71 |
<input type="file" id="uploader">
|
| 72 |
<button id="downloadButton" style="display:none;" >download</button>
|
| 73 |
<a id="downloadLink" style="display:none;">download</a>
|
| 74 |
-
<video id="output-video" controls></video><br/>
|
| 75 |
<p id="message">先填写开始结束时间(秒数),然后选择文件,选择完文件就开始分割视频,手机上挺慢的
|
| 76 |
<br>最好使用chrome浏览器,完成后会显示下载按钮<br></p>
|
| 77 |
<script>
|
|
@@ -115,6 +114,7 @@
|
|
| 115 |
const data = await ffmpeg.readFile('output.mp4');
|
| 116 |
|
| 117 |
const video = document.getElementById('output-video');
|
|
|
|
| 118 |
video.src = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));
|
| 119 |
|
| 120 |
const downloadButton = document.getElementById('downloadButton');
|
|
|
|
| 14 |
flex-direction: column;
|
| 15 |
align-items: left;
|
| 16 |
width: 88%;
|
|
|
|
| 17 |
}
|
| 18 |
|
| 19 |
a {
|
|
|
|
| 70 |
<input type="file" id="uploader">
|
| 71 |
<button id="downloadButton" style="display:none;" >download</button>
|
| 72 |
<a id="downloadLink" style="display:none;">download</a>
|
| 73 |
+
<video id="output-video" style="display:none;" controls></video><br/>
|
| 74 |
<p id="message">先填写开始结束时间(秒数),然后选择文件,选择完文件就开始分割视频,手机上挺慢的
|
| 75 |
<br>最好使用chrome浏览器,完成后会显示下载按钮<br></p>
|
| 76 |
<script>
|
|
|
|
| 114 |
const data = await ffmpeg.readFile('output.mp4');
|
| 115 |
|
| 116 |
const video = document.getElementById('output-video');
|
| 117 |
+
video.style.display = 'inline';
|
| 118 |
video.src = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));
|
| 119 |
|
| 120 |
const downloadButton = document.getElementById('downloadButton');
|