Audio
![[beispiel-ton.wav]]Aus dem Wikilink wird ein <audio controls> — mit Play-Button, Fortschritt und Lautstärke, ohne
dass man etwas dafür tut. Unterstützt werden die Formate, die der Browser kennt: WAV, MP3,
OGG, M4A, FLAC, WebM.
Auch als HTML, wenn man Attribute braucht:
<audio src="assets/beispiel-ton.wav" controls preload="none"></audio>preload="none" lädt die Datei erst beim Abspielen — bei mehreren Aufnahmen auf einer Seite ist
das der Unterschied zwischen einer schnellen und einer langsamen Seite.
Video
![[film.mp4]]
<video src="assets/film.mp4" controls poster="assets/beispiel-breit.png"></video>Dieselbe Mechanik: Der Wikilink wird zu einem <video controls>. Formate sind MP4, WebM
und OGV.
Hier liegt keine Videodatei
Diese Vorlage bringt bewusst keine mit: Schon ein paar Sekunden Video wiegen mehr als der ganze übrige Beispielinhalt, und ein Vorlagenpaket transportiert ohnehin keine Mediendateien. Die Gestaltung für
<video>ist trotzdem da und greift, sobald eine Datei danebenliegt.Für kurze Bewegung ohne Ton ist ein GIF die einfachere Wahl — eines liegt auf der Bilderseite.
Das Vorschaubild
poster bestimmt, was vor dem Abspielen zu sehen ist. Ohne Angabe zeigt der Browser das erste
Bild — und das ist bei einer Aufblende schwarz.
YouTube und andere Dienste
Das Plugin Obsidian flavored markdown wandelt die nackte URL in eine Einbettung, wenn
enableYouTubeEmbed aktiv ist — in dieser Vorlage ist es das.
In dieser Vorlage
- Ein Audiospieler nimmt die volle Spaltenbreite und bekommt Abstand nach oben und unten. Das Bedienelement selbst gehört dem Browser; die Vorlage rührt es nicht an, weil ein nachgebauter Spieler seine Tastaturbedienung verliert.
- Ein Video bekommt Rahmen und Ecken wie ein Bild und behält sein Seitenverhältnis.
- Eine Einbettung (
iframe) bekommtaspect-ratio: 16/9. Ohne diese Regel fällt sie in einer Grid-Zelle auf null Höhe zusammen — was genau dann passiert, wenn die Seite ein eigenes Raster verwendet, also in dieser Vorlage überall.
Untertitel gehören dazu
<video>nimmt<track kind="captions" src="…vtt" srclang="de" default>. Ohne Untertitel ist ein Video für einen Teil der Leser nicht zugänglich — und für alle unbrauchbar, die es ohne Ton ansehen.