Spaces:
Sleeping
Sleeping
Make upload the only visible input mode
Browse files
app.py
CHANGED
|
@@ -672,17 +672,13 @@ INDEX_HTML = r"""<!DOCTYPE html>
|
|
| 672 |
<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 65px);padding:40px 20px;text-align:center;">
|
| 673 |
<div class="eyebrow">AI Video Editor</div>
|
| 674 |
<h1 class="hero-title">Convert your long video to <em>short clips</em> for social media</h1>
|
| 675 |
-
<p class="hero-sub">
|
| 676 |
<div class="input-card">
|
| 677 |
-
<div class="mode-
|
| 678 |
-
<
|
| 679 |
-
<button class="mode-tab" onclick="switchMode('upload')">Upload File</button>
|
| 680 |
</div>
|
| 681 |
-
<div class="input-section active" id="mode-
|
| 682 |
-
<label class="input-label">Video
|
| 683 |
-
<input class="yt-input" type="text" placeholder="https://youtube.com/watch?v=..." id="yt-url">
|
| 684 |
-
</div>
|
| 685 |
-
<div class="input-section" id="mode-upload">
|
| 686 |
<input class="native-file-input" type="file" id="file-input" accept="video/mp4,video/quicktime,video/*">
|
| 687 |
<div class="upload-zone" id="upload-zone" onclick="openUpload()">
|
| 688 |
<div class="upload-icon">File</div>
|
|
@@ -753,7 +749,7 @@ INDEX_HTML = r"""<!DOCTYPE html>
|
|
| 753 |
</div>
|
| 754 |
</div>
|
| 755 |
<script>
|
| 756 |
-
let currentMode = '
|
| 757 |
let selectedFile = null;
|
| 758 |
let autoStartAfterFilePick = false;
|
| 759 |
let currentJobId = null;
|
|
|
|
| 672 |
<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 65px);padding:40px 20px;text-align:center;">
|
| 673 |
<div class="eyebrow">AI Video Editor</div>
|
| 674 |
<h1 class="hero-title">Convert your long video to <em>short clips</em> for social media</h1>
|
| 675 |
+
<p class="hero-sub">Upload a file - we handle the rest</p>
|
| 676 |
<div class="input-card">
|
| 677 |
+
<div class="input-section" id="mode-yt" style="display:none">
|
| 678 |
+
<input class="yt-input" type="hidden" id="yt-url">
|
|
|
|
| 679 |
</div>
|
| 680 |
+
<div class="input-section active" id="mode-upload">
|
| 681 |
+
<label class="input-label">Video file</label>
|
|
|
|
|
|
|
|
|
|
| 682 |
<input class="native-file-input" type="file" id="file-input" accept="video/mp4,video/quicktime,video/*">
|
| 683 |
<div class="upload-zone" id="upload-zone" onclick="openUpload()">
|
| 684 |
<div class="upload-icon">File</div>
|
|
|
|
| 749 |
</div>
|
| 750 |
</div>
|
| 751 |
<script>
|
| 752 |
+
let currentMode = 'upload';
|
| 753 |
let selectedFile = null;
|
| 754 |
let autoStartAfterFilePick = false;
|
| 755 |
let currentJobId = null;
|