Wijzigen voor document Speler voor video's

Samenvatting

• Objecten (0 gewijzigd, 1 toegevoegd, 0 verwijderd)
  • XWiki.JavaScriptExtension[0]

Details

XWiki.JavaScriptExtension[0]

cache

...	...	@@ -1,0 +1,1 @@
	1	+long

code

...	...	@@ -1,0 +1,55 @@
	1	+// Syntess Atrium leren: chapter list under each clip. A click jumps to that moment and plays; while playing, the
	2	+// current chapter is highlighted. A link to #clip-<nummer>@m:ss opens the page at that clip and moment.
	3	+(function () {
	4	+ function seconds(tc) {
	5	+ return tc.split(':').reduce(function (total, part) { return total * 60 + parseInt(part, 10); }, 0);
	6	+ }
	7	+
	8	+ function setup(fig) {
	9	+ if (fig.getAttribute('data-wb-klaar')) return;
	10	+ fig.setAttribute('data-wb-klaar', '1');
	11	+ var video = fig.querySelector('video');
	12	+ var buttons = Array.prototype.slice.call(fig.querySelectorAll('.wb-hoofdstukken button'));
	13	+ if (!video || !buttons.length) return;
	14	+
	15	+ buttons.forEach(function (button) {
	16	+ button.addEventListener('click', function () {
	17	+ video.currentTime = Number(button.getAttribute('data-t'));
	18	+ video.play();
	19	+ });
	20	+ });
	21	+
	22	+ video.addEventListener('timeupdate', function () {
	23	+ var current = null;
	24	+ buttons.forEach(function (button) {
	25	+ if (Number(button.getAttribute('data-t')) <= video.currentTime + 0.25) current = button;
	26	+ });
	27	+ buttons.forEach(function (button) {
	28	+ var active = button === current;
	29	+ button.classList.toggle('wb-actief', active);
	30	+ if (active) button.setAttribute('aria-current', 'true'); else button.removeAttribute('aria-current');
	31	+ });
	32	+ });
	33	+ }
	34	+
	35	+ function openFromHash() {
	36	+ var match = decodeURIComponent(location.hash).match(/^#clip-([0-9.]+)@([0-9:]+)$/);
	37	+ if (!match) return;
	38	+ var fig = document.getElementById('clip-' + match[1]);
	39	+ var video = fig && fig.querySelector('video');
	40	+ if (!video) return;
	41	+ var start = seconds(match[2]);
	42	+ var jump = function () { video.currentTime = start; };
	43	+ if (video.readyState >= 1) jump(); else video.addEventListener('loadedmetadata', jump, { once: true });
	44	+ fig.scrollIntoView({ block: 'start' });
	45	+ }
	46	+
	47	+ function init() {
	48	+ Array.prototype.forEach.call(document.querySelectorAll('figure.wb-clip'), setup);
	49	+ openFromHash();
	50	+ }
	51	+
	52	+ if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();
	53	+ window.addEventListener('hashchange', openFromHash);
	54	+})();
	55	+

name

...	...	@@ -1,0 +1,1 @@
	1	+Hoofdstukken bij clips

parse

...	...	@@ -1,0 +1,1 @@
	1	+Nee

use

...	...	@@ -1,0 +1,1 @@
	1	+onDemand