Filecons.js is a set of file icons generated using JavaScript and HTML5 canvas. Everything is encapsulated into a single file – no external images or CSS. The only external file is the Open Sans font, which is being loaded automatically by the script. All icons are infinitely resizable and can be easily customized.
Best jQuery HTML5 Plugins & Tutorials with Demo
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
Lateralus : jQuery Slide & Push Menus
Lateralus is a group of menus, to help you build your next website or app.You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu.
Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!
Prism Effect Slider with HTML5 Canvas & JavaScript
Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element and plain JavaScript.
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
, 
- 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
Flow Gallery : jQuery HTML5 Multimedia Gallery
Flow Gallery is a jQuery plugin based HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a modern and sleek interface. You have the option of presenting your items in in either columns or rows type grid. Along with photos you can choose to display your own self-hosted audio/video files or videos from Youtube/Vimeo/Dailymotion. The gallery features a fully responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery is also optimized for retina and touch screens and provides the feel of a native app.
HTML5 Music Player with File Reader & Audio APIs
This time we want to share with you a cool experiment that we made. It is a music player that lives in your browser. It uses the powerful HTML5 File Reader and Audio APIs. As a result, you can just drag and drop mp3 files from your computer into the browser, and they are automatically added to your playlist.
