Best jQuery Video & Audio Plugins & Tutorials with Demo

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.

jQuery Plugin for Vimeo video as Background

jQuery Plugin for Vimeo video as Background

A jQuery plug-in to play any Vimeo video as background of your page.

Modal-video.js : jQuery Modal Video Plugin

Modal-video.js : jQuery Modal Video Plugin

Modal-video.js is a jQuery Modal Video Plugin.

Features:

  • Not affected by dom structure.
  • Beautiful transition.
  • Accessible for keyboard navigation and screen readers.
  • Rich options for youtube API and Vimeo API.

Articulate.js : Let the Browser Speak to You

Articulate.js : Let the Browser Speak to You

Articulate.js, a jQuery plugin, enables developers, with as little as one line of code, to create links that allow users to click, sit back, and listen to the browser read aloud the important content on a Web page. In some ways, it can turn a thoughtful essay or article into a mini podcast. And because it uses built-in JavaScript functionality, no browser extensions or other system software is needed.

ModuloBox : NextGen Lightbox JavaScript Plugin

ModuloBox : NextGen Lightbox JavaScript Plugin

ModuloBox is a modular JavaScript Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way. ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.

  • Fully Responsive
  • Unlimited colors
  • SVG icons
  • Multi-touch gestures support
  • Physics Based Animations
  • Automatic SlideShow support (with CountDown timer)
  • FullScreen support
  • Youtube, Vimeo, Dailymotion, Wistia
  • iFrame (Google Map, PDF reader, websites, etc…)

jqGifPreview : Gif Preview with jQuery

jqGifPreview : Gif Preview with jQuery

jQuery Plugin For GIF Preview As Like Facebook.

Immersive Video Template with CSS & jQuery

Immersive Video Template with CSS & jQuery

A full-screen video presentation, that is resized and animated to become the content of a mobile device.

Loud Links : JavaScript library for adding Interaction Sounds

Loud Links : JavaScript library for adding Interaction Sounds

A simple tiny Javascript library to add interaction sounds to your website.The library creates HTML5 audio element and uses it to play mp3/ogg audio files which is currently supported in all browsers.

Interactive Musical Instruments with JavaScript

Interactive Musical Instruments with JavaScript

Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.

meSing.js : JavaScript Singing Synthesis Library

meSing.js : JavaScript Singing Synthesis Library

meSing.js is a JavaScript singing synthesis library that uses the Web Audio API’s DSP capabilities in conjunction with the meSpeak.js speech synthesis library to provide a vocal synthesizer for the web. First, the lyrics with corresponding MIDI notes are parsed and fed to meSpeak.js; the resulting text-to-speech output is then converted into a series of AudioBufferSourceNodes, which are subsequently processed and adjusted for pitch, rhythm, and expression.