+
+
+
+
+ 
+
+
+
+ 
Download Video
diff --git a/thrimbletrimmer/scripts/edit.js b/thrimbletrimmer/scripts/edit.js
index 866d311..405342f 100644
--- a/thrimbletrimmer/scripts/edit.js
+++ b/thrimbletrimmer/scripts/edit.js
@@ -631,6 +631,21 @@ async function initializeVideoInfo() {
const chapterContainer = rangeDefinitionsContainer.children[
rangeIndex
].getElementsByClassName("range-definition-chapter-markers")[0];
+
+ if (currentChapterIndex === 0) {
+ const chapterStartField = document.getElementById(
+ "range-definition-chapter-marker-first-start",
+ );
+ const chapterDescField = document.getElementById(
+ "range-definition-chapter-marker-first-description",
+ );
+ chapterStartField.value = videoHumanTimeFromVideoPlayerTime(
+ chapterData[currentChapterIndex].start - rangeStartOffset + startPlayerTime,
+ );
+ chapterDescField.value = chapterData[currentChapterIndex].description;
+ currentChapterIndex++;
+ }
+
while (
currentChapterIndex < chapterData.length &&
chapterData[currentChapterIndex].start < rangeEndVideoTime
@@ -1643,6 +1658,13 @@ async function rangeDataUpdated() {
clipBar.appendChild(marker);
}
}
+
+ const firstRangeStartField = document.getElementsByClassName("range-definition-start")[0]; // There should always be a first one
+ const firstChapterStartField = document.getElementById(
+ "range-definition-chapter-marker-first-start",
+ );
+ firstChapterStartField.value = firstRangeStartField.value;
+
updateDownloadLink();
}
diff --git a/thrimbletrimmer/styles/thrimbletrimmer.css b/thrimbletrimmer/styles/thrimbletrimmer.css
index 1e6f265..991a586 100644
--- a/thrimbletrimmer/styles/thrimbletrimmer.css
+++ b/thrimbletrimmer/styles/thrimbletrimmer.css
@@ -288,6 +288,10 @@ a.click {
text-align: right;
}
+.range-definition-chapter-marker-edit-gap {
+ width: 16px;
+}
+
input.range-definition-chapter-marker-description {
width: 500px;
}