Best jQuery Video & Audio Plugins & Tutorials with Demo

    SoundManager : JavaScript Sound Library

    SoundManager : JavaScript Sound Library

    A JavaScript Sound API supporting MP3, MPEG4 and HTML5 audio + RTMP, providing reliable cross-browser/platform audio control in as little as 11 KB. BSD licensed.

    Light AudioPlayer with jQuery & Html5

    Light AudioPlayer with jQuery & Html5

    A Light AudioPlayer with HTML5, jQuery and CSS3.

    jQuery toCanvas : Add effects to Images & Videos

    jQuery toCanvas : Add effects to Images & Videos

    This jQuery plugin allow you to add effects to images and html5 videotags easily. It supports different types of processed effects and overlay

    PreViewTube.js : jQuery plugin for Animating YouTube Thumbnails

    PreViewTube.js : jQuery plugin for Animating YouTube Thumbnails

    A small jQuery plugin for animating YouTube thumbnails.

    XSound : HTML5 Web Audio API Library

    XSound : HTML5 Web Audio API Library

    This library enables developers to use Web Audio API by description like jQuery.
    In concrete, this library may be useful to implement the following features.

    • Create Sound
    • Play the One-Shot Audio
    • Play the Audio
    • Play the Media (Fallback by HTML5 MediaElement)
    • Play the MML (Music Macro Language)
    • Streaming (by WebRTC)
    • Effectors (Compressor / Wah / Equalizer / Tremolo / Phaser / Chorus / Delay / Reverb, and Original Effector … etc)

    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

    Audio Recording with Custom Audio Player using jQuery & HTML5

    Audio Recording with Custom Audio Player using jQuery & HTML5

    Today we want to discuss how to publish a voice recording messages on newsfeed using Jquery and HTML5 with custom HTML5 audio player. Take a quick look at the live demo, make sure use the microphone for better result.

    Embed-js : jQuery plugin for Automatic Media Embedding system

    Embed-js : jQuery plugin for Automatic Media Embedding system

    A jQuery plugin for converting text emojis into image-based emoticons, also supporting an automatic media embedding system for multimedia URLs (earlier emoticons-js).

    • Converts emoticon text codes into emoticons :smile: , :heart:
    • Finds links in text input and turns them into html links.
    • Youtube and Vimeo video embedding with video details fetched from the api.
    • HTML5 player supported media embedding (mp3,mp4,ogg)
    • PDF viewing with preview and then the actual pdf in a frame.
    • Inline Code Syntax highlighting (uses highlight.js)
    • Twitter tweet embedding supported
    • Codepen, jsbin,ideone, jsfiddle and plunker embed supported
    • soundcloud and spotify support
    • Twitch tv, dotSub, dailymotion, vine,TED and liveLeak support.
    • Google map location embed

    iTunes search using jQuery & Bootstrap

    iTunes search using jQuery & Bootstrap

    iTunes API search using jQuery,  jPlayer and Bootstrap.Simple search interface experiment using Bootstrap responsive techniques.

    Allows user to input a search term which is executed against the public iTunes Store API.

    Video Lightning : jQuery Lightbox or Popover for Youtube & Vimeo videos

    Video Lightning : jQuery Lightbox or Popover for Youtube & Vimeo videos

    Turn any element into a lightbox or popover link for Youtube and Vimeo videos.Includes access to all embed API options for both providers as well as a healthy set of style options. Popovers are intelligently positioned and allow users to preview videos on hover.

    Features:

    • Simple access to all embed API options for both providers
    • Lots of options to customize and beautify your lightboxes
    • Intelligent popover auto positioning gravitates to page center
    • Preview videos on hover, pin if you want them to stick around
    • Lazy loading of videos prevents slow page load due to video embeds
    • Rick Roll with ease (don’t pass video id, add rick_roll option to prevent closing)