Download to read offline
The new Opencast video player
- 1. The new Opencastvideo player Denis Meyer denmeyer@uni-osnabrueck.de Opencast Summit 26th March 2015
- 2. Overview Plugins Plugin installation Features Media module Evaluation Futureplans The old video player The new video player Outline 1 Overview 2 Plugins 3 Plugin installation 4 Features 5 Media module 6 Evaluation 7 Future plans Denis Meyer The new Opencast video player 2 / 39
- 3. Overview Plugins Plugin installation Features Media module Evaluation Futureplans The old video player The new video player Problems with the old video player Outdated & obsolete technologies Flash only Grown without a clear direction No standardized plugin system or structures Very hard to maintain Very hard to extend Many plugin dependencies One shared folder for the whole player No internationalization & localization Denis Meyer The new Opencast video player 3 / 39
- 4. Overview Plugins Plugin installation Features Media module Evaluation Futureplans The old video player The new video player Overview of the new video player State-of-the-art libraries & technologies New server architecture Well integrated into the existing Opencast system New client architecture Standardized plugin system and structures Very easy to maintain Very easy to extend Accessibility Keyboard controls Screen reader support Internationalization & localization via community platform Denis Meyer The new Opencast video player 4 / 39
- 5. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Outline 1 Overview 2 Plugins 3 Plugin installation 4 Features 5 Media module 6 Evaluation 7 Future plans Denis Meyer The new Opencast video player 5 / 39
- 6. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 6 / 39
- 7. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Controls Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 7 / 39
- 8. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Timeline statistics (hidden) Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 8 / 39
- 9. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Timeline statistics (not hidden) Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 9 / 39
- 10. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Videodisplay Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 10 / 39
- 11. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Description Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 11 / 39
- 12. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Notifications Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 12 / 39
- 13. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Tabs Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 13 / 39
- 14. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Tabs - Description Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 14 / 39
- 15. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Tabs - Downloads Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 15 / 39
- 16. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Plugin types Controls Timeline statistics Videodisplay Description Notifications Tabs Tabs - Shortcuts Controls Timeline statistics Videodisplay Description Notifications Tabs Description Downloads Shortcuts Slide text Denis Meyer The new Opencast video player 16 / 39
- 17. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Step 1: Download Step 2: Insertion Step 3: Refreshing Step 4: More plugins Outline 1 Overview 2 Plugins 3 Plugin installation 4 Features 5 Media module 6 Evaluation 7 Future plans Denis Meyer The new Opencast video player 17 / 39
- 18. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Step 1: Download Step 2: Insertion Step 3: Refreshing Step 4: More plugins Step 1: Download the plugin Player plugin "Downloads"1 Plugin = .jar file 1 https://bitbucket.org/CallToPower/theodul-download-plugin Denis Meyer The new Opencast video player 18 / 39
- 19. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Step 1: Download Step 2: Insertion Step 3: Refreshing Step 4: More plugins Step 2: Insert the plugin Copy & paste it into the Opencast library folder Automatic recognition Automatic installation Denis Meyer The new Opencast video player 19 / 39
- 20. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Step 1: Download Step 2: Insertion Step 3: Refreshing Step 4: More plugins Step 3: Refresh the browser - Before 3 Tabs Denis Meyer The new Opencast video player 20 / 39
- 21. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Step 1: Download Step 2: Insertion Step 3: Refreshing Step 4: More plugins Step 3: Refresh the browser - After 4 Tabs 1 new tab that lists the downloads Denis Meyer The new Opencast video player 21 / 39
- 22. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Step 1: Download Step 2: Insertion Step 3: Refreshing Step 4: More plugins Step 4: Add more plugins Let it snow inside the player with the Player plugin "Snow"2! 2 https://bitbucket.org/CallToPower/theodul-snowshowcase-plugin Denis Meyer The new Opencast video player 22 / 39
- 23. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position Outline 1 Overview 2 Plugins 3 Plugin installation 4 Features 5 Media module 6 Evaluation 7 Future plans Denis Meyer The new Opencast video player 23 / 39
- 24. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position New & clean user interface HTML5 video player, Flash fallback Synchronized multistreams Adaptive streaming Native fullscreen ... Denis Meyer The new Opencast video player 24 / 39
- 25. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position Different player versions Desktop Embeddable Mobile Denis Meyer The new Opencast video player 25 / 39
- 26. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position Different player versions (embedded player) Embeddable into a Learning Management System (LMS) Player control elements Video switcher Button for opening the desktop version Denis Meyer The new Opencast video player 26 / 39
- 27. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position User authentication Easy user authentication directly inside the player Denis Meyer The new Opencast video player 27 / 39
- 28. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position Multiple quality selection Low Medium High (HD) Denis Meyer The new Opencast video player 28 / 39
- 29. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position Playback rate setting from 50% to 150% automatic audio pitch correction Denis Meyer The new Opencast video player 29 / 39
- 30. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position Control elements below the video Player control elements below the videodisplay Misc functions above the videodisplay Denis Meyer The new Opencast video player 30 / 39
- 31. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Different versions Authentication Multiple qualities Playback rate Control elements position Control elements above the video Player control elements and misc functions above the videodisplay One simple switch in the Opencast configuration Denis Meyer The new Opencast video player 31 / 39
- 32. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Sorting and searching Outline 1 Overview 2 Plugins 3 Plugin installation 4 Features 5 Media module 6 Evaluation 7 Future plans Denis Meyer The new Opencast video player 32 / 39
- 33. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Sorting and searching New & clean user interface One tile for every episode Episode and series overview Same style as the player Different versions Desktop Mobile Easy user authentication Denis Meyer The new Opencast video player 33 / 39
- 34. Overview Plugins Plugin installation Features Media module Evaluation Futureplans User interface Sorting and searching Improved sorting and searching Many different sorting options for searching Denis Meyer The new Opencast video player 34 / 39
- 35. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Outline 1 Overview 2 Plugins 3 Plugin installation 4 Features 5 Media module 6 Evaluation 7 Future plans Denis Meyer The new Opencast video player 35 / 39
- 36. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Evaluation Standardized usability test3 Students + other users Rated statements like I found the system unnecessarily complex. I found the various functions in this system were well integrated. Average score: 86.1/100 Overall: Excellent 3 http://www.usability.gov/how-to-and-tools/methods/ system-usability-scale.html Denis Meyer The new Opencast video player 36 / 39
- 37. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Outline 1 Overview 2 Plugins 3 Plugin installation 4 Features 5 Media module 6 Evaluation 7 Future plans Denis Meyer The new Opencast video player 37 / 39
- 38. Overview Plugins Plugin installation Features Media module Evaluation Futureplans Future plans Easy graphical customizability Custom themes for the whole player Easy custom theme upload Annotations More player features Picture in picture Video display arrangement ... Denis Meyer The new Opencast video player 38 / 39
- 39.