Medienserver: Unterschied zwischen den Versionen
| Zeile 47: | Zeile 47: | ||
<video width="100%" controls preload="metadata"> | <video width="100%" controls preload="metadata"> | ||
| − | <source src="https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/983a59b06abfac39a509050c23392163/3d19cb9ea504309a1e67b42a82a13c40/127?DIES-IST-EINE-BEISPIEL-URL.mp4" type="video/mp4"> | + | <source src="'''<nowiki>https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/983a59b06abfac39a509050c23392163/3d19cb9ea504309a1e67b42a82a13c40/127?DIES-IST-EINE-BEISPIEL-URL.mp4</nowiki>'''" type="video/mp4"> |
Your browser does not support HTML video. | Your browser does not support HTML video. | ||
| Zeile 86: | Zeile 86: | ||
<video width="100%" controls preload="metadata"> | <video width="100%" controls preload="metadata"> | ||
| − | <source src="<span style="color: red;">https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/983a59b06abfac39a509050c23392163/3d19cb9ea504309a1e67b42a82a13c40/127?DIES-IST-EINE-BEISPIEL-URL.mp4 | + | <source src="<span style="color: red;">https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/983a59b06abfac39a509050c23392163/3d19cb9ea504309a1e67b42a82a13c40/127?DIES-IST-EINE-BEISPIEL-URL.mp4" type="video/mp4"> |
Your browser does not support HTML video. | Your browser does not support HTML video. | ||
| − | <track label="Deutsch" kind="subtitles" srclang="<span style="background-color: #FFFF00;">de | + | <track label="Deutsch" kind="subtitles" srclang="<span style="background-color: #FFFF00;">de" src="/Pfad/zum/Speicherort/der/Untertiteldatei.vtt"> |
</video> | </video> | ||
</div> | </div> | ||
Falls mehrere Sprachen benötigt werden kann die Zeile <track...> beliebig oft kopiert werden. | Falls mehrere Sprachen benötigt werden kann die Zeile <track...> beliebig oft kopiert werden. | ||
Version vom 14. Juni 2021, 10:48 Uhr
Mit dem MediaCast Plugin können Videos direkt über Stud.IP auf den universitätsinternen Mediaserver hochgeladen werden und in Stud.IP-Veranstaltungen verwendet werden.
► Die hochgeladenen Videos können auch auf Webseiten im GCMS eingebettet werden.
Inhaltsverzeichnis
Informationen und Anleitungen zur Nutzung des Medienservers
Informationen zum Medienserver und den nötigen Berechtigungen zum Hochladen von Videos finden Sie auf der Webseite von „Digitales Lehren und Lernen“.
Hier finden Sie auch eine sehr empfehlenswerte, anschauliche Video-Anleitung zum Hochladen eines Videos:
Zur Website von „Digitales Lehren und Lernen“
Darüber hinaus werden ausführliche schriftliche Anleitungen rund um den Medienserver auf den Hilfeseiten von Stud.ip zur Verfügung gestellt:
Zu den Hilfeseiten von Stud.IP
Zum Beantragen von neuen Stud.IP Accounts, zur Freischaltung als Medientutor oder weitere Fragen zu Stud.IP, die nicht auf den Info- und Hilfeseiten abgedeckt werden, wenden Sie sich bitte an: support@e-learning.uni-goettingen.de
Einbetten von hochgeladenen Videos auf Webseiten im GCMS
1. Video-Einstellungen prüfen:
Auf frei verfügbaren Webseiten, sollte die Verfügbarkeit des eingebetteten Videos keinesfalls nur auf Teilnehmer*innen einer Stud.IP-Veranstaltung beschränken sein. Einem Großteil der Seitenbesucher*innen würde sonst statt des Videos eine Fehlermeldung auf der Seite sehen.
→ Prüfen Sie daher in den Einstellungen des Videos, ob die Verfügbarkeit auf „uneingeschränkt“ steht:
Mehr Informationen zu Videoeinstellungen auf den Hilfeseiten von Studip.
2. Generieren einer Video-URL über „Teilen“:
In der Medienübersicht finden Sie einen blauen nach rechts geneigten Pfeil zum Teilen des Videos:
Bei Klick auf „Teilen“ öffnet sich ein Fenster, aus dem verschiedene Links und Codes kopiert werden können. Kopieren Sie den Link unter „Link auf Video“
Mehr Informationen zum Video teilen gibt es auf den Hilfeseiten von Studip.
3. Videoplayer einfügen
Bewährt ist die Nutzung des relativ simplen (über alle gängigen Browser hinweg) kompatiblen HTML5-Videoplayer:
Kopieren Sie folgenden Code und fügen an der markierten Stelle Ihre Video-URL ein.
<keinbr>
<video width="100%" controls preload="metadata">
<source src="https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/983a59b06abfac39a509050c23392163/3d19cb9ea504309a1e67b42a82a13c40/127?DIES-IST-EINE-BEISPIEL-URL.mp4" type="video/mp4">
Your browser does not support HTML video.
</video>
Untertitel
Um den aktuellen Richtlinien zur Barrierefreiheit zu entsprechen, sollten Videos unbedingt mit Untertiteln und ggf. Audiodeskriptionen versehen werden. Darüber hinaus betrifft dies natürlich Videos mit mehrsprachiger Zielgruppe.
Um einem Video Untertitel hinzuzufügen, kann eine Textdatei im Format WebVTT erstellt und dem Video hinzugefügt werden.
WebVTT-Datei erstellen
Zum Erstellen einer WebVTT-Datei kann ein gewöhnlicher Text Editor wie Notepad++ genutzt werden.
Definiert werden in der Datei, welcher Text zu welchem Zeitpunkt im Video eingeblendet werden soll. Im Internet finden Sie zahlreiche gute Anleitungen zum Erstellen und Ausbauen von WebVTT-Dateien.
Zum Beispiel hier:
https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API#tutorial_on_how_to_write_a_webvtt_file
https://www.w3.org/TR/webvtt1/#introduction-chapters
► Übrigens: Viele Programme zum Schneiden/Bearbeiten von Videos haben Optionen zum Erstellen und Exportieren von WebVTT-Dateien integriert. Ein großer Vorteil ist dabei, dass die Untertitel direkt beim Erstellen im Zusammenspiel mit dem Video getestet werden können.
WebVTT-Datei einbauen
Aktuell ist es noch nicht möglich, das Format .vtt in die GCMS Dokumentdatenbank hochzuladen. Bitte wenden Sie sich für das Hochladen und ggf. für Hilfe beim Einbauen der Untertitel an uns: webmaster@uni-goettingen.de
Dies ist ein Beispiel zur Integration einer Untertiteldatei:
<keinbr>
<video width="100%" controls preload="metadata">
<source src="https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/983a59b06abfac39a509050c23392163/3d19cb9ea504309a1e67b42a82a13c40/127?DIES-IST-EINE-BEISPIEL-URL.mp4" type="video/mp4"> Your browser does not support HTML video. <track label="Deutsch" kind="subtitles" srclang="de" src="/Pfad/zum/Speicherort/der/Untertiteldatei.vtt"> </video> </div>
Falls mehrere Sprachen benötigt werden kann die Zeile <track...> beliebig oft kopiert werden.
