// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0-or-later
/*
SeekToTime - simple script to add video time jump functionality to timestamp links
Copyright (C) 2020 Grant Shangreaux
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see .
This script enables wiki editors to create anchor tags with the class "time-link"
that will be parsed for seeking to specific time stamps in the main video on a page.
The tag should look like this:
mm:ss
This could be extended to accept hours in the time stamp as well, but currently does not.
*/
let timestamps;
// expects a string like "mm:ss.mmm"
function parseSeconds(timeString) {
return timeString.split(":").reduce(function(prev, o) {
return prev * 60 + parseFloat(o);
}, 0);
}
function handleSubtitleClick(event) {
var video = event.target.getAttribute('data-video');
var start = event.target.getAttribute('data-start');
var videoElem = document.getElementById(video);
if (videoElem) {
videoElem.currentTime = parseSeconds(start);
videoElem.scrollIntoView();
}
if (event.preventDefault) {
event.preventDefault();
}
}
window.onload = function initScript() {
let subtitles = document.getElementsByClassName('subtitle');
for (let i = 0; i < subtitles.length; i++) {
subtitles[i].onclick = handleSubtitleClick;
}
}
// @license-end
// @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt txt CC0-1.0
// Copyright (C) 2021, 2022 Sacha Chua
if (document.querySelector('.times')) {
var dateOptions = {dateStyle: 'short', timeStyle: 'short'};
var localStart = (new Date(document.querySelector('.times').getAttribute('start'))).toLocaleString([], dateOptions);
var localEnd = (new Date(document.querySelector('.times').getAttribute('end'))).toLocaleString([], dateOptions);
var dateElem = document.createElement('div');
dateElem.appendChild(document.createTextNode('Your local time: ~ ' + localStart + ' to ~ ' + localEnd));
document.querySelector('.times').prepend(dateElem);
if (document.querySelector('.times').querySelector('.others')) {
document.querySelector('.times').querySelector('.others').style.display = 'none';
}
}
if (document.querySelector('.time-overlay')) {
document.querySelectorAll('.time-overlay').forEach(function (o) {
if (o.getAttribute('title')) return;
var dateOptions = {dateStyle: 'short', timeStyle: 'short'};
var localStart, localEnd;
if (o.getAttribute('start') && o.getAttribute('end')) {
localStart = (new Date(o.getAttribute('start'))).toLocaleString([], dateOptions);
localEnd = (new Date(o.getAttribute('end'))).toLocaleString([], dateOptions);
o.setAttribute('title', 'Your local time: ~ ' + localStart + ' to ~ ' + localEnd);
} else if (o.getAttribute('start')) {
localStart = (new Date(o.getAttribute('start'))).toLocaleString([], dateOptions);
o.setAttribute('title', 'Your local time: ~ ' + localStart);
}
});
}
if (document.querySelector('a[name=transcript]')) {
var transcriptLink = document.createElement('a');
transcriptLink.setAttribute('href', '#transcript');
transcriptLink.textContent = 'View transcript';
var video = document.querySelector('.mainVideo video');
if (video) {
var resources = document.querySelector('.mainVideo video').closest('.vid').querySelector('.resources');
var transcriptDiv = document.createElement('div');
transcriptDiv.appendChild(transcriptLink)
if (resources) { resources.prepend(transcriptDiv); }
}
}
var chat = document.querySelector('.chat-iframe');
if (chat) {
if (chat.getAttribute('data-track')) {
chat.innerHTML = '';
} else {
chat.innerHTML = '';
}
}
// @license-end
// @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt txt CC0-1.0
// Copyright (c) 2021 Sacha Chua - CC0 Public Domain
function displayChapters(elem) {
var i;
var chapter;
var list = document.createElement('ol');
list.setAttribute('class', 'chapters');
var link;
var target = elem.getAttribute('data-target');
var video = document.getElementById(target);
var track;
if (video) {
track = video.addTextTrack('chapters');
track.mode = 'hidden';
}
var chapters = elem.textContent.split(/[ \t]*\n+[ \t]*/).forEach(function(line) {
var m = (line.match(/^(((?:[0-9]+:)?[0-9]+:[0-9]+)(?:\.[0-9]+))[ \t]+(.*)/));
if (m) {
var start = m[1];
var text = m[3];
chapter = document.createElement('li');
link = document.createElement('a');
link.setAttribute('href', '#');
link.setAttribute('data-video', target);
link.setAttribute('data-start', start);
link.setAttribute('data-start-s', parseSeconds(start));
link.appendChild(document.createTextNode(m[2] + ' ' + text));
link.onclick = handleSubtitleClick;
chapter.appendChild(link);
list.appendChild(chapter);
if (track) {
var time = parseSeconds(start);
if (track.cues.length > 0) {
track.cues[track.cues.length - 1].endTime = time - 1;
}
track.addCue(new VTTCue(time, time, text));
}
}
})
if (track && track.cues.length > 0) {
video.addEventListener('durationchange', function() {
track.cues[track.cues.length - 1].endTime = video.duration;
});
track.addEventListener('cuechange', function() {
if (!this.activeCues[0]) return;
if (list.querySelector('.current')) {
list.querySelector('.current').className = '';
}
var chapter;
if (chapter = list.querySelector('a[data-start-s="' + this.activeCues[0].startTime + '"]')) {
chapter.parentNode.className = 'current';
}
});
}
elem.parentNode.replaceChild(list, elem);
}
document.querySelectorAll('pre.chapters').forEach(displayChapters);
var video = document.querySelector('video.reload');
if (video) {
var myVar = setInterval(reloadAsNeeded, 1000);
var oldTime = '';
function reloadAsNeeded() {
if ((video.paused != true && (video.currentTime - oldTime) == 0 && video.currentTime != 0)) {
var source = video.querySelector('source');
var oldVideo = source.src;
source.src = '';
source.src = oldVideo;
video.load();
video.play();
}
oldTime = video.currentTime;
};
}
/* videoType: mainVideo, qanda */
function addStickyVideo(videoType) {
const transcriptDiv = document.querySelector('.transcript-' + videoType);
const video = document.querySelector('.vid.' + videoType + ' video');
if (!video || !transcriptDiv) return;
if (transcriptDiv.querySelector('.vid'))
transcriptDiv.querySelector('.vid').remove();
// already has it
// TODO: Make a copy of the video and place it at the start of the btranscript div, positioned to the left, and sticky, but only on large screens.
const videoCopy = video.cloneNode(true);
transcriptDiv.prepend(videoCopy);
videoCopy.classList.add('sticky-video');
// TODO: fix the ID
}
// @license-end
// @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt txt CC0-1.0
// Copyright (c) 2023 Sacha Chua - CC0 Public Domain
function highlightTalks() {
// highlight any talk mentioned in the highlight URL parameter
var params = new URLSearchParams(window.location.search);
if (!params.get('highlight')) return;
var talks = params.get('highlight').split(',').filter(function(o) { return o.match(/^[-a-z0-9]+$/); });
var regexp = new RegExp('/talks/(' + talks.join('|') + ')/?$');
document.querySelectorAll('a[href]').forEach(function(link) {
console.debug(link.getAttribute('href'), link.getAttribute('href').match(regexp));
if (link.getAttribute('href').match(regexp)) {
console.debug(link);
link.classList.add('highlight');
}
});
}
addEventListener('DOMContentLoaded', highlightTalks);
addEventListener('DOMContentLoaded', function() {
addStickyVideo('mainVideo');
addStickyVideo('qanda');
});
// @license-end