summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--2020/info/05.md5
-rw-r--r--templates/page.tmpl21
-rw-r--r--templates/vid.md2
3 files changed, 23 insertions, 5 deletions
diff --git a/2020/info/05.md b/2020/info/05.md
index ad57c007..db18f39a 100644
--- a/2020/info/05.md
+++ b/2020/info/05.md
@@ -118,7 +118,7 @@ with Unabridged Software in Lincoln, Nebraska. Long time Emacs user,
relatively new Emacs hacker. Hopefully, I'll be able to show you my
workflow, with how I publish music with Emacs. All right.
-<a onclick="mainVideo.currentTime = 30.0">(00:30)</a>
+<a href="#mainvideo" class="time-link" data-timestamp="30">(00:30)</a>
So as a musician, I would like to publish my music online. I could
publish with popular online music services, but I'm more of a
DIY-type, so I chose to go ahead and publish with Emacs. What's the
@@ -134,7 +134,8 @@ something that should be shared and should be freely enjoyed by
everyone. Of course, artists should be compensated as well, but that's
a whole different topic.
-(01:39) So when I want to share my music, I want to do it without
+<a href="#mainvideo" class="time-link" data-timestamp="99">(01:39)</a>
+So when I want to share my music, I want to do it without
impacting anyone's freedom. Using GNU software like Emacs is a good
way that I can ensure that I won't be requiring people to sign away
their freedoms for anything. There's a lot more I could say about this
diff --git a/templates/page.tmpl b/templates/page.tmpl
index 28d650ad..3e94e1ae 100644
--- a/templates/page.tmpl
+++ b/templates/page.tmpl
@@ -37,6 +37,24 @@
</TMPL_LOOP>
</TMPL_UNLESS>
+<script>
+ var mainVideo;
+ var timestamps;
+
+ window.onload = function initScript() {
+ console.log("initializing seek to time script");
+ mainVideo = document.getElementById("mainVideo");
+ timestamps = document.getElementsByClassName("time-link");
+ len = timestamps.length;
+ for (i = 0; i < len; i++) {
+ seconds = parseFloat(timestamps[i].dataset["timestamp"]);
+
+ timestamps[i].onclick = function () {
+ mainVideo.currentTime = seconds;
+ }
+ }
+ }
+</script>
</head>
<body>
@@ -48,7 +66,7 @@
<span>
<span class="parentlinks">
<TMPL_LOOP PARENTLINKS>
-<a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>/
+<a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>/
</TMPL_LOOP>
</span>
<span class="title">
@@ -221,6 +239,5 @@ Last edited <TMPL_VAR MTIME>
<TMPL_IF HTML5></footer><TMPL_ELSE></div></TMPL_IF>
<TMPL_IF HTML5></article><TMPL_ELSE></div></TMPL_IF>
-
</body>
</html>
diff --git a/templates/vid.md b/templates/vid.md
index 37af8bf5..3d48a0bb 100644
--- a/templates/vid.md
+++ b/templates/vid.md
@@ -1,5 +1,5 @@
<div class="vid">
-<video controls preload="metadata" id="<TMPL_VAR vidid>" onload="var mainVideo = document.getElementById(<TMPL_VAR vidid>)">
+<video controls preload="metadata" id="<TMPL_VAR vidid>">
<source src="<TMPL_VAR src>" type="<TMPL_VAR type>" />
<TMPL_IF subtitles>
<track label="English" kind="subtitles" srclang="en" src="<TMPL_VAR subtitles>" default />