Medienserver: Unterschied zwischen den Versionen

Aus GCMS Hilfe
Wechseln zu: Navigation, Suche
 
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 4: Zeile 4:
 
► Die hochgeladenen Videos können auch auf Webseiten im GCMS eingebettet werden. 
 
► Die hochgeladenen Videos können auch auf Webseiten im GCMS eingebettet werden. 
  
== Informationen und Anleitungen zur Nutzung des Medienservers ==  
+
== Informationen und Anleitungen zur Nutzung des Medienservers ==
 +
<br />
 +
* Informationen zum Medienserver, den nötigen Berechtigungen und eine sehr '''anschauliche Video-Anleitung''' zum Hochladen von Videos finden Sie auf der [https://www.uni-goettingen.de/de/medienserver/124892.html '''Webseite von „Digitales Lehren und Lernen“.'''] <br />
 +
* Darüber hinaus werden ausführliche schriftliche Anleitungen rund um den Medienserver auf den [https://hilfe.studip.de/help/4.4/de/Basis/Medienserver '''Hilfeseiten von Stud.ip'''] zur Verfügung gestellt: 
 +
<br />Zum Beantragen von neuen Stud.IP Accounts, zur Freischaltung als Medientutor oder weitere Fragen zu Stud.IP, die nicht auf den o.g. Info- und Hilfeseiten abgedeckt werden, wenden Sie sich bitte an: [Mailto:support@e-learning.uni-goettingen.de support@e-learning.uni-goettingen.de]
  
Informationen zum Medienserver und den '''nötigen Berechtigungen''' zum Hochladen von Videos finden Sie auf der Webseite von „Digitales Lehren und Lernen“. 
+
<br />
 
 
Hier finden Sie auch eine sehr empfehlenswerte, '''anschauliche Video-Anleitung''' zum Hochladen eines Videos:
 
 
 
'''[https://www.uni-goettingen.de/de/medienserver/124892.html Zur Website von „Digitales Lehren und Lernen“]'''  
 
<br /><br />
 
Darüber hinaus werden ausführliche schriftliche Anleitungen rund um den Medienserver auf den Hilfeseiten von Stud.ip zur Verfügung gestellt:
 
 
 
[https://hilfe.studip.de/help/4.4/de/Basis/Medienserver '''Zu den Hilfeseiten von Stud.IP'''] 
 
<br /><br />
 
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: [Mailto:support@e-learning.uni-goettingen.de support@e-learning.uni-goettingen.de]
 
  
<br /><br />
 
 
== Einbetten von hochgeladenen Videos auf Webseiten im GCMS ==
 
== Einbetten von hochgeladenen Videos auf Webseiten im GCMS ==
 
<br />
 
<br />
Zeile 36: Zeile 29:
 
<br /><br />
 
<br /><br />
 
=== 3. Videoplayer einfügen ===
 
=== 3. Videoplayer einfügen ===
Bewährt ist die Nutzung des relativ simplen (über alle gängigen Browser hinweg) kompatiblen HTML5-Videoplayer:   
+
Bewährt hat sich die Nutzung des relativ simplen (über alle gängigen Browser hinweg) kompatiblen HTML5-Videoplayer, in den die kopierte URL eingefügt wird:   
  
<br /><br />Kopieren Sie folgenden Code und fügen an der markierten Stelle Ihre Video-URL ein.
+
<br /><br />
  
 
<div style="background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 1em; font-family: monospace,'Courier';">
 
<div style="background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 1em; font-family: monospace,'Courier';">
Zeile 45: Zeile 38:
 
<video width="100%" controls preload="metadata">
 
<video width="100%" controls preload="metadata">
  
<nowiki><source src="https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/.../127?DIES-IST-EINE-BEISPIEL-URL.mp4" type="video/mp4"></nowiki>
+
&nbsp;&nbsp;&nbsp;<source src="https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/.../127?DIES-IST-EINE-BEISPIEL-URL.mp4" type="video/mp4">
  
Your browser does not support HTML video.
+
&nbsp;&nbsp;&nbsp;Your browser does not support HTML video.
  
 
</video>
 
</video>
Zeile 57: Zeile 50:
 
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 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:
+
===Untertitel-Datei einbauen===
  
https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API#tutorial_on_how_to_write_a_webvtt_file 
+
In die GCMS-Dokumentdatenbank können Untertitel-Dateien im Format .vtt und .srt hochgeladen werden.  
  
https://www.w3.org/TR/webvtt1/#introduction-chapters
+
Zum Einbauen in den HTML5-Webplayer wird die URL des Dokuments benötigt. Diese erreichen Sie über den Datei-Link in der Datenbank:<br>
<br /><br />
 
► Ü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.
 
  
 +
[[Datei:Dokument-url.png|links|miniatur|545x545px]]<br style="clear:both;" />
  
===WebVTT-Datei einbauen===
+
<br>
 
 
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: [mailto:webmaster@uni-goettingen.de webmaster@uni-goettingen.de]
 
 
 
 
Dies ist ein Beispiel zur Integration einer Untertiteldatei:
 
Dies ist ein Beispiel zur Integration einer Untertiteldatei:
  
Zeile 85: Zeile 68:
 
<video width="100%" controls preload="metadata">
 
<video width="100%" controls preload="metadata">
  
&nbsp;&nbsp;<source src="https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/.../127?DIES-IST-EINE-BEISPIEL-URL.mp4" type="video/mp4">
+
&nbsp;&nbsp;&nbsp;<source src="https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/.../127?DIES-IST-EINE-BEISPIEL-URL.mp4" type="video/mp4">
  
Your browser does not support HTML video.
+
&nbsp;&nbsp;&nbsp;Your browser does not support HTML video.
  
<track label="Deutsch" kind="subtitles" srclang="de" src="/Pfad/zum/Speicherort/der/Untertiteldatei.vtt">
+
&nbsp;&nbsp;&nbsp;<track label="Deutsch" kind="subtitles" srclang="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 und für andere Sprachen angepasst werden.
+
Falls mehrere Sprachen benötigt werden, kann die Zeile <track...> beliebig oft kopiert und für andere Sprachen entsprechend mit der passenden Untertitel-URL, Sprachkürzel und Sprachbezeichnung angepasst werden.
 +
 
 +
__KEIN_INHALTSVERZEICHNIS__

Aktuelle Version vom 10. Februar 2023, 16:49 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. 

Informationen und Anleitungen zur Nutzung des Medienservers



Zum Beantragen von neuen Stud.IP Accounts, zur Freischaltung als Medientutor oder weitere Fragen zu Stud.IP, die nicht auf den o.g. 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: 

Uneingeschränkt.png

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:

Teilen-pfeil.png



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“

Url kopieren.png

Mehr Informationen zum Video teilen gibt es auf den Hilfeseiten von Studip.



3. Videoplayer einfügen 

Bewährt hat sich die Nutzung des relativ simplen (über alle gängigen Browser hinweg) kompatiblen HTML5-Videoplayer, in den die kopierte URL eingefügt wird: 



<keinbr>        

<video width="100%" controls preload="metadata">

   <source src="https://www.studip.uni-goettingen.de/plugins.php/mediacastplugin/media/check/.../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.


Untertitel-Datei einbauen

In die GCMS-Dokumentdatenbank können Untertitel-Dateien im Format .vtt und .srt hochgeladen werden.

Zum Einbauen in den HTML5-Webplayer wird die URL des Dokuments benötigt. Diese erreichen Sie über den Datei-Link in der Datenbank:

Dokument-url.png


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/.../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>

Falls mehrere Sprachen benötigt werden, kann die Zeile <track...> beliebig oft kopiert und für andere Sprachen entsprechend mit der passenden Untertitel-URL, Sprachkürzel und Sprachbezeichnung angepasst werden.