Best jQuery Video & Audio Plugins & Tutorials with Demo

    jQuery Image Player

    jQuery Image Player

    jQuery Image Player is a jQuery plugin that is an image based player with a look and feel of video player. It also has slide effects.

    Fullscreen Video Opening Animation with CSS3

    Fullscreen Video Opening Animation with CSS3

    In this in-depth tutorial we want to show you how to create a similar video opening effect to the one seen on momentsapp.com. If you click the “Watch the video” button on the Moments App page, you will see a new image appearing on the photo stack which contains a video. The animation is a slight rotation of the frame and a subtle scaling of the video, which already starts to play. The whole wrapper expands to full screen without any play controls; just the closing cross will be shown. Once the video ends, or, if the user clicks on the closing cross, the video will simply disappear.

    Annyang : JavaScript SpeechRecognition library

    Annyang : JavaScript SpeechRecognition library

    A tiny javascript SpeechRecognition library that lets your users control your site with voice commands.Annyang has no dependencies, weighs just 3kb, and is free to use and modify under the MIT license.

    Beep.js : JavaScript Library for browser-based Synthesizers

    Beep.js : JavaScript Library for browser-based Synthesizers

    Beep is a JavaScript toolkit for building browser-based synthesizers using the WebAudio API.

    jQuery Image Player

    jQuery Image Player

    This is a rewrite of ImagePlayer plug-in originally written by Kelli Shaver.It is a player/slideshow that looks and works similarly to a conventional video player. You can play/pause, go to the beginning, go to the end, click different points on the scrubber to jump back and forth, and you can enable an option that will pause the playback while hovering over the image. Images are scaled automatically to fit in the player. You can also switch to full-screen. Captions are supported.

    PreVideoLoad : jQuery Video Thumb Preloader

    PreVideoLoad : jQuery Video Thumb Preloader

    Ultralight weight jQuery plugin for load thumb of videos from Vimeo and Youtube and load fully when is needed.

    Features:

    • Small filesize
    • Cross-browser (Tested in IE8 but teorically it works in IE6+)
    • Easy customization and configuration
    • Fast page load

    Ultimate Media Background for jQuery

    Ultimate Media Background for jQuery

    With UMBG you can use videos, images, or colors to display beautiful full screen backgrounds. Supports HTML5 videos and hosted videos from YouTube, Vimeo, Dailymotion, and Wistia. You can also use multiple images to create a full screen slideshow.

    EasyAudioEffects : jQuery Sound Effects Plugin

    EasyAudioEffects : jQuery Sound Effects Plugin

    easyAudioEffects.js easyAudioEffects.js is jquery plug-in. This can be given a very easy sound effects for any of the elements on your WEB site.

    Clean HTML5 Video Player with Playlist

    Clean HTML5 Video Player with Playlist

    Clean HTML5 Video Player with Playlist

    Features:

    • Responsive layout
    • Ready for Retina Displays
    • Easy to get started, deploy in minutes
    • Highly customizable using HTML and CSS
    • Clean code + LESS
    • Playlists support
    • Multiple instances
    • Based on jPlayer (HTML5 & Flash fallback)

    Capture Image using Javascript Webcam API

    Capture Image using Javascript Webcam API

    It’s a very simple tutorial about how to capture image using JavaScript webcam API. It also includes some good features like cropping, HD quality images, etc.