https://webbling.se/index.php?action=history&feed=atom&title=Track
Track - Versionshistorik
2026-04-26T21:55:38Z
Versionshistorik för denna sida på wikin
MediaWiki 1.43.0
https://webbling.se/index.php?title=Track&diff=4578&oldid=prev
PGJ: /* Exempel */
2019-01-30T13:40:44Z
<p><span class="autocomment">Exempel</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="sv">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 30 januari 2019 kl. 13.40</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l18">Rad 18:</td>
<td colspan="2" class="diff-lineno">Rad 18:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Anger vilket språk textningen är på.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Anger vilket språk textningen är på.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del style="font-weight: bold; text-decoration: none;">syntaxhighlight lang</del>="<del style="font-weight: bold; text-decoration: none;">html5</del>"<del style="font-weight: bold; text-decoration: none;">></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins style="font-weight: bold; text-decoration: none;">codepen pen</ins>="<ins style="font-weight: bold; text-decoration: none;">eNrzYB</ins>" <ins style="font-weight: bold; text-decoration: none;">tab</ins>="<ins style="font-weight: bold; text-decoration: none;">html,result</ins>" <ins style="font-weight: bold; text-decoration: none;">height</ins>="<ins style="font-weight: bold; text-decoration: none;">200</ins>"></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><video></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></<ins style="font-weight: bold; text-decoration: none;">codepen</ins>></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> <source src</del>="<del style="font-weight: bold; text-decoration: none;">http://webbling.se/exempelfilm.mp4</del>"<del style="font-weight: bold; text-decoration: none;">></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> <track kind</del>="<del style="font-weight: bold; text-decoration: none;">captions" src="http://webbling.se/exempelfilmtextning"> srclang="sv</del>"></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></<del style="font-weight: bold; text-decoration: none;">video</del>></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></syntaxhighlight></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referenser ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referenser ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Taggens definition i [[WHATWG]]s levande HTML-standard ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Taggens definition i [[WHATWG]]s levande HTML-standard ===</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content.html#the-track-element</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content.html#the-track-element</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Taggens definition i HTML5-standarden ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Taggens definition i HTML5-standarden ===</div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Track&diff=294&oldid=prev
PGJ: /* kind */
2014-08-24T17:16:19Z
<p><span class="autocomment">kind</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="sv">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 24 augusti 2014 kl. 17.16</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l11">Rad 11:</td>
<td colspan="2" class="diff-lineno">Rad 11:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>chapters</code>:Kapitelindelning.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>chapters</code>:Kapitelindelning.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>metadata</code>:Data om spåret, visas inte för användaren utan används av skript.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>metadata</code>:Data om spåret, visas inte för användaren utan används av skript.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>; <code>label</code> Ett namn för textningen, så att webbläsaren kan visa användaren det i en lista.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>; <code>label</code><ins style="font-weight: bold; text-decoration: none;">:</ins>Ett namn för textningen, så att webbläsaren kan visa användaren det i en lista.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== <code>src</code> ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== <code>src</code> ===</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>En [[url]] som anger var textningen finns. Måste definieras!</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>En [[url]] som anger var textningen finns. Måste definieras!</div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Track&diff=293&oldid=prev
PGJ: Skapade sidan med 'Används i <code>audio</code>- och <code>video</code>-element för att indikera var olika typer av textning ska ligga tidsmässigt. == Tillgängliga attribut == De [[g...'
2014-08-24T17:16:01Z
<p>Skapade sidan med 'Används i <code><a href="/index.php/Audio" title="Audio">audio</a></code>- och <code><a href="/index.php/Video" title="Video">video</a></code>-element för att indikera var olika typer av textning ska ligga tidsmässigt. == Tillgängliga attribut == De [[g...'</p>
<p><b>Ny sida</b></p><div>Används i <code>[[audio]]</code>- och <code>[[video]]</code>-element för att indikera var olika typer av textning ska ligga tidsmässigt.<br />
== Tillgängliga attribut ==<br />
De [[globala attribut|globala attributen]] är tillgängliga för denna tagg.<br />
=== <code>default</code>===<br />
Anger vilket spår som ska vara förvalt.<br />
=== <code>kind</code>===<br />
Anger vilken typ av textning som används. Kan vara satt till:<br />
; <code>subtitle</code>:En undertext.<br />
; <code>captions</code>:En undertext för döva.<br />
; <code>descriptions</code>:Beskrivningar av det som visas.<br />
; <code>chapters</code>:Kapitelindelning.<br />
; <code>metadata</code>:Data om spåret, visas inte för användaren utan används av skript.<br />
; <code>label</code> Ett namn för textningen, så att webbläsaren kan visa användaren det i en lista.<br />
=== <code>src</code> ===<br />
En [[url]] som anger var textningen finns. Måste definieras!<br />
===<code>srclang</code>===<br />
Anger vilket språk textningen är på.<br />
== Exempel ==<br />
<syntaxhighlight lang="html5"><br />
<video><br />
<source src="http://webbling.se/exempelfilm.mp4"><br />
<track kind="captions" src="http://webbling.se/exempelfilmtextning"> srclang="sv"><br />
</video><br />
</syntaxhighlight><br />
== Referenser ==<br />
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===<br />
http://www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content.html#the-track-element<br />
=== Taggens definition i HTML5-standarden ===</div>
PGJ