Best jQuery Html5 Audio Player Plugins & Tutorials with Demo

jQuery Plugin to plays Audio & Video on Hover : Media Hovers

jQuery Plugin to plays Audio & Video on Hover : Media Hovers

Get Motion to your images. Media Hovers is a responsive HTML5 plugin which plays audio and video on hover. It can be applied to any element. Just specify thumbnail and audio or video file and turn it into your hover. Media Hovers also supports lightbox mode where images and videos can be viewed in larger mode.

Features:

  • HTML5 video and audio support
  • Cross browser compatible
  • IOS and Android support
  • Font Awesome Library icons
  • Mix both audio and videos in the same page
  • Optional image slideshows while audio plays
  • Social sharing support (facebook, twitter, google plus)
  • Lightbox support

SHOUT : HTML5 Radio Player With Ads

SHOUT : HTML5 Radio Player With Ads

Just add the radio stream and the player will get radio name, radio categories, current playing song and artist photo.It supports ShoutCast and IceCast radio streaming. The radio stream should be MP3 type. It will also play AAC streams but only on browsers which support AAC.

Embed Player : jQuery Audio Video players

Embed Player : jQuery Audio Video players

Unified jQuery interface to various audio/video players without dependency on their official JavaScript libraries.Currently supported players:

  • YouTube
  • Vimeo
  • Twitch
  • SoundCloud
  • Dailymotion
  • HMTL 5 audio/video

Waud.js : Web Audio Library with HTML5

Waud.js : Web Audio Library with HTML5

Waud is a simple and powerful web audio library that allows you to go beyond HTML5’s <audio> tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple platforms and browsers. It also falls back to HTML5 Audio on non-modern browsers where Web Audio API is not supported.

Features:

  • Base64 Pack
  • Audio Sprites
  • iOS Audio Unlock1
  • Auto Mute2
  • Simple API
  • Zero Dependencies

Kast : SHOUTcast HTML5 Radio Player for jQuery

Kast : SHOUTcast HTML5 Radio Player for jQuery

Kast – Extraordinary SHOUTcast HTML5 Sticky Radio Player for your website (jQuery Plugin).Allows you to stream your live radio station to your web visitors on Desktops, Tablets and Mobile devices.

  • Pure HTML5: HTML5 only audio player
  • All SHOUTcast Versions: Plays any SHOUTcast station
  • Multiple Streams: Supports multiple streams from a single server (SID)
  • Multi-format Audio Player: MP3, OGG, AAC, AAC+ (aacPlus)
  • SHOUTcast Exclusive: for SHOUTcast servers only, made with love
  • Sticky Player: Runs peacefully at your web browser corner
  • Current and Played Information

APlayer : Beautiful HTML5 Music Player

APlayer : Beautiful HTML5 Music Player

Wow, such a beautiful html5 music player.

sPlayer : Super HTML5 Music Player

sPlayer : Super HTML5 Music Player

sPlayer is pushing HTML5 to the limit, it’s almost certainly the first HTML5 music player of it’s kind, Making it the most feature-rich JavaScript Audio library.It also allows you to create a Cross-platform HTML5 Music Desktop App with powerful capabilities.

  • Pure HTML5: Taking advantage of HTML5 power and speed, No Flash, just pure HTML5.
  • Playlist: Multiple playlists support.
  • Audio Controls: Play, Pause, Next, Previous, Seekbar, loop, duration, current time.
  • Radio / Live Stream: Radio / Live Stream Remote URLs / Broadcasts such as SHOUTcast and Icecast are also supported.
  • Multiple Audio Formats: MP3, OGG, OGA, AAC, M4A and MP4.
  • HTML5 Desktop App Ready: Build powerful HTML5 Music Desktop app with sPlayer and Electron.io (Atom-shell) / NW.io (Node-webkit).
  • Live Search: Built-in Instant search to find a specific song in your playlists.

Custom Audio Player with jQuery Audio Controls Plugin

Custom Audio Player with jQuery Audio Controls Plugin

Introducing the new jquery AudioControls plugin for custom web HTML5 audio players, this helps you to make fastest audio player system for your web projects. This plugin actually works with HTML5 <audio> tag, create your own player design and just apply plugin data attributes to the HTML elements.

Light AudioPlayer with jQuery & Html5

Light AudioPlayer with jQuery & Html5

A Light AudioPlayer with HTML5, jQuery and CSS3.

Amplitude.js : Javascript Html5 Audio Player

Amplitude.js : Javascript Html5 Audio Player

Amplitude.js is a lightweight javascript library that allows you to control the design of your media controls in your webpage — not the browser. No dependencies (jQuery not required).

  • Completely independent library (no jQuery required)
  • 100% customizable design
  • Real time audio visualizations
  • Simple Soundcloud integration
  • Live streams
  • Call back functions for events
  • Play/Pause, Stop, Next Song, Previous Song, Shuffle
  • Song meta data display