From e81bc84acecda3f243fa564a265214c67b428c7c Mon Sep 17 00:00:00 2001 From: KevinWh0 <45321184+KevinWh0@users.noreply.github.com> Date: Thu, 17 Jun 2021 18:51:46 -0700 Subject: [PATCH 1/4] Added Id's to each subtitle section --- scripts/index.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/scripts/index.js b/scripts/index.js index 8ae7f92..847b88f 100644 --- a/scripts/index.js +++ b/scripts/index.js @@ -43,7 +43,7 @@ document.getElementById("VTTSELECTOR").addEventListener("change", () => { lines.shift(); lines = lines.join("\n"); //Add the subtitle - appendSubtitle(lines, title); + appendSubtitle(lines, title, i); } }); //On init we will add a default style that will be auto applied to everything @@ -60,11 +60,11 @@ document.getElementById("LoadMenu").addEventListener("click", () => { }); //Add subtitles to the page -export function appendSubtitle(text, time) { +export function appendSubtitle(text, time, id = 0) { let div = document.createElement("div"); div.setAttribute("class", "SubtitleDiv"); let title = time; - div.innerHTML = `

${title}

+ div.innerHTML = `

${title}

From 6ca086d01c3e735339550a79d2b28d6a89a3c3df Mon Sep 17 00:00:00 2001 From: KevinWh0 <45321184+KevinWh0@users.noreply.github.com> Date: Thu, 17 Jun 2021 19:17:18 -0700 Subject: [PATCH 2/4] You can modify the times, also it wont download when you have malformed times --- index.html | 114 ++++++++++++++++++++++++---------------- scripts/generateFile.js | 26 ++++++--- scripts/index.js | 17 +++++- style/main.css | 3 +- style/main.css.map | 2 +- style/main.scss | 4 +- 6 files changed, 109 insertions(+), 57 deletions(-) diff --git a/index.html b/index.html index bb0d3ec..8255c31 100644 --- a/index.html +++ b/index.html @@ -1,58 +1,82 @@ - - - - Youtube Styled Subtitle Creator - - - - - - - - -
-
-
-

Style Manager

-
- -
-
-
+ + + + + Youtube Styled Subtitle Creator + + + + + + + + + +
+
+
+

Style Manager

+
+
-
-

How to use this tool?

-

To the right you will see a tab called the "Style Manager", if you want to make a new style, you do it there by clicking the +. If you want to then select a style to edit it click on any of the numbered buttons, and it will show you that style as well as giving you a way to modify it.
If you want to apply that style to any text you can do that with the captions below by surrounding what you want to have that style with (style number).

E.g. If a caption says "Hello World", and we want the word "World" to have style 1 then we can make it "Hello (1)World(1)"

The default style is applied to all the text.

- - -
- Want to help improve the tool? You can do it here - - -

Tip: select some text and hit Alt/F1 and it will surround the text with the selected style.

+
+
+
+

How to use this tool?

+

To the right you will see a tab called the "Style Manager", if you want to make a new style, you do + it there by clicking the +. If you want to then select a style to edit it click on any of the numbered + buttons, and it will show you that style as well as giving you a way to modify it.
If you want to apply + that style to any text you can do that with the captions below by surrounding what you want to have that style + with (style number).

E.g. If a caption says "Hello World", and we want the word "World" to have style + 1 then we can make it "Hello (1)World(1)"

The default style is applied to all the text.

+ + +
+ Want to help improve the tool? You can do it here + + +

Tip: select some text and hit Alt/F1 and it will surround the text with the selected style.

+
+ + +
+
+ + +
+
+ +
+
+
- - - - -
+ + + + +
-
- - - +
-

Currently we only support VTT files. Dont know how to get a VTT file? Click Here

-
+ + + + +

Currently we only support VTT files. Dont know how to get a VTT file? Click + Here

+
+ + + - - - + \ No newline at end of file diff --git a/scripts/generateFile.js b/scripts/generateFile.js index da7b5ad..dc6b444 100644 --- a/scripts/generateFile.js +++ b/scripts/generateFile.js @@ -5,6 +5,7 @@ import { replaceHtml, toMillis, } from "./toolbox.js"; +//If errors are found, this will be false //This is the bare bones of the file. It will be filled in when it runs let baseFile = ` @@ -54,17 +55,28 @@ export function generateFile() { for (let i = 0; i < subtitles.length; i++) { //get a subtitle let subtitle = subtitles[i]; - //get the "header" of the subtitle (This just contains the start and stop timestamp we will need) - let headers = subtitle - .getElementsByClassName("h2")[0] - .innerHTML.split(" --> "); + //get the times of the subtitle (This just contains the start and stop timestamp we will need) + let times = subtitle.getElementsByClassName("h2"); + //Get the start time + let startTime = times[0].value; + //get the end time + let stopTime = times[1].value; //Convert the start time to milliseconds - let startTime = toMillis(headers[0]); + startTime = toMillis(startTime); //convert the duration to milliseconds - let dir = toMillis(headers[1]) - startTime; - + let dir = toMillis(stopTime) - startTime; + //Check if the times are all valid + if (isNaN(dir)) { + alert( + "One or more of your start of stop times is incorrectly formatted." + ); + //Bring the user to the error + location.href = "#subtitle" + i; + //Dont download it + return null; + } //Get the text of that subtitle section let text = subtitle.getElementsByClassName("subtitleText")[0].value; diff --git a/scripts/index.js b/scripts/index.js index 847b88f..1b73202 100644 --- a/scripts/index.js +++ b/scripts/index.js @@ -63,7 +63,8 @@ document.getElementById("LoadMenu").addEventListener("click", () => { export function appendSubtitle(text, time, id = 0) { let div = document.createElement("div"); div.setAttribute("class", "SubtitleDiv"); - let title = time; + let title = time.split(" --> "); + /* div.innerHTML = `

${title}

@@ -71,6 +72,16 @@ export function appendSubtitle(text, time, id = 0) {
+`; +*/ + div.innerHTML = `
+
+
+ +
+
+ + `; document.getElementById("subtitleHolder").appendChild(div); @@ -86,7 +97,9 @@ export function appendSubtitle(text, time, id = 0) { //Add the download listener to download the file when download is hit document.getElementById("download").addEventListener("click", () => { - download(generateFile(), "fancyFontTranscript.ytt"); + let file = generateFile(); + //If the file was made without problems download it + if (file != null) download(file, "fancyFontTranscript.ytt"); }); document.body.onkeydown = function (e) { diff --git a/style/main.css b/style/main.css index 54365ac..158ffaf 100644 --- a/style/main.css +++ b/style/main.css @@ -30,7 +30,8 @@ button, } p, -h3 { +h3, +input { color: white; } diff --git a/style/main.css.map b/style/main.css.map index b3576c3..117aa62 100644 --- a/style/main.css.map +++ b/style/main.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "main.scss" ], diff --git a/style/main.scss b/style/main.scss index 82d686f..dffce29 100644 --- a/style/main.scss +++ b/style/main.scss @@ -34,9 +34,11 @@ button, } p, -h3 { +h3, +input { color: white; } + //This is for the upload page #uploadVTT { position: absolute; From e2edbdea4e7b289de4fe68c4502fefeb59e63ac2 Mon Sep 17 00:00:00 2001 From: KevinWh0 <45321184+KevinWh0@users.noreply.github.com> Date: Fri, 18 Jun 2021 12:24:23 -0700 Subject: [PATCH 3/4] You can add subtitle chunks now --- index.html | 12 +----------- scripts/index.js | 27 +++++++++++++++++++++++++-- style/main.css | 7 +++++++ style/main.css.map | 2 +- style/main.scss | 6 ++++++ 5 files changed, 40 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 8255c31..c481a1d 100644 --- a/index.html +++ b/index.html @@ -44,17 +44,7 @@

How to use this tool?

-
-
- - -
-
- -
-
- -
+
diff --git a/scripts/index.js b/scripts/index.js index 1b73202..450e9c3 100644 --- a/scripts/index.js +++ b/scripts/index.js @@ -60,7 +60,7 @@ document.getElementById("LoadMenu").addEventListener("click", () => { }); //Add subtitles to the page -export function appendSubtitle(text, time, id = 0) { +export function appendSubtitle(text, time, id = 0, location = -1) { let div = document.createElement("div"); div.setAttribute("class", "SubtitleDiv"); let title = time.split(" --> "); @@ -74,6 +74,7 @@ export function appendSubtitle(text, time, id = 0) { `; */ + div.innerHTML = `
@@ -82,8 +83,16 @@ export function appendSubtitle(text, time, id = 0) {
+ + `; - document.getElementById("subtitleHolder").appendChild(div); + //If no location is specified add it to the end, otherwise add it to the specified location + if (location == -1) + document.getElementById("subtitleHolder").appendChild(div); + else { + //Location is a element, we will add the new subtitle div after that element + location.after(div); + } //This lets us detect a selection of a textbox, this is used for the shortcut that autosurrounds document @@ -92,6 +101,20 @@ export function appendSubtitle(text, time, id = 0) { lastSelectedTextArea = evnt.target.id; }); + //Add a click listener so that when the + button is clicked we can create another subtitle element under that one + + document + .getElementById(`subtitle${id}`) + .parentElement.getElementsByClassName("addSubtitleBelow")[0] + .addEventListener("click", () => { + appendSubtitle( + "", + time, + id + 0.00001, + document.getElementById(`subtitle${id}`).parentElement + ); + }); + uniqueIdentifierCounter++; } diff --git a/style/main.css b/style/main.css index 158ffaf..208802b 100644 --- a/style/main.css +++ b/style/main.css @@ -133,6 +133,13 @@ input { padding: 0; } +.SubtitleDiv .addSubtitleBelow { + padding: 8px; + padding-bottom: 6px; + padding-top: 6px; + display: block; +} + #styleHolder { position: -webkit-sticky; position: sticky; diff --git a/style/main.css.map b/style/main.css.map index 117aa62..2b70302 100644 --- a/style/main.css.map +++ b/style/main.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "main.scss" ], diff --git a/style/main.scss b/style/main.scss index dffce29..acfe5bb 100644 --- a/style/main.scss +++ b/style/main.scss @@ -119,6 +119,12 @@ input { margin: 0; padding: 0; } + .addSubtitleBelow { + padding: 8px; + padding-bottom: 6px; + padding-top: 6px; + display: block; + } } //This is for the div that holds all the style related stuff From 96b86c836442fd771d599ffe123eb88a7dae95c0 Mon Sep 17 00:00:00 2001 From: KevinWh0 <45321184+KevinWh0@users.noreply.github.com> Date: Fri, 18 Jun 2021 12:42:34 -0700 Subject: [PATCH 4/4] Updated README --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 21df2cf..5a138f9 100644 --- a/README.md +++ b/README.md @@ -7,6 +7,7 @@ The Tool: https://kevinwh0.github.io/Styled-Youtube-Captions/ ### What does it do? + ![image](https://user-images.githubusercontent.com/45321184/120233306-5bc48780-c20a-11eb-80e6-e8054d0e7ccc.png) As you can see in the image above it lets you create fancy captions for youtube. @@ -18,11 +19,11 @@ As you can see in the image above it lets you create fancy captions for youtube. - Size support! Scale your caption text to any size! - **Bold**, _italics_, and underlines - Colored Dropshadow/Glow +- Abity to add captions within the app. +- Ability to change times within the app. - Super simple and has built in tutorials ### TODO: - Positioning. (Im not sure if its possible) -- Abity to add captions within the app. -- Ability to change times within the app. - More animation tools.