Difference between revisions of "MediaWiki:Common.js"
From Conceptual Reconstructionism Project
Thaumasnot (talk | contribs) |
Thaumasnot (talk | contribs) |
||
Line 49: | Line 49: | ||
$('*[data-segment]').each(function() { | $('*[data-segment]').each(function() { | ||
var m = /(?<track>\d+\/)?((?<minuteStart>\d+):)?(?<secondStart>\d+(.\d*)?)-((?<minuteEnd>\d+):)?(?<secondEnd>\d+(.\d*)?)/.exec($(this).attr('data-segment')); | |||
if (m) { | if (m) { | ||
Line 61: | Line 60: | ||
} | } | ||
}); | |||
}); | }); |
Revision as of 23:16, 18 December 2021
/* Any JavaScript here will be loaded for all users on every page load. */ function TimeSegment(track, segmentStart, segmentEnd, htmlElement) { this.track = track; this.segmentStart = segmentStart; this.segmentEnd = segmentEnd; this.htmlElement = htmlElement; } function PlaybackData() { this.stopTime = null; this.timeSegments = []; this.tracks = []; this.playingSegments = []; this.playingTrack = null; }; var playbackData = new PlaybackData(); $(document).ready(function() { // Create one audio player per declared track. $('*[data-track]').each(function() { $('<figure></figure>').append($('<figcaption></figcaption>').text($(this).attr('data-track-title'))).appendTo($(this)).append( $('<audio></audio>').prop('controls', true).attr('preload', 'auto').attr('src', $(this).attr('data-track')) ); }); // Create hyperlinks out of reconstruction markup. $('*[data-def]').click(function() { var url = location.href; location.href = "#" + $(this).attr('data-def'); history.replaceState(null, null, url); }); // Update timing data. $('*[data-segment]').each(function() { var m = /(?<track>\d+\/)?((?<minuteStart>\d+):)?(?<secondStart>\d+(.\d*)?)-((?<minuteEnd>\d+):)?(?<secondEnd>\d+(.\d*)?)/.exec($(this).attr('data-segment')); if (m) { playbackData.timeSegments.append(new TimeSegment(parseInt(m.groups.track), parseInt(m.groups.minuteStart) * 60 + parseFloat(m.groups.secondStart), parseInt(m.groups.minuteEnd) * 60 + parseFloat(m.groups.secondEnd), $(this) )); } else { $(this).append('Wrong time segment'); } }); });