Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

HTML5 player: Difference between revisions

From MoodleDocs
(Add template, considerations and candidates, https://docs.moodle.org/dev/Editor_2.7 has been used as template.)
 
No edit summary
Line 5: Line 5:
|tracker = https://tracker.moodle.org/browse/MDL-38158
|tracker = https://tracker.moodle.org/browse/MDL-38158
|discussion = https://moodle.org/mod/forum/discuss.php?d=222753#p1105373
|discussion = https://moodle.org/mod/forum/discuss.php?d=222753#p1105373
|assignee = [https://tracker.moodle.org/secure/ViewProfile.jspa?name=kabalin Ruslan]
|assignee = [https://tracker.moodle.org/secure/ViewProfile.jspa?name=kabalin Ruslan Kabalin]
}}
}}
{{Moodle 2.x}}
{{Moodle 2.x}}

Revision as of 15:10, 24 February 2014

Note: This page is a work-in-progress. Feedback and suggested improvements are welcome. Please join the discussion on moodle.org or use the page comments.

HTML5 Player with flash fallback
Project state In Development
Tracker issue https://tracker.moodle.org/browse/MDL-38158
Discussion https://moodle.org/mod/forum/discuss.php?d=222753#p1105373
Assignee Ruslan Kabalin

Template:Moodle 2.x

Project goals

The purpose of this document is to plan how to integrate HTML5 Player with flash fallback in Moodle.

The aim of this change is to reach a consistent look of the player among different platforms and browsers, as well as making sure that video will play regardless browser native support of the given format. Another aim is to improve accessibility and usability, enhance customisation.

Considerations

  • Usability of the player - is it easy to use it and intuitively understand how to use controls?
  • Accessibility of the player - possibility of keyboard navigation, subtitles support?
  • Appearance of the player - can its interface be modified, themes support?
  • Consistency among browsers - does player look the same?
  • Audio support - can player handle HTML5 <audio> tag?
  • Mobile platforms support - can player also work on iOS and Android?
  • Streaming media support (including adaptive-bitrate delivery) - can player handle RTMP, Apple HLS, Adobe HDS, Microsoft HSS?
  • Plugins support - can we use community plugins easily?
  • Embedding support - so users could post media content outside Moodle, if permitted.
  • Maintainability of the links between the player and Moodle - how much work will we need to do every time we upgrade?

Candidates

  • Flowplayer HTML5
  • Video.JS
  • Projekktor
  • ??? Are there other alternatives?


Flowplayer HTML5 Video.JS Projekktor
Usable Player
Accessible Player:
  • Keyboard control
  • Subtitles
  • Touch interface
Appearance:
  • Skins
  • CSS customisation
Mobile platforms:
  • iOS
  • Android
Streaming protocols:
  • RTMP
  • Adaptive HTTP
Audio player
Embedding support
License
JS library
Plugins infrastructure
Flash fallback player
API

Flowplayer HTML5

Pros:

Cons:

Technical notes (lessons learned from the prototypes)

Outstanding work from the prototype

Missing features

Video.JS

Pros:

Cons:

Technical notes (lessons learned from the prototypes)

Outstanding work from the prototype

Missing features

Projekktor

Pros:

Cons:

Technical notes (lessons learned from the prototypes)

Outstanding work from the prototype

Missing features

Sub Tasks

Mock-Ups/Prototypes

Related Tracker Issues

Useful links