Proposals/Done/HTML5 media player: Difference between revisions
From Mahara Wiki
< Proposals | Done
No edit summary |
|||
| Line 1: | Line 1: | ||
== Introduction == | == Introduction == | ||
This feature will replace the current flash player in Mahara by an open source HTML5 media player. | This feature will replace the current flash player in Mahara by an open source HTML5 media player. | ||
| Line 10: | Line 11: | ||
* Multiple mobile platforms support - does player also work on iOS and Android? | * Multiple mobile platforms support - does player also work on iOS and Android? | ||
* Consistency among browsers, platforms - does player look the same in different browsers, handheld devices? | * Consistency among browsers, platforms - does player look the same in different browsers, handheld devices? | ||
* Theme/skin - does it support theme/skin? | |||
* Audio ready - can it play audio files? | * Audio ready - can it play audio files? | ||
* Multiple media support - can it play different media file types? | * Multiple media support - can it play different media file types? | ||
| Line 17: | Line 19: | ||
* Streaming media support - can player handle RTMP, Apple HLS, Adobe HDS, Microsoft HSS? (bonus) | * Streaming media support - can player handle RTMP, Apple HLS, Adobe HDS, Microsoft HSS? (bonus) | ||
* Helpful community - how easily can we get help from its community? (bonus) | * Helpful community - how easily can we get help from its community? (bonus) | ||
* Performance (bonus) | * Performance - size, load time, ...(bonus) | ||
=== HTML5 player options === | |||
Here is a list of HTML5 player options which support fully or partially the above features. We give 5 points for a full supported feature and 1 for non-supported. For bonus feature we only give 1 point if supported. | |||
{| class="wikitable" | |||
|- | |||
! Player !! Open source !! Easy to use !! Accessibility !! Mobile !! Consistency !! Audio !! Multiple media !! Flash fallback !! Documentation !! Plugins !! Streaming !! Community !! Performance !! Total !! Note | |||
|- | |||
| Native HTML5 || || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|- | |||
| Flowplayer HTML5 || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|- | |||
| Video.JS || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|- | |||
| Projekktor || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|- | |||
| MediaElement.js || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|- | |||
| OSM player || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|- | |||
| LeanBack player || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|- | |||
| Kaltura player || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|- | |||
| Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example || Example | |||
|} | |||
Revision as of 10:00, 10 November 2015
Introduction
This feature will replace the current flash player in Mahara by an open source HTML5 media player.
A comparison of HTML5 players
Criteria to choose
- Open source - is it a GPLv3 or compatible?
- Easy to use - is it easy to use it, does it have an intuitive interface to control?
- Accessibility - does it support keyboard control, subtitles, multiple language?
- Multiple mobile platforms support - does player also work on iOS and Android?
- Consistency among browsers, platforms - does player look the same in different browsers, handheld devices?
- Theme/skin - does it support theme/skin?
- Audio ready - can it play audio files?
- Multiple media support - can it play different media file types?
- Flash fallback - does it also work with old flash media?
- Documentation - can we easily integrate it into mahara?
- Plugins/extension support - can we use or develop community plugins easily?
- Streaming media support - can player handle RTMP, Apple HLS, Adobe HDS, Microsoft HSS? (bonus)
- Helpful community - how easily can we get help from its community? (bonus)
- Performance - size, load time, ...(bonus)
HTML5 player options
Here is a list of HTML5 player options which support fully or partially the above features. We give 5 points for a full supported feature and 1 for non-supported. For bonus feature we only give 1 point if supported.
| Player | Open source | Easy to use | Accessibility | Mobile | Consistency | Audio | Multiple media | Flash fallback | Documentation | Plugins | Streaming | Community | Performance | Total | Note |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Native HTML5 | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | ||
| Flowplayer HTML5 | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | |
| Video.JS | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | |
| Projekktor | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | |
| MediaElement.js | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | |
| OSM player | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | |
| LeanBack player | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | |
| Kaltura player | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | |
| Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example | Example |