jQuery Media Plugin & Tutorials with Example

Nex Slider : jQuery Fullscreen Slider

Nex Slider : jQuery Fullscreen Slider

Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.

  • Customizable slider look
  • Optimized Speed
  • Touch Support
  • Keyboard Support
  • Pattern Support
  • SEO Friendly
  • 10 types of effects: Fade, Slide [left,right,top,bottom], Zoom, Skew, Rotate, Random, None
  • 5 Predifined Color themes: amethyst, coral, sun, turquoise, and the default one
  • Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.
  • Different Content types: image, video, map
  • Customizeable map style: ROADMAP, SATELLITE, HYBRID, TERRAIN
  • Customizable maps: zoom size, show infowindow, or hide it
  • Video Support from youtube and vimeo

Beep.js : JavaScript Library for browser-based Synthesizers

Beep.js : JavaScript Library for browser-based Synthesizers

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

jQuery Image Player

jQuery Image Player

Businessess need to develop a video to explain the flow of applications like online internet banking, 3D visuals of car interiors, etc. However, this makes the overall file size very heavy.
In such cases, users can use this “Jquery Image Player”. Though giving a feeling of a video player, this is an image based player with a look and feel of video player.

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)

Olly.js : Translate URLs into Rich Media

Olly.js : Translate URLs into Rich Media

Olly.js makes it simple to turn your URLs into rich media. Use it to embed things like YouTube, Vimeo, or videos from a variety of other services automatically.

VexFlow : JavaScript library for Rendering Music Notation

VexFlow : JavaScript library for Rendering Music Notation

VexFlow is an open-source web-based music notation rendering API. It is written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 Canvas and SVG, and runs on all modern browsers.

Flow Gallery : jQuery HTML5 Multimedia Gallery

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.



Best jQuery websites design awards