Wijzigen voor document Speler voor video's

Samenvatting

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

Details

Paginaeigenschappen

Inhoud

...	...	@@ -17,8 +17,7 @@
17	17	'showcase': "$!o.getValue('vimeo_showcase')",
18	18	'geupload': "$!o.getValue('geupload')",
19	19	'hoofdstukken': "$!o.getValue('hoofdstukken')",
20		- 'gecontroleerd': "$!o.getValue('hoofdstukken_gecontroleerd')",
21		- 'tekst': "$!o.getValue('tekst')"
	20	+ 'gecontroleerd': "$!o.getValue('hoofdstukken_gecontroleerd')"
22	22	}))
23	23	#end
24	24	#foreach ($c in $collectiontool.sort($clips, 'positie'))
...	...	@@ -28,9 +28,7 @@
28	28	{{html clean="false"}}
29	29	<figure class="wb-clip" id="clip-$escapetool.xml($c.nummer)">
30	30	#if ("$!c.bijlage" != '' && $doc.getAttachment($c.bijlage))
31		- ## Subtitles: an attachment <video name>.nl.vtt next to the video, off by default (CC button in the player)
32		- #set ($vtt = $c.bijlage.replaceAll('\.mp4$', '.nl.vtt'))
33		- <video controls preload="metadata" playsinline src="$doc.getAttachmentURL($c.bijlage)"#if ("$!c.poster" != '' && $doc.getAttachment($c.poster)) poster="$doc.getAttachmentURL($c.poster)"#{end}>#if ($vtt != $c.bijlage && $doc.getAttachment($vtt))<track kind="subtitles" srclang="nl" label="Nederlands" src="$doc.getAttachmentURL($vtt)">#{end}</video>
	30	+ <video controls preload="metadata" playsinline src="$doc.getAttachmentURL($c.bijlage)"#if ("$!c.poster" != '' && $doc.getAttachment($c.poster)) poster="$doc.getAttachmentURL($c.poster)"#{end}></video>
34	34	#else
35	35	<p class="wb-clip-ontbreekt">De video ontbreekt nog op deze pagina.</p>
36	36	#end
...	...	@@ -43,30 +43,13 @@
43	43	#foreach ($p in $tc.split(':'))
44	44	#set ($sec = $sec * 60 + $mathtool.toInteger($p))
45	45	#end
46		- #set ($label = $line.replaceAll('^\S+\s+', ''))
47		- ## Optional reference after the label: "mm:ss Label >> Linktekst | adres" (adres: https://... or /...)
48		- #set ($refText = '')
49		- #set ($refUrl = '')
50		- #set ($at = $label.indexOf(' >> '))
51		- #if ($at > 0)
52		- #set ($ref = $label.substring($at + 4).trim())
53		- #set ($label = $label.substring(0, $at).trim())
54		- #set ($bar = $ref.lastIndexOf(' | '))
55		- #if ($bar > 0)
56		- #set ($candidate = $ref.substring($bar + 3).trim())
57		- #if ($candidate.matches('^(https://|/)[^\s"<>]+$'))
58		- #set ($refText = $ref.substring(0, $bar).trim())
59		- #set ($refUrl = $candidate)
60		- #end
61		- #end
62		- #end
63		- #set ($discard = $items.add({'t': $sec, 'tc': $tc, 'label': $label, 'refText': $refText, 'refUrl': $refUrl}))
	43	+ #set ($discard = $items.add({'t': $sec, 'tc': $tc, 'label': $line.replaceAll('^\S+\s+', '')}))
64	64	#end
65	65	#end
66	66	#if ($items.size() > 0)
67	67	<ol class="wb-hoofdstukken" aria-label="Hoofdstukken">
68	68	#foreach ($i in $items)
69		- <li><button type="button" data-t="$i.t"><span class="wb-t">$escapetool.xml($i.tc)</span><span class="wb-label">$escapetool.xml($i.label)</span></button>#if ("$!i.refUrl" != '')<a class="wb-ref" href="$escapetool.xml($i.refUrl)">$escapetool.xml($i.refText)</a>#{end}</li>
	49	+ <li><button type="button" data-t="$i.t"><span class="wb-t">$escapetool.xml($i.tc)</span><span class="wb-label">$escapetool.xml($i.label)</span></button></li>
70	70	#end
71	71	</ol>
72	72	#end
...	...	@@ -75,24 +75,6 @@
75	75	Bron: Syntess Atrium Zelfstudie#if ("$!c.showcase" != ''), <a href="https://vimeo.com/showcase/$escapetool.url($c.showcase)" target="_blank" rel="noopener">alle clips van deze paragraaf</a>#{end}.
76	76	#if ($items.size() > 0 && "$!c.gecontroleerd" != '1') <span class="wb-clip-let">Hoofdstukken nog niet gecontroleerd.</span>#{end}
77	77	</figcaption>
78		-#if ("$!c.tekst" != '')
79		- ## Transcript (field tekst, one line per sentence as "[mm:ss] text"); the field is searchable in the Kennisbank
80		- <details class="wb-tekst">
81		- <summary>Uitgeschreven tekst</summary>
82		- <p class="wb-tekst-let">Automatisch uitgeschreven uit de gesproken tekst; er kunnen fouten in staan.</p>
83		- <ol>
84		- #foreach ($raw in $c.tekst.split('\r?\n'))
85		- #set ($line = $raw.trim())
86		- #if ($line.matches('^\[\d{1,2}:\d{2}\]\s*.+$'))
87		- #set ($tc = $line.replaceAll('^\[(\d{1,2}:\d{2})\].*$', '$1'))
88		- #set ($parts = $tc.split(':'))
89		- #set ($sec = $mathtool.toInteger($parts[0]) * 60 + $mathtool.toInteger($parts[1]))
90		- <li><button type="button" data-t="$sec">$escapetool.xml($tc)</button> $escapetool.xml($line.replaceAll('^\[\d{1,2}:\d{2}\]\s*', ''))</li>
91		- #end
92		- #end
93		- </ol>
94		- </details>
95		-#end
96	96	</figure>
97	97	{{/html}}
98	98	#end

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -49,22 +49,6 @@
49	49	color: #666;
50	50	font-variant-numeric: tabular-nums;
51	51	}
52		-.wb-hoofdstukken .wb-ref {
53		- display: block;
54		- /* 4.85em of the button text, measured in this smaller font: lines up with the chapter name */
55		- padding: 0 0.75em 0.45em 5.39em;
56		- font-size: 0.9em;
57		-}
58		-.wb-hoofdstukken .wb-ref::before {
59		- content: "Zie";
60		- display: inline-block;
61		- margin-right: 0.3em;
62		- color: #666;
63		-}
64		-.wb-hoofdstukken button.wb-actief + .wb-ref {
65		- background: #FFF0DA;
66		- box-shadow: inset 4px 0 0 #FFB447;
67		-}
68	68	.wb-clip figcaption {
69	69	margin-top: 0.4em;
70	70	color: #666;