Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/johndyer/mediaelement

HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.
https://github.com/johndyer/mediaelement

dash flash hls html5 html5-audio html5-video html5-video-player mp3 mp4 streaming video

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/johndyer/mediaelement
Owner: mediaelement
License: mit
Created: 2010-07-28T02:32:56.000Z (over 14 years ago)
Default Branch: master
Last Pushed: 2024-04-26T14:45:09.000Z (6 months ago)
Last Synced: 2024-04-29T19:08:07.517Z (6 months ago)
Topics: dash, flash, hls, html5, html5-audio, html5-video, html5-video-player, mp3, mp4, streaming, video
Language: JavaScript
Homepage: http://mediaelementjs.com/
Size: 71.5 MB
Stars: 8,136
Watchers: 312
Forks: 1,571
Open Issues: 188
Metadata Files:
- Readme: README.md
- Changelog: changelog.md
- License: LICENSE

Awesome Lists containing this project

awesome-javascript - mediaelement - HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers. - ★ 6425 (Video/Audio)
awesome-frontend-libraries - mediaelement

README

        # ![MediaElementJS](https://cloud.githubusercontent.com/assets/910829/22357262/e6cf32b4-e404-11e6-876b-59afa009f65c.png)

One file. Any browser. Same UI.

* Author: John Dyer [http://j.hn/](http://j.hn/)

* Website: [http://mediaelementjs.com/](http://mediaelementjs.com/)

* License: [MIT](http://mediaelement.mit-license.org/)

* Meaning: Use everywhere, keep copyright, it'd be swell if you'd link back here.

* Thanks: my employer, [Dallas Theological Seminary](http://www.dts.edu/)

* Contributors: [all contributors](https://github.com/mediaelement/mediaelement/graphs/contributors)

[![GitHub Version](https://img.shields.io/npm/v/mediaelement.svg)](https://github.com/mediaelement/mediaelement)

[![Build Status](https://img.shields.io/travis/mediaelement/mediaelement.svg)](https://travis-ci.org/mediaelement/mediaelement)

[![Coverage Status](https://img.shields.io/coveralls/mediaelement/mediaelement.svg)](https://coveralls.io/github/mediaelement/mediaelement)

[![MIT License](https://img.shields.io/npm/l/mediaelement.svg)](https://mediaelement.mit-license.org/)

[![CDNJS](https://img.shields.io/cdnjs/v/mediaelement.svg)](https://cdnjs.com/libraries/mediaelement)

[![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/mediaelement/badge?style=rounded)](https://www.jsdelivr.com/package/npm/mediaelement)

# Table of Contents

* [Introduction](#intro)

* [Installation and Usage](#installation)

* [API and Configuration](#api)

* [Guidelines for Contributors](#guidelines)

* [Change Log](#changelog)

* [Migration](#migration)

* [TODO list](#todo)



## Introduction

_MediaElementPlayer: HTML5 `` and `` player_

A complete HTML/CSS audio/video player built on top `MediaElement.js`.

In general, `MediaElement.js` supports **IE11+, MS Edge, Chrome, Firefox, Safari, iOS 8+** and **Android 4.0+**.

**It is strongly recommended to read the entire documentation and check the `demo` folder to get the most out of this package**. Visit [here](docs) to start.



## Installation and Usage

The full documentation on how to install `MediaElement.js` is available at [Installation](docs/installation.md).

A brief guide on how to create and use instances of `MediaElement` available at [Usage](docs/usage.md).

Additional features can be found at https://github.com/mediaelement/mediaelement-plugins.



## API and Configuration

`MediaElement.js` has many options that you can take advantage from. Visit [API and Configuration](docs/api.md) for more details.

Also, a `Utilities/Features` guide is available for development. Visit [Utilities/Features](docs/utils.md) for more details.



## Guidelines for Contributors

If you want to contribute to improve this package, please read [Guidelines](docs/guidelines.md).



## Useful resources

A compilation of useful articles can be found [here](docs/resources.md).



## Change Log

Changes available at [Change Log](changelog.md).



## Migration

For migrating mediaelement see [Migration guide](MIGRATION.md).



## TODO list

**IMPORTANT:** Before posting an issue, it is strongly encouraged to read the whole documentation since it covers the majority of scenarios exposed in prior issues.

New features and pending bugs can be found at [TODO list](TODO.md).