Mit der Komponente <mave-text> können Sie eine Textdarstellung eines Videos direkt in Ihre Website einbetten. Mit dieser Komponente können Benutzer ein Skript oder Transkript des Videoinhalts anzeigen und ihn so zugänglich und leicht navigierbar machen. Dies ist insbesondere aus Gründen der Barrierefreiheit von Vorteil und bietet eine Alternative für gehörlose oder schwerhörige Personen oder für diejenigen, die lieber lesen als zuschauen.
<script
type="module"
src="https://cdn.video-dns.com/npm/@maveio/components/+esm"
></script>
<mave-text embed="{embed id}"></mave-text>Darüber hinaus hilft es bei der SEO-Optimierung, indem es Suchmaschinen ermöglicht, den Textinhalt der Videos zu crawlen und zu indizieren. Die <mave-text>-Komponente lässt sich einfach integrieren und anpassen, was sie zu einer vielseitigen und wertvollen Ergänzung für jede Website macht, die darauf abzielt, ein umfassenderes und besser zugängliches Benutzererlebnis zu bieten.
| Eigentum | Beschreibung |
|---|---|
| embed | Dies weist auf eine bestimmte Einbettung hin. |
| autoscroll | Der Standardwert ist true, wodurch sichergestellt wird, dass das aktuelle Wort oben steht, wenn einem Mave-Spieler dieselbe ID zugewiesen wird. |
| highlight | Legt die Hintergrundfarbe für die Hervorhebung fest. Der Standardstil verwendet einen kontrastsicheren Hintergrund mit einer Unterstreichung. |
| highlight-mode | Der Standardwert ist sentence. Verwenden Sie word, um nur das aktuelle Wort hervorzuheben. |
| clickable | Der Standardwert ist true. Mausklicks auf Transkriptwörter springen zum Anfang des angeklickten Satzes; Mit der Eingabetaste und der Leertaste springen Sie zum aktiven Absatz. Mit den Pfeiltasten können Sie zwischen den Transkriptsteuerelementen wechseln. |
| transcript-label | Der Standardwert ist Transcript und beschriftet den Transkriptbereich für unterstützende Technologien. |
Standardmäßig verwendet <mave-text> highlight-mode="sentence". Das aktive Wort wird beim Sprechen hervorgehoben, während vorherige Wörter im selben Satz hervorgehoben bleiben, bis der Satz vollständig ist. Wenn nicht sofort der nächste Satz beginnt, bleibt der fertige Satz kurz hervorgehoben, bevor er gelöscht wird.
Verwenden Sie highlight-mode="word", wenn Sie das ältere Verhalten bevorzugen, bei dem nur das aktuelle Wort hervorgehoben wird:
<mave-text embed="{embed id}" highlight-mode="word"></mave-text>Während das Video in <mave-player> abgespielt wird, synchronisiert sich die Komponente <mave-text> automatisch mit dem Audio. Im Standardsatzmodus wächst die Hervorhebung Wort für Wort über den aktiven Satz hinweg, wobei der Hervorhebungshintergrund die Wörter in diesem Satz verbindet.
Diese Echtzeit-Hervorhebung führt den Zuschauer durch das Transkript und ermöglicht es ihm, dem Ton visuell zu folgen. Diese Funktion verbessert nicht nur die Zugänglichkeit und macht Inhalte für Menschen mit Hörbehinderungen leichter verdaulich, sondern kommt auch Lernenden und Zuschauern zugute, die beim Konsum von Inhalten einen multisensorischen Ansatz bevorzugen.
