Versionen im Vergleich

Alte Version 5

changes.mady.by.user Victoria Ángeles Castrillejo

Gespeichert am

verglichen mit

Neue Version Aktuell

changes.mady.by.user Tobias Kilgus

Gespeichert am

Schlüssel

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

Beschreibung

Auf dieser Seite erfahren Sie, wie sich Audios und Videos in einer Wikiseite - insbesondere solche, die auf dem Medienserver der Freien Universität vorliegen - einbetten lassen.

Generelle Informationen zum Einsatz des Medienplayers an der Freien Universität Berlin erhalten Sie auf folgender Webseite: https://www.cedis.fu-berlin.de/services/medien/av-medien/medienplayer/index.html

Einer für alle

Das Center für Digitale Systeme (CeDiS) der Universitätsbibliothek hat auf Basis von HTML5 und der Open-Source-Software Video.js einen FU-eigenen Medienplayer entwickelt, der die Einbindung von digitalen AV-Inhalten in den zentralen webbasierten Systemen der Freien Universität ermöglicht.

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

Das Makro "Video Player" ermöglicht die Integration des Medienplayers in Wikiseiten.

Hierüber ist das einfache Anlegen von Wiedergabelisten sowie die automatische Einbindung von unterschiedlichen Video-/Audioqualitäten, Untertiteln, Startbildern und Kapitelsprungmarken möglich. 

Der zentral gehostete FU-Medienplayer ist in den folgenden webbasierten Systemen 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



Kurzanleitung zur Einbindung des Video Players im Wiki

Office Powerpoint
nameKurzanleitung_Wiki_Player_PP_2.pptx
width100%
height77%


Video-Tutorial zur Einbindung des Video Players im Wiki

Video Player
id6


Video Player Element (Video Player Sub-Element)
copyright© 2019 Freie Universität Berlin
filehttps://medien.cedis.fu-berlin.de/html5/wiki-tutorial/Videotutorial1_1080p.mp4
qualities["1080p","1080p"]
titleVideo-Tutorial
posterhttps://medien.cedis.fu-berlin.de/html5/sets/poster/fub_16_9_720_poster.jpg
descEinbindung des Video-Players im Wiki


Untertitel / Kapitel / Beschreibungs - Element (Video Player Sub-Element)
langcodede
srchttps://medien.cedis.fu-berlin.de/html5/wiki-tutorial/Videotutorial1_1080p.mp4
vtthttps://medien.cedis.fu-berlin.de/html5/wiki-tutorial/Videotutorial1_1080p_de.vtt


→  Durch Aktivieren der Untertitelfunktion in der Bedienleiste des Video Players erhalten Sie zusätzliche Erklärungen.


Info
titleHinweis

Eine ausführliche Anleitung zur Einbindung und Nutzung des Video Players finden Sie hier.

  • Legen Sie zunächst eine "Video Player mit Playlist" an, indem Sie in der Werkzeugauswahl auf das Plus-Symbol "Weiteren Inhalt einfügen" klicken.

Image Removed

  • Wählen Sie dort das Makro "Video Player mit Playlist" aus.

Image Removed

...

Image Removed

  • Sie haben dann die Möglichkeit der Wiedergabeliste Mediendateien hinzuzufügen, in dem Sie auf die Box klicken und die Option "New Video/Audio" auswählen.

Image Removed

  • In dem neuen Element klicken Sie dann auf "Bearbeiten", um dem hinzugefügten Medienelement eine URL zuzuordnen.

Image Removed

Image Removed

  • Weisen Sie der Video- oder Audiodatei einen Titel zu und speichern Sie die Datei in der Wiedergabeliste ab.

Image Removed

Weitere Hilfe erhalten Sie in der ausführlichen Anleitung unter diesem Link:

...