-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
63 lines (61 loc) · 3.59 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
<title>YouTube Downloader Options</title>
</head>
<body>
<div class="jumbotron">
<div class="container mt-5">
<div class="row justify-content-center me-md-3">
<div class="col-6 bg-light p-5 rounded-3">
<div>
<img src="img/icon.png" style="height: 4em; display: inline">
<h1 style="display: inline; vertical-align: middle; margin-left: 0.2em"> Options</h1>
</div>
<form id="optionsForm" action="#" class="mt-4">
<div class="mb-3">
<label for="ytDlpPathInput" class="form-label">YT-DLP path</label>
<input type="text" class="form-control" id="ytDlpPathInput" value="" required>
</div>
<div class="mb-3">
<label for="ffmpegPathInput" class="form-label">FFMPEG path</label>
<input type="text" class="form-control" id="ffmpegPathInput" value="" required>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="enableLogsInput">
<label class="form-check-label" for="enableLogsInput">Enable logs</label>
</div>
<fieldset class="form-group">
<legend>Advanced</legend>
<div class="mb-3">
<label for="ytDlpArgumentsInput" class="form-label">YT-DLP arguments</label>
<input type="text" class="form-control" id="ytDlpArgumentsInput" placeholder="-f bestvideo+bestaudio" value="">
</div>
<div class="mb-3">
<label for="ffmpegSegmentArgumentsInput" class="form-label">Clip download FFMPEG arguments</label>
<input type="text" class="form-control" id="ffmpegSegmentArgumentsInput" placeholder="-c:v libx264 -crf 17 -f mp4 -movflags empty_moov" value="">
</div>
<div class="mb-3">
<label for="fileNameTemplateInput" class="form-label">Filename template</label>
<input type="text" class="form-control" id="fileNameTemplateInput" placeholder="%(title)s-%(id)s.%(ext)s" value="">
</div>
<div class="mb-3">
<label for="segmentFileNameTemplateInput" class="form-label">Clip filename template</label>
<input type="text" class="form-control" id="segmentFileNameTemplateInput" placeholder="%(title)s-%(id)s-%(from)s-%(to)s.mp4" value="">
</div>
</fieldset>
<div class="mt-3">
<button type="submit" class="btn btn-primary w-25" id="saveBtn">Save</button>
<button type="button" class="btn btn-link" id="configureShortcutsBtn"><i class="fa fa-external-link"></i> Configure shortcuts</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="options.js"></script>
</body>
</html>