the new opencast video player

39
The new Opencast video player Denis Meyer [email protected] Opencast Summit 26th March 2015

Upload: calltopower

Post on 18-Jul-2015

338 views

Category:

Software


2 download

TRANSCRIPT

The new Opencast video player

Denis [email protected]

Opencast Summit26th March 2015

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

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

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

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

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

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Controls

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 7 / 39

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

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

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Videodisplay

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 10 / 39

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Description

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 11 / 39

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Notifications

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 12 / 39

OverviewPlugins

Plugin installationFeatures

Media moduleEvaluation

Future plans

Plugin typesControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

Tabs

ControlsTimeline statisticsVideodisplayDescriptionNotificationsTabs

DescriptionDownloadsShortcutsSlide text

Denis Meyer The new Opencast video player 13 / 39

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Thank you!Any questions?

https://bit.ly/theodul