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 |
---|
|
Video Player Element (Video Player Sub-Element) |
---|
file | https://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"] |
---|
title | Beispiel Video |
---|
poster | https://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/profund_innovation_poster.jpg |
---|
desc | Dies ist ein Beispielvideo mit unterschiedlichen Qualitäten, einem deutschen Untertitel sowie einem Startbild. |
---|
|
Untertitel / Kapitel / Beschreibungs - Element (Video Player Sub-Element) |
---|
langcode | de |
---|
src | https://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/profund_innovation_720p.mp4 |
---|
vtt | https://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/profund_innovation_DE.vtt |
---|
|
|
Video Player Element (Video Player Sub-Element) |
---|
file | https://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"] |
---|
title | Beispiel Audio |
---|
type | audio |
---|
poster | https://medien.cedis.fu-berlin.de/html5/check/mein-audio_poster.jpg |
---|
desc | Dies ist ein Beispielaudio mit verschiedenen Qualitäten, einem deutschen Untertitel sowie einem Startbild. |
---|
|
Untertitel / Kapitel / Beschreibungs - Element (Video Player Sub-Element) |
---|
langcode | de |
---|
src | https://medien.cedis.fu-berlin.de/html5/sets/set6_mp4_playlist_quality_ut_poster/2016-Campus-Management_192k.mp3 |
---|
vtt | https://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 |
---|
name | Kurzanleitung_Wiki_Player_PP_2.pptx |
---|
width | 100% |
---|
height | 77% |
---|
|
Video-Tutorial zur Einbindung des Video Players im Wiki
Video Player |
---|
|
Video Player Element (Video Player Sub-Element) |
---|
copyright | © 2019 Freie Universität Berlin |
---|
file | https://medien.cedis.fu-berlin.de/html5/wiki-tutorial/Videotutorial1_1080p.mp4 |
---|
qualities | ["1080p","1080p"] |
---|
title | Video-Tutorial |
---|
poster | https://medien.cedis.fu-berlin.de/html5/sets/poster/fub_16_9_720_poster.jpg |
---|
desc | Einbindung des Video-Players im Wiki |
---|
|
Untertitel / Kapitel / Beschreibungs - Element (Video Player Sub-Element) |
---|
langcode | de |
---|
src | https://medien.cedis.fu-berlin.de/html5/wiki-tutorial/Videotutorial1_1080p.mp4 |
---|
vtt | https://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 |
---|
|
Eine ausführliche Anleitung zur Einbindung und Nutzung des Video Players finden Sie hier. |
- Legen Sie zunächst eine "Video Player" 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" 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 "´Neues 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
...