gitmyhub

jPlayer

JavaScript ★ 4.6k updated 4y ago

jPlayer : HTML5 Audio & Video for jQuery

A jQuery plugin that adds audio and video playback to web pages with a consistent look across all browsers, using HTML5 and falling back to Flash for older browsers that don't support it.

JavaScriptjQueryHTML5FlashBowerComposersetup: easycomplexity 2/5

jPlayer is a jQuery plugin for adding audio and video playback to web pages. jQuery is a widely used JavaScript library that simplifies working with web page elements, and a plugin for it adds specific functionality on top. jPlayer handles the browser-side work of embedding a media player with a consistent look and behavior across different browsers.

The main purpose of jPlayer is to give developers a way to play audio and video files in a webpage without each browser behaving differently. It uses HTML5 audio and video capabilities when available, and falls back to Flash for older browsers that do not support those standards. Supported audio formats include MP3 and AAC files, and supported video formats include H.264 video. Additional formats like OGG, WAV, and WebM can also be included to improve compatibility across more browser combinations.

Rather than shipping a fixed-look player, jPlayer is built so that developers style the player interface themselves using HTML and CSS, giving full control over how the controls appear on screen. Playback can also be controlled programmatically through a JavaScript API, so the player can be integrated into larger interactive experiences on a page.

jPlayer also supports Zepto, a lighter-weight alternative to jQuery aimed at mobile browsers. It can be installed through Bower or Composer, two common package managers used in web development projects.

The library is licensed under the MIT license, meaning it can be used freely in personal and commercial projects. A React-based version called react-jPlayer is available as a separate project. The README links to a quick-start guide and full API documentation on the project website.

Where it fits