Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

Beschreibung

Auf dieser Seite erfahren Sie, wie Sie schnell und unkompliziert eigene audiovisuelle Inhalte auf einer Wikiseite - insbesondere Videos, die auf dem Medienserver der Freien Universität vorliegen - einbetten können.

Einer für alle

Das Center für Digitale Systeme (CeDiS) hat auf Basis von JavaScript und HTML5 einen neuen, FU-eigenen Video Player entwickelt, der die Einbindung von digitalen AV-Inhalten in den zentralen Publikationssystemen der Freien Universität ermöglicht.

Das neue Makro "Video Player" löst ab sofort den alten "HTML5 Player" ab.

Digitale Video- und Audioinhalte können somit auf verschiedensten Endgeräten optimal (responsiv) wiedergegeben werden.

Das neue Makro ermöglicht das einfache Anlegen von Wiedergabelisten sowie die automatische Einbindung von unterschiedlichen Video-/Audioqualitäten, Untertiteln und Startbildern

Ab sofort ist der zentral gehostete Video Player in den folgenden webbasierten Publikationssystemen mit einheitlichen Funktionen verfügbar: Lernplattform Blackboard, Content Management System, Open Distributed Campus sowie Wikis und Blogs

Beispiele Implementierung

Video Player
id1


Video Player Element (Video Player Sub-Element)
filehttps://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/profund_innovation_720p.mp4
qualities["720p","720p"],["144p","144p"],["240p","240p"],["360p","360p"],["480p","480p"],["1080p","1080p"]
titleBeispiel Video
posterhttps://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/profund_innovation_poster.jpg
descDies ist ein Beispielvideo mit unterschiedlichen Qualitäten, einem deutschen Untertitel sowie einem Startbild.


Untertitel / Kapitel / Beschreibungs - Element (Video Player Sub-Element)
langcodede
srchttps://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/profund_innovation_720p.mp4
vtthttps://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/profund_innovation_DE.vtt


Video Player Element (Video Player Sub-Element)
filehttps://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/2016-Campus-Management_192k.mp3
qualities["192k","192k"],["128k","128k"],["160k","160k"],["256k","256k"],["320k","320k"]
titleBeispiel Audio
typeaudio
posterhttps://medien.cedis.fu-berlin.de/html5/check/mein-audio_poster.jpg
descDies ist ein Beispielaudio mit verschiedenen Qualitäten, einem deutschen Untertitel sowie einem Startbild.


Untertitel / Kapitel / Beschreibungs - Element (Video Player Sub-Element)
langcodede
srchttps://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/2016-Campus-Management_192k.mp3
vtthttps://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/2016-Campus-Management_DE.vtt




Info
iconfalse
  • Mit dem Makro "Video Player" können Sie eine Wiedergabeliste (Playlist) mit Audio- und Videodateien in Ihre Wikiseiten einbinden.
  • In dieser Anleitung erhalten Sie ausführliche Informationen zu Bedienung und Funktionen des "Video Player" im Wiki.
  • Eine kurze Einleitung, wie Sie den Medienplayer in Ihr Wiki einfügen, finden Sie hier.

...

  • Laden Sie Ihre Audio- oder Videodateien in Ihr Verzeichnis auf den CeDiS-Medienserver oder einen anderen Server der Freien Universität Berlin hoch.
  • Klicken Sie im Editor (Wikiseite im Bearbeitungsmodus) auf "Weiteren Inhalt einfügen" und wählen das Makro "Video Player" aus. 
  • Vergeben Sie eine "Player-ID" für Ihre Playlist. Geben Sie z. B. ein: pl1, pl2 etc.
  • Speichern Sie die Einstellung. Durch Klicken auf das "Video Player"-Makro und die Auswahl von "Bearbeiten" können Sie die Einstellungen erneut verändern.


Warnung
  • Die Player-ID wird unbedingt benötigt, weil diese Ihre Playlist eindeutig identifiziert und definiert. 

...

  • Klicken Sie in das "Video Player"-Makro und wählen Sie "Neues Video/Audio" aus. 
  • Klicken Sie auf das hinzugefügte "Video Player Element" und anschließend auf „Bearbeiten“.
  • Geben Sie hier bitte den vollständigen Link Ihrer Audio- bzw. Videodatei ein. Über die "Vorschau" können Sie das Video vorab ansehen.
  • Sie können mehrere Video- oder Audiodateien (d. h. "Video Player Elemente") in Ihre Wiedergabeliste einbinden.
  • Beispiel-URL des Videos: https://medien.cedis.fu-berlin.de/html5/check/mein-video_720p.mp4

...

  • Klicken Sie in das "Video Player Element" und wählen Sie "Neuer Untertitel" aus.
  • Klicken Sie auf das eingefügte "Untertitel Element" und wählen Sie "Bearbeiten".
  • Wählen Sie die verfügbare Sprache Ihrer Untertitel aus. Wenn Sie die korrekte Benennung der Untertiteldatei auf dem Medienserver beachten, werden die Untertiteldateien (WebVTT-Format) automatisch in das Feld eingefügt (s. u.).
  • Speichern Sie die Einstellung und aktualisieren Sie Ihre Wikiseite. 
  • Beispiel-URL des Untertitels: https://medien.cedis.fu-berlin.de/html5/check/mein-video_DEde.vtt


Tipp
  • Wir empfehlen, dass Sie Ihre Mediendatei entsprechend der Dateinamenskonvention auf dem Server speichern, z. B. mit dem Dateinamen "../mein-video_720p.mp4". 
  • In diesem Fall wird automatisch überprüft, ob die Mediendatei abrufbar ist.
  • Außerdem wird geprüft, ob weitere Dateien auf dem Server existieren (z. B. andere Qualitäten, ein Startbild oder Untertitel).

...

  • Sie können ein Start-/Titelbild für Ihr Video festlegen, das angezeigt wird, bevor das Video/Audio startet. 
  • Sollte auf dem CeDiS-Medienserver ein Startbild mit der korrekten Dateinamenskonvention (Dateinamen: "../mein-video_poster.jpg) hinterlegt sein, wird dieses dem Video automatisch zugefügt, wenn Sie einmal in das Startbild-Feld klicken. 
  • Sie können jedoch auch einen vollständigen Pfad zu einer anderen Bilddatei angeben. 
  • Bleibt das Eingabefeld leer, so wird automatisch ein Default-Bild verwendet.
  • Nach der Auswahl Ihres Startbilds speichern Sie die Einstellung.
  • Beispiel-URL des Startbilds: https://medien.cedis.fu-berlin.de/html5/check/mein-video_poster.jpg 

...

  • Mittels Drag & Drop der "Video Player Elemente" innerhalb des "Video Player"-Makros können Sie die Reihenfolge Ihrer Videos/Audios in der Wiedergabeliste verändern.
  • Um einzelne Video- oder Audiodateien zu bearbeiten oder zu entfernen, klicken Sie das jeweilige "Video Player Element" an und wählen dann eine der verschiedenen Bearbeitungsmöglichkeiten aus.
  • Unter "Bearbeiten" können Sie die eingebundene Medien-URL und die entsprechenden Metadaten verändern.
  • Mit "Neuer Untertitel" können Sie eine weitere Untertiteldatei einbinden.
  • Unter "Entfernen" löschen Sie das ausgewählte "Video Player Element" aus der Playlist.

...

Warnung
  • Audio- und Videodateien müssen auf einem Server der Freien Universität liegen, dessen Domain auf .fu-berlin.de endet, z. B. auf dem CeDiS-Medienserver.
  • Falls Ihre Einrichtung noch keinen Zugang zum CeDiS-Medienserver hat, kontaktieren Sie bitte unseren Support.
  • Verwenden Sie das Protokoll HTTPS, damit Ihre Dateien auch bei der Auslieferung Ihrer Website über SSL abgespielt werden können.
  • Falls Ihre Dateien auf dem CeDiS-Medienserver hochgeladen sind, erfolgt die Einbindung automatisch immer mit https://<URL>.


Tipp
  • Falls Sie Videos oder Audios von externen Diensten wie z. B. Youtube oder Vimeo einbinden möchten, nutzen Sie bitte das Makro „Externe Inhalte datenschutzkonform“.
  • Sie können die HTML5-Kompatibilität prüfen, indem Sie die Video-Datei direkt im Browser aufrufen, indem Sie die URL der Mediendatei in die Adresszeile eingeben und das Video mittels des nativen Browser-Players abspielen.
  • Erfahrungsgemäß treten einzelne Fehler nicht bei allen Browsern auf. Die aktuelle Version des Browsers Mozilla Firefox wird für das Testen empfohlen.

...


Tipp
iconfalse

Bei Fragen oder Anregungen zum Video Player oder Medienserver steht das Medienteam des Center für Digitale Systeme (CeDiS) der Universitätsbibliothek für Sie bereit.