Versionen im Vergleich

Alte Version 18

changes.mady.by.user Tobias Kilgus

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 Sie schnell und unkompliziert eigene audiovisuelle Inhalte auf sich Audios und Videos in einer Wikiseite - insbesondere Videossolche, die auf dem Medienserver der Freien Universität vorliegen - einbetten können.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 JavaScript und HTML5 einen neuen Video Player HTML5 und der Open-Source-Software Video.js einen FU-eigenen Medienplayer entwickelt, der die Einbindung von digitalen AV-Inhalten in den zentralen Publikationssystemen webbasierten Systemen 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 "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 Startbildern Kapitelsprungmarken möglich. 

Ab sofort ist der Der zentral gehostete FU-eigene Video Player Medienplayer ist in den folgenden webbasierten Publikationssystemen Systemen mit identischen 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

View file
nameKurzanleitung_Wiki_Player_PP_2.pptx
height250



Kurzanleitung zur Einbindung des Video Players im Wiki

Office Powerpoint
nameKurzanleitung_Wiki_Player_PP_2.pptx
width100%
height77%

  • 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

...


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

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

...

.