Top Banner
The new Opencast video player Denis Meyer [email protected] Opencast Summit 26th March 2015
39
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: The new Opencast video player

The new Opencast video player

Denis [email protected]

Opencast Summit26th March 2015

Page 2: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

The old video playerThe 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

Page 3: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

The old video playerThe new video player

Problems with the old video player

Outdated & obsolete technologiesFlash onlyGrown without a clear direction

No standardized plugin system or structuresVery hard to maintainVery hard to extend

Many plugin dependenciesOne shared folder for the whole playerNo internationalization & localization

Denis Meyer The new Opencast video player 3 / 39

Page 4: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

The old video playerThe new video player

Overview of the new video player

State-of-the-art libraries & technologiesNew server architecture

Well integrated into the existing Opencast systemNew client architecture

Standardized plugin system and structuresVery easy to maintainVery easy to extend

AccessibilityKeyboard controlsScreen reader support

Internationalization & localization via community platform

Denis Meyer The new Opencast video player 4 / 39

Page 5: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

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

Page 6: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Plugin types

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 6 / 39

Page 7: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Controls

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 7 / 39

Page 8: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Timeline statistics (hidden)

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 8 / 39

Page 9: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Timeline statistics (not hidden)

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 9 / 39

Page 10: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Videodisplay

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 10 / 39

Page 11: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Description

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 11 / 39

Page 12: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Notifications

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 12 / 39

Page 13: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Tabs

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 13 / 39

Page 14: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Tabs - Description

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 14 / 39

Page 15: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Tabs - Downloads

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 15 / 39

Page 16: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Tabs - Shortcuts

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 16 / 39

Page 17: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Step 1: DownloadStep 2: InsertionStep 3: RefreshingStep 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

Page 18: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Step 1: DownloadStep 2: InsertionStep 3: RefreshingStep 4: More plugins

Step 1: Download the plugin

Player plugin "Downloads"1

Plugin = .jar file

1 https://bitbucket.org/CallToPower/theodul-download-pluginDenis Meyer The new Opencast video player 18 / 39

Page 19: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Step 1: DownloadStep 2: InsertionStep 3: RefreshingStep 4: More plugins

Step 2: Insert the plugin

Copy & paste it into theOpencast library folderAutomatic recognitionAutomatic installation

Denis Meyer The new Opencast video player 19 / 39

Page 20: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Step 1: DownloadStep 2: InsertionStep 3: RefreshingStep 4: More plugins

Step 3: Refresh the browser - Before

3 Tabs

Denis Meyer The new Opencast video player 20 / 39

Page 21: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Step 1: DownloadStep 2: InsertionStep 3: RefreshingStep 4: More plugins

Step 3: Refresh the browser - After

4 Tabs1 new tab that liststhe downloads

Denis Meyer The new Opencast video player 21 / 39

Page 22: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Step 1: DownloadStep 2: InsertionStep 3: RefreshingStep 4: More plugins

Step 4: Add more plugins

Let it snow insidethe player with thePlayer plugin"Snow"2!

2 https://bitbucket.org/CallToPower/theodul-snowshowcase-pluginDenis Meyer The new Opencast video player 22 / 39

Page 23: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl 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

Page 24: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl elements position

New & clean user interface

HTML5 videoplayer, FlashfallbackSynchronizedmultistreamsAdaptive streamingNative fullscreen...

Denis Meyer The new Opencast video player 24 / 39

Page 25: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl elements position

Different player versions

DesktopEmbeddableMobile

Denis Meyer The new Opencast video player 25 / 39

Page 26: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl elements position

Different player versions (embedded player)

Embeddable into aLearningManagementSystem (LMS)Player controlelementsVideo switcherButton for openingthe desktop version

Denis Meyer The new Opencast video player 26 / 39

Page 27: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl elements position

User authentication

Easy userauthenticationdirectly inside theplayer

Denis Meyer The new Opencast video player 27 / 39

Page 28: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl elements position

Multiple quality selection

LowMediumHigh (HD)

Denis Meyer The new Opencast video player 28 / 39

Page 29: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl elements position

Playback rate setting

from 50% to 150%automatic audiopitch correction

Denis Meyer The new Opencast video player 29 / 39

Page 30: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl elements position

Control elements below the video

Player controlelements below thevideodisplayMisc functionsabove thevideodisplay

Denis Meyer The new Opencast video player 30 / 39

Page 31: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceDifferent versionsAuthenticationMultiple qualitiesPlayback rateControl elements position

Control elements above the video

Player controlelements and miscfunctions above thevideodisplayOne simple switchin the Opencastconfiguration

Denis Meyer The new Opencast video player 31 / 39

Page 32: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceSorting 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

Page 33: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceSorting and searching

New & clean user interface

One tile for everyepisodeEpisode and seriesoverviewSame style as theplayerDifferent versions

DesktopMobile

Easy userauthentication

Denis Meyer The new Opencast video player 33 / 39

Page 34: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

User interfaceSorting and searching

Improved sorting and searching

Many differentsorting options forsearching

Denis Meyer The new Opencast video player 34 / 39

Page 35: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

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

Page 36: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Evaluation

Standardized usability test3Students + other usersRated statements like

I found the systemunnecessarily complex.I found the various functionsin this system were wellintegrated.

Average score: 86.1/100Overall: Excellent

3 http://www.usability.gov/how-to-and-tools/methods/system-usability-scale.html

Denis Meyer The new Opencast video player 36 / 39

Page 37: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

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

Page 38: The new Opencast video player

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Future plans

Easy graphical customizabilityCustom themes for the whole playerEasy custom theme upload

AnnotationsMore player features

Picture in pictureVideo display arrangement...

Denis Meyer The new Opencast video player 38 / 39

Page 39: The new Opencast video player

Thank you!Any questions?

https://bit.ly/theodul