From 15133134458d1d294339d3a5cd69353898a29a96 Mon Sep 17 00:00:00 2001 From: RikaCelery <94585272+RikaCelery@users.noreply.github.com> Date: Mon, 24 Jul 2023 15:25:05 +0800 Subject: [PATCH 1/2] update to v0.2.0-beta Latest fix bugs better css --- .gitignore | 1 + generator.html | 405 +++++++++++++++++++++++++++++++++++-------------- 2 files changed, 288 insertions(+), 118 deletions(-) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..600d2d3 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vscode \ No newline at end of file diff --git a/generator.html b/generator.html index fe3e14d..a0ba0f8 100644 --- a/generator.html +++ b/generator.html @@ -4,49 +4,44 @@ Command Generator + + - + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Generator
-
-
@@ -124,6 +119,17 @@
+
+ +
+ + +
+
+ + +
+
@@ -148,13 +154,27 @@
+
+
+ + +
+
+ + +
+
+ + +
+
设置日志级别
- @@ -185,7 +204,7 @@
字幕输出类型
@@ -195,7 +214,7 @@
设置UI语言
+ + +
关闭日志文件输出
+
+
+
自动选择所有类型的最佳轨道
- +
跳过合并分片
- +
跳过下载
- +
检测实际下载的分片数量和预期数量是否匹配
- +
二进制合并
- +
完成后删除临时文件
- +
混流时不写入日期信息
- +
解析后的信息是否输出json文件
- +
将输入Url的Params添加至分片, 对某些网站很有用, 例如 kakao.com
- +
并发下载已选择的音频、视频和字幕
- +
只选取字幕轨道
- +
自动修正字幕
- +
解密时使用shaka-packager替代mp4decrypt
- +
实时解密MP4分片
- +
使用系统默认代理
- +
以点播方式下载直播流
- +
录制直播时实时合并
- +
录制直播并开启实时合并时依然保留分片
- +
+ + +
录制直播并开启实时合并时通过管道+ffmpeg实时混流到TS文件
+
+
+ + +
通过读取音频文件的起始时间修正VTT字幕
+
@@ -316,9 +341,36 @@
\ No newline at end of file From a49d65d86a35cde96302c0a40b44431bdaa70b9c Mon Sep 17 00:00:00 2001 From: RikaCelery <94585272+RikaCelery@users.noreply.github.com> Date: Mon, 24 Jul 2023 16:11:45 +0800 Subject: [PATCH 2/2] add --- generator.html | 127 ++++++++++++++++++++++++++++++++++++------------- 1 file changed, 95 insertions(+), 32 deletions(-) diff --git a/generator.html b/generator.html index a0ba0f8..cac6edb 100644 --- a/generator.html +++ b/generator.html @@ -4,7 +4,8 @@ Command Generator - + @@ -48,126 +49,147 @@
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
+
+
+
+ + + + +
+
+
+
+
+
+ + + + +
+
+
@@ -350,13 +372,13 @@ .to(".text p", 0.1, { color: "#FFF" }, 0.1); animate - .set(".circle", { backgroundColor: "rgba(0,0,0,0)" },0.2) + .set(".circle", { backgroundColor: "rgba(0,0,0,0)" }, 0.2) .to(".toggle-button", 0.1, { scale: 0.7 }, 0) .set(".toggle", { backgroundColor: "#FFF" }) .to(".moon-mask", 0.2, { translateY: 20, translateX: -10 }, 0.3) .to(".toggle-button", 0.1, { translateY: 49 }, 0.1) .to(".toggle-button", 0.1, { scale: 0.9 }) - + document.getElementsByClassName("switch")[0].addEventListener("click", () => { if (toggle) { animate.restart(); @@ -368,6 +390,22 @@ toggle = !toggle; changeColor() }); + + function insert(pos, id, placeholder) { + let input = document.createElement('input') + input.type = 'text' + input.id = id + input.placeholder = placeholder + input.oninput = () => { generate('generator_body') } + document.querySelector(pos).appendChild(input) + } + function removeLast(pos) { + console.log(document.querySelector(pos).lastChild.tagName); + if (document.querySelector(pos).lastChild.tagName != 'INPUT') { + return + } + document.querySelector(pos).removeChild(document.querySelector(pos).lastChild) + } function generate(params) { let form = document.getElementById(params) // console.log(form) @@ -383,7 +421,6 @@ } else { finalArgs.push('"' + element.value + '"') - } } break; @@ -542,6 +579,7 @@ .form label { color: var(--main-text-color); + user-select: none; font-size: 1.2rem; font-weight: 500; } @@ -601,6 +639,7 @@ .select-box select { width: 100%; height: 100%; + padding: 0px 0px; outline: none; border: none; color: var(--main-text-color); @@ -666,10 +705,34 @@ } } - ::-webkit-scrollbar{ + ::-webkit-scrollbar { display: none; } + label.button { + z-index: 0; + padding: 0 8px; + width: 20px; + height: 20px; + background-color: var(--accent-color); + border-radius: 40px; + } + + + + + + + + + + + + + + + + /* ***** Colors - Start ***** */ /* ***** Colors - End ***** */ /* ***** Global Styles - Start ***** */ @@ -689,7 +752,7 @@ /* ***** Global Styles - End ***** */ /* ***** Specific Styles - Start ***** */ - + .switch { width: 60px; @@ -797,6 +860,6 @@ flex-grow: 0; top: -30px; left: 10px; - transform:scale(0.7) rotateZ(-90deg); + transform: scale(0.7) rotateZ(-90deg); } \ No newline at end of file