CCGallery - HTML5 Multimedia Gallery

CCGallery is a HTML5 multimedia gallery. It is very simple to use and can be configured easily through a XML file. It acts as a template which displays all your images, audio files and video files in a sleek and attractive interface. You get to browse the items in Coverflow mode or in a Thumbnail grid mode. You can easily switch between the two display modes and can even filter the items by displaying only images, or audio files, or video files. CCGallery has been designed in such a way that it is extremely easy to browse through a large number of items and also with enough eye candy!

The key features are:

• Display images, audio and video.
• Configure the gallery using a simple XML file.
• Two display modes – Coverflow and Thumbnail, with option to switch between the two. You can also choose which mode to load first.
• CSS 3D Transforms are used for the coverflow in supported browsers, which is hardware accelerated and thus resulting in smoother animations, which is especially noted in mobile devices such as iPad/iPhone. In unsupported browsers HTML5 Canvas is used.
• Plays audio and video natively in modern HTML5 browsers and switches over to Flash/Silverlight for older browsers by using Mediaelement.js.
• Can also embed Youtube and Vimeo videos.
• Filters items based on file type or based on custom categories, with a nice shuffling animation by using jQuery Quicksand plugin. You can also to choose to display a particular category on page load.
• Option to detect mobile devices so that these devices can be served low quality videos which are declared in an alternate XML file.
• The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width.
• Options to autoplay and loop audio and video files.
• Various handy keyboard shortcuts for easier browsing of the gallery.
• Scroll coverflow images using touch swipe in touch screen devices.
• Can make the thumbnail images in both the Thumbnails and Coverflow modes act as links to external pages. Option to open links in new window/tab.
• Two colour schemes (dark and light) are available.
• Change the styling of the gallery according to your needs by tweaking the CSS.

NOTE: The Coverflow mode uses a two step fallback mechanism. It first uses CSS 3D Transforms, and if it is not supported then HTML5 Canvas is used, which is supported in Firefox 3.0+, Safari 3.0+, Chrome 3.0+, Opera 9.5+ and IE9+. Older browsers that do not support Canvas will see a fallback animated effect for browsing files, so they still get to see a nicely working gallery.

Updated on 24 April, 2013 – version 4.1.1

• Made the gallery compatible with jQuery 1.9+ .
• Updated all helper scripts.

Updated on 25 October, 2012 – version 4.1

• Added the option to retain the volume setting of the player when it is closed, so that when it is opened again the previous volume level is set.
• The caption area in the modal overlay now displays the entire caption, whatever its size, without overflowing on the image/video/audio.
• Fixed a bug where the Coverflow images were not positioned correctly if the starting mode was Thumbnails.
• Fixed a bug where the thumbnail links were not working correctly in the Coverflow mode after filtering.
• Fixed a bug where the next/prev buttons were showing even when there was only one item after filtering.
• Fixed a bug where the presence of an image in the caption was causing problems in the Thumbnails mode.
• Fixed a bug where audio files were being loaded twice when the Flash player was active.
• Fixed a volume slider position bug in the Mediaelement.js player.

Updated on 25 September, 2012 – version 4.0

• The Coverflow mode now uses CSS 3d Transforms in browsers that support it, thus resulting in smoother animation, especially in mobile devices. In unsupported browsers HTML5 Canvas is used.
• The touch swipe functionality to browse the Coverflow images has been improved.
• The gallery now a features fluid responsive design thus enabling it to adapt to any browser window width and parent container width.
• Various small bug fixes.

Updated on 30 August, 2012 – version 3.1

• Added the option to remove the reflection of the coverflow images.
• Added the option to choose whether links added to gallery thumbnails will open in a new window or not.
• Coverflow images can be scrolled using touch swipe in touch enabled devices.
• The coverflow slider can now be used in touch enabled devices.
• Fixed a bug where the coverflow fade gradient, if disabled, was triggered when the browser window was resized.

Updated on 25 May, 2012 – version 3.0.1

• Fixed a few keyboard shortcut bugs when either the Lightbox or the Thumbnails mode was visible.

Updated on 21 May, 2012 – version 3.0

• Added prev/next buttons to the Lightbox in order to navigate through the items without closing the Lightbox.
• Added the option to turn off the faded effect at the edges of the Coverflow images section, thus allowing the gallery to be placed in any background.
• Added the option to mention the background colour for the gallery which will be used to generate the faded effect in the Coverflow. By default the body background colour is read.
• Added a new colour scheme – Light.

Updated on 11 February, 2012 – version 2.0

• Made the gallery design responsive to account for various screen sizes ranging from mobile phones to desktop browsers.
• Improved the Coverflow effect significantly. The effect is more smooth when flipping images quickly and also other optimizations have been made.
• Added the option to mention a starting item for the Coverflow mode.
• Added the option to play audio and video files in a loop.
• Added the option to make the thumbnails behave as links to external pages.
• Added more keyboard shortcuts – pressing ENTER opens overlay modal box, and pressing ESC close overlay.

Updated on 13 November, 2011 – version 1.4

• Added the option to enable autoplay of audio and video files once the modal overlay box containing the media player shows up. Youtube and Vimeo videos also get autoplayed.
• Added the option to display only a particular category of items when the page first loads.
• Fixed a bug regarding filtering based on custom categories.

Updated on 28 July, 2011 – version 1.3

• Added the option to filter items based on custom categories.
• Fixed a bug that was preventing the loading of the alternate XML file for mobile devices, if the user chose that option.
• Increased the size of the video player in the modal overlay.

Updated on 10 June, 2011 – version 1.2

• Added the option to detect mobile devices so that these devices can be served low quality videos which are declared in an alternate XML file.
• Item titles are now displayed below active Coverflow images.
• Fixed an IE9 bug which was causing Coverflow images to not display there if option to load Thumbnail mode first was chosen.

Updated on 29 May, 2011 – version 1.1

• Added the option to choose whether CCGallery will load the Coverflow or Thumbnails mode first.
• Fixed a bug in IE9 that was causing audio/video files to not play there.
• Fixed a bug in IE8 that was caused after an audio/video file was played.

Continue Reading…

Real 3D FlipBook - jQuery Plugin

PDF TO FLIPBOOK

Create the flipbook directly from a PDF file. Just enter the url of your pdf book / magazine / brochure and the flip’book will be automatically generated without any additinal conversion

JPG / PNG TO FLIPBOOK

If you don’t have a pdf file you can also create the flipbook from jpg or png images. Multiple file upload is supported so you can upload all your pages at once.

CROSS PLATFORM & CROSS BROWSER SUPPORT

The flipbook has a multiple fallback modes that enables it to work on all platforms – desktop & mobile. The default WebGl mode offers realistic 3D page flip animations with page bending, lights and shadows. This mode is supported on most desktop browsers. In case WebGl is not supported there is a fallback CSS3D mode that uses only CSS3 animations. This mode works on all modern desktop & mobile browsers. There is also 2D mode with only jQuery animations.

LIGHTBOX MODE, NORMAL MODE, FULLSCREEN MODE

With lightbox mode you can put a text link or an image link anywhere on your site and by clicking on a link the flipbook will be opened in a lightbox. This way you can have multiple books / magazines / brochures on the same page.

Normal mode – you can create a flipbook inside a div with optional size

FUlscreen mode – you can create a flipbook that covers the entire page

DEEP LINKING

Link to specific page from URL

RTL

Right to left flpibook for eastern countries

FEATURES

• the most realistic paper animation
• real 3d – lights, shadows, page bending
• easy to use and customize
• responsive design – book resizes so it fits screen width or screen height depending on the layout, thumbnails are placed horizontally or vertically depending on the layout
• optimized for mobile – look and feel of a native app on mobile with touch swipe, pinch zoom etc
• no Flash Player needed to run
• smart page loading – only current pages are loaded
• choose between 3 types of flip animation – webgl realistic 3d, jquery 2d or CSS3 3d flip animation customizable animation speed and transition type
• show all pages – thumbnails
• table of content – customizable
• advanced zooming support with mouse wheel zoom on desktop, pinch zoom on mobile, scrollbars when zoomed, touch swipe, click and drag
• zoom in and out buttons
• real fullscreen support – if fullscreen is not supported by the browser, the icon will not be shown in the menu, if fullscreen is supported it will expand the book in real full screen mode, not browser full screen
• retina friendly icons – icon font used for menu icons, fully customizable – change color, size, add drop shadow ect.
• customizable menu – use only icons that you need
• social share – facebook, twitter, google plus. linkedin
• 3 skins included, customizable skins through CSS
• 10 background patterns included
• well documented

Change log

30.9.2014. v 3.2

• Fix for fonts in pdf flipbook
• Fix for deeplinking bug in CSS3D mode
• Fix for menu resizing for small screens

12.6.2014. v 3.2

• added preloader animation for pdf mode
• changed “go to page” animation – much faster flip to target page
• fix for rendering errors with some pdf files

11.6.2014. v 3.1

• added deeplinking
• added event “onTurnPageComplete”
• social share buttons -add as many buttons as you want
• bug fixes

28.5.2014. v 3.0

• PDF support added – you can create a flipbook directly from PDF file
• flip sounds added
• option to open lightbox in fullscreen
• IE9 compatibility issue fixed
• bug fixes

8.3.2014. v 2.2

• bug fixes
• download pages
• view / download pdf
• option to show table of conteent on start
• option to show thumbnails on start
• option to choose skin, light or dark
• font-awesome icons

2.11.2013. v 2.1

• progressive page loading
• right to left mode for eastern countries
• added intro animation
• bug fixes with mouse events

2.8.2013.

• fixed resizing in portrait mode
• fixed bug in css3d mode in IE (missing image icon on the left page)

12.5.2013. v2.0

• bug fix – pageWidth and pageHeight
• bug fix – if a link is clicked the page will not turn
• bug fix – css classes renamed
• zoom changed to real 3d camera zoom instead of scaling the canvas
• rotate camera with mouse when not zoomed
• move camera when zoomed
• set min and max camera pan and tilt angles
• documentation updated
• added more social icons
• bug fixes for IE

Continue Reading…

HTML5 Video Gallery with Youtube

HTML5 Video Gallery with a cool ‘Live playlist’ feature could be used as video gallery, video player or any kind of video showcase. All demo examples includedin the download package for easy setup.

Options:

• Only mp4 video format required for all browsers and devices
• Responsive layouts
• Multiple instances in same page supported (example included)
• Youtube API V3
• Single video
• Youtube playlist
• Youtube channel
• Youtube user channels
• Youtube video search
• Playlist types availabile
• HTML markup
• XML playlist (example included)
• Read folder of videos
• Mix together Youtube and MP4 videos to create any kind of playlist
• Optional deeplinking with jquery address
• Optional automatically generated video thumbnails and description for Youtube
• You can use your own thumbnails and video info for Youtube as well.
• Video subtitles, captions support in srt/vtt format for html5 video.
• Wall layout features
• Optional Lightbox attached to videos
• Optional web links attached to videos
• Empty video click actions (run your own actions on video click)
• ‘Live preview’ feature is optional (automatically play video on playlist item rollover)
• Optional right click context menu
• Optional video download (specify your own path)
• Youtube video search option for Youtube
• Optional Youtube suggested video quality
• Video quality option (for youtube grabs all available qualities automatically, for mp4 videos any number of qualities can be set)
• Optional pre roll ads with skip advance and link settings (video adverts)
• Video adverts can have optional quality, subtitles and description as well like the main video
• Video aspect ratio (original, fit inside, fit outside)
• Optional video autoplay
• Optional random play
• Optional video looping
• Optional auto advance to next video
• Optional auto hide controls
• Optional description
• Optional auto open description
• Optional player logo with link
• Public API available
• Play media
• Pause media
• Toggle media
• Next media
• Previous media
• Destroy media
• Destroy playlist
• Seek
• Toggle description
• Get title
• Get description
• Load media or playlist
• Get playlist data
• add Track(s) to playlist
• remove Track(s) from playlist
• Skip Intro
• Callbacks available
• Setup Done
• Playlist End
• Playlist Loaded
• Item Triggered
• Video Start
• Video End
• Play
• Pause
• Playlist Item Enabled
• Playlist Item Disabled
• Playlist Item Rollover
• Playlist Item Rollout
• Playlist Empty
• Fullscreen Enter
• Fullscreen Exit
• Caption (subtitle) change
• Quality change

Updates / Changelog

17.2.2015

version 4.1

• updated subtitles to srt / vtt format
• updated big play btn over video area
• updated youtube suggested quality

27.1.2015

version 4.0

• only mp4 video format required for all browsers
• update to Youtube api V3
• updated live playlist layout

17.12.2014

version 3.65

• only mp4 video format required for all browsers

13.8.2014

version 3.63

• updated youtube for http and https

26.7.2014

version 3.62

• fixed some bugs with ios

25.6.2014

version 3.61

• Updated captions to load single xml file
• added HTML5 fullscreen for IE11

15.6.2014

version 3.6

• subtitles / captions now available for html5 video and youtube
• added optional right click context menu
• many overall improvements

31.5.2014

version 3.51

• added social share icons
• added fix for ios chrome popup issue:http://stackoverflow.com/questions/14637937/window-opener-not-set-in-ios-chrome

23.5.2014

version 3.5

• added optional video download (specify your own path)
• added youtube video search option
• added video quality option (for youtube grabs all available qualities automatically, for mp4/ogv/webm videos any number of qualities can be set)
• added optional pre roll video adds with skip advance (video advert)
• added optional timed html elements over video (mid roll adds)
• added optional chapters through video (specify video time and chapter caption)
• new improved API methods
• new callbacks
• new demos
• improved wall HTML markup
• lightbox changed to fancybox2 in wall layout
• added database playlist option (+ examples included)
• added media_id identifier in settings for multiple players (automatically pause/play multiple players in same page)
• added button tooltips
• multiple players in same page supported (example included)
• updated flash embedding for multiple players
• fixed caption menu position
• fixed safari jquery address back from first item issue
• many small improvements

9.3.2014

version 3.12

• updated youtube issue http://code.google.com/p/gdata-issues/issues/detail?id=5788

8.2.2014

version 3.1

• added HTML5 captions support
• redesigned player controls (+ font awesome icons)
• added timer for hiding player controls in fullscreen
• added social icons
• updated youtube mobile playback
• fixed webm support query

22.12.2013

version 3.03

• changed autoplay to on after first play
• added click touch on video

3.10.2013

version 3.02

• update to jquery 1.10.2

15.8.2013

version 3.01

• fixed youtube tooltip value
• playlist reordering and process important fix for mixed playlists

8.8.2013

version 3.0

• whole layouts made completely responsive
• other minor overall code imporvements

10.7.2013 version 2.3

• added XML playlist
• added folder playlist (automatically load videos from folders)
• added option to choose between ogv and webm video format

30.4.2013

version 2.21

• added youtube fullscreen button in all browsers
• added youtube option to play highest video quality available

17.2.2013

version 2.2

• update to jquery 1.9.1
• update jquery address (for deeplinking) for jquery 1.9.1
• update prettyphoto for jquery 1.9.1
• removed mini toggle button (w_toggle) in widget example (was causing unwanted problems on mobile with video)

29.12.2012

version 2.1

• improved youtube filtering (private, deleted, restricted videos)
• video paths separated in index files (mp4, ogv, webm)
• local video fullscreen improved
• video updated for IOS 6
• improved flash backup for older browsers
• optional playlist
• new layouts included (no playlist example, widget example, video wall examples with optional Prettyphoto)
• overall bug fixes and code improvements

Continue Reading…

CCSlider - jQuery 3d Slideshow Plugin

Wordpress Plugin Version Available Here

CCSlider is an unique jQuery slideshow plugin. It supports 3d transitions! There are 14 stunning 3d transitions available, and also 16 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The slider is fully responsive, works in mobile devices and supports touch gestures to navigate through the slides. The plugin also supports HTML captions, autoplay of slides, custom HTML content and custom transitions per slide. See below for a list of features available in the plugin.

Features

• 14 HTML5 Canvas based 3d animated effects.
• 16 stylish 2d animated effects.
• Fallback to a 2d effect of your choice for browsers that don’t support HTML5 Canvas. Can also mention an animation speed for the fallback effect.
• Option to mention the number of slices for 3d effects.
• Option to mention the animation delay between individual slices.
• Can also mention in which direction the delay will propagate. There are four such directions.
• Option to mention the offset along z-axis and the separation between slices while animating for 3d effects.
• Mention an easing option of your choice for 3d effects.
• Can mention custom transition parameters for each slide.
• Option to have a shadow for “Cube” 3d effects. Can also mention a shadow color of your choice.
• Option to use transparent png images as slide images for 3d effects.
• Supports HTML captions. There are 4 available caption positions – bottom, top, left, right.
• Each slide can have a different caption position.
• Captions can have animated transitions (fade, slide) or none at all.
• Option to have control links to individual slides. Can also have thumbnails as links.
• Each slide image can also act as a link to an external page.
• Supports custom HTML content for each slide. These contents appear over the slide images. You can style and animate them anyway you want. You can also embed videos in the slides using this option.
• Autoplay option. Play/pause buttons are generated when Autoplay option is chosen. In supported browsers HTML5 Page Visibility API is used to stop autoplay when the tab/window containing the slider is out of focus and autoplay is resumed when the tab/window is again in focus, and this helps in preventing unnecessary power and CPU resources consumption.
• Option to pause Autoplay when hovering over slider.
• Fully responsive and works in all screen sizes ranging from desktop to mobile browsers.
• Can navigate through slides using touch gestures in iOS, Android and other touch-screen devices.
• Options for callback functions are provided that execute either before or after a slide changes. Custom events for these ‘before’ and ‘after’ slide change events are also provided.
• Helpful API functions are provided, such as next(), prev(), start(), stop(), goToSlide() and destroy(), which allow for programmatic manipulation of the slideshow.

NOTE: The 3d effects will run only on browsers that support HTML5 Canvas. On the other hand the 2d effects will run on most available browsers. If you choose a 3d effect then you can mention a 2d effect of your choice for browsers that don’t support Canvas. Internet Explorer 8 and below do not support Canvas, but IE 9 and above supports it.

Updated on 22 April, 2013 – version 3.0.2

• The slider is now compatible with jQuery 1.9+ .
• The slider uses HTML5 Page Visibility API, in supported browsers, to stop autoplay when the tab/window containing the slider is out of focus, and resumes autoplay when the tab/window is again in focus.

Updated on 27 June, 2012 – version 3.0.1

• Fixed a bug in which the slider stopped working when the prev/next buttons were disabled in the 3d mode.

Updated on 16 June, 2012 – version 3.0

• The slider now features a fully responsive layout
• Slides can be navigated using touch gestures in touch-screen devices
• Four caption positions have been provided which are “top”, “bottom”, “left” and “right”
• Each slide can have a different caption position

Updated on 17 January, 2012 – version 2.0.1

• Fixed a bug regarding inactive image links on the first slide on page load.
• Image links on being clicked now open pages in the same window.
• Updated the documentation.

Updated on 6 January, 2012 – version 2.0

• Added support for custom transitions per slide.
• Added support for custom HTML content per slide, which users can style and animate anyway they want.
• Slide images can now serve as links to external pages.
• Added 4 new 3d effects.
• Added 6 new 2d effects.
• 3d effects now have extra option parameters for specifying offset along z-axis, separation distance between slices and delay propagation direction. Also rows and columns parameters are there for the new ‘grid’ 3d effects.
• CCSlider now provides API functions such as next(), prev(), start(), stop(), goToSlide() and destroy().
• Custom events corresponding to ‘beforeSlideChange’ and ‘afterSlideChange’ callback functions are provided.
• Option to use transparent png images as slide images for 3d effects.
• Performance improvement in Canvas based 3d effects.
• Various small bug fixes.

Updated on 27 May, 2011 – version 1.1.1

• Fixed a bug in IE9 that was causing the slider images to not display there.
• Fixed a bug that was caused when both autoPlay and pauseOnHover options were enabled.

Updated on 3 March, 2011 – version 1.1

• Added the option to randomize the effects between slides. Details in the documentation.
• Added option to start slideshow at any slide.

More Items by CosmoCoder

Continue Reading…

HTML 5 AJAX Contact Form

v1.71 Released – November 25, 2012

Your visitors won’t be able to stop themselves contacting you with this baby. The HTML5 AJAX Contact Form utilises cutting edge HMTL5 code and CSS3 animations to make your contact page elegant and ultra-usable.

Live Demo

You can view a demo of the form itself live!

Features include:

• Fully valid HTML5 code including inline form validation
• Animated inputs on focus
• jQuery functionality animates the form on submission failure or acceptance
• ‘Are you human?’ Verification

Best viewed in Safari and Chrome

Changelog

2012-11-25 - v1.71
 * Fix: Verification code sometimes failed

2012-09-12 - v1.7
 * Fix: Verification code incorrect message

2012/09/12 - v1.6
 * New: Added checkbox + radio sample
 * Fix: Submit button sometimes stayed in its disabled state
 * Tweak: Organize files into folders
 * Tweak: Update contact.php to be more clear to edit
 * Tweak: Serialize all form values via JS, don't have to define them each in JS anymore

13/11/2011 - v1.5 Configurable shake effect. HTML5 W3 validation. Undefined index fix & error suppression removal. Make verification text easier to read.
11/04/2011 - v1.4 Yellow marks gone. Type gone on select. Cookie fallback added to image verification.
11/03/2011 - v1.3 Verification improvements.
06/09/2010 - v1.1 Released. Adds image verification.
27/08/2010 - v1.0 Released for Public Sale.

Continue Reading…

HTML5 Audio Player with Playlist

ULTIMATE RESPONSIVE HTML5 audio player with HUGE amount of options and possibilities.

Restyle the player with css into pretty much anything! Check the demo examples to get you imagination going.

All demo examples included in the download package for easy setup.

Note: Volume cannot be adjusted with javascript on mobile IOS. This is a restriction from Apple. You need to adjust the volume with physical button the actual phone.

View this on your mobile phone:

Options:

• Playlist options available
• HTML markup
• XML playlist (xml examples included)
• DATABASE playlist (sql examples included)
• Auto create playlist from folder(s) of mp3 files (plus optional reading of ID3 tags)
• Podcasts
• SoundCloud (track set, user tracks, single track, user favorites, user groups)
• Youtube
• Official FM (single track, playlist tracks, project tracks)
• Inline text/image links
• Support for Shoutcast servers that have mp3 streaming.
• FLASH fallback included for older browsers that dont support HTML5 audio.
• Load any type of playlist through XML or HTML markup, or DATABASE
• Mix multiple playlists/songs types together
• Playlists/songs come in a HTML and OBJECT forms
• optional song download (multiple choices, global download vs individual per playlist item)
• download backup for IOS (send download link to email)
• soundcloud results limit, podcast results limit, youtube playlist results limit, oficial.fm results limit
• Uninterrupted audio playback across web pages (popup player is a separate window and browse your website while listening to music without interuptions!
• optional auto open player in popup supported
• switch between player in normal window and in popup window while keeping player settings like current playlist, active item, volume etc..
• load visible / hidden playlist
• add visible / hidden tracks to playlist
• remove visible / hidden tracks from playlist
• Hugely powerful API included.
• Include multiple instances on the same page.
• Multiple instances automatically pause/stop playback when new sound is started.
• Optional playlist scroll is jScrollPane.
• optional sortable and draggable playlist items with optional remove buttons (drag songs from your own container into the playlist/player, drag and sorts songs from multiple players etc… with TOUCH PUNCH)
• Optional playlist item link to url
• Optional playlist item remove button
• Optional song artwork (auto generated audio thumbnails).
• automatically create titles, thumbnails or both in playlist items
• optional vertical volume
• optional autoHide volume
• optional circular progress (with whole new demo examples)
• optional keyboard events for audio navigation
• Public API methods available
• Play audio
• Pause audio
• Toggle audio (play/pause)
• Stop audio (unload)
• Next audio
• Previous audio
• Load audio
• Load playlist
• Add visible/hidden track(s) to current playlist
• Remove visible/hidden track(s) from current playlist
• Input audio (play sound without creating any kind of playlist data)
• Toggle shuffle
• Toggle loop
• Destroy audio
• Destroy playlist
• Check scroll
• Reinitialize scroll


• Get/set volume
• Get/set autoplay
• Set title
• Get Setup Done
• get Playlist Transition
• Get Playlist Loaded
• Get Media Playing
• get Audio inited
• Get Media type
• Get Active item
• get Playlist item(s)
• get Playlist hidden
• get Playlist list
• Get Media count
• Get Playlist data
• Get Sound ID


• Playlist items ordering methods
• Reverse playlist items
• Randomise playlist items
• Remap playlist items from array
• Swap two playlist items position
• Callbacks available
• Setup Done
• Playlist Loaded
• Playlist End
• Sound Play
• Sound Pause
• Sound Start
• Sound End
• Playlist Item Triggered
• playlist Item Enabled
• playlist Item Disabled
• Playlist Item Rollover
• playlist Item Rollout
• on Playlist Empty
• on Drop Receive



Updates / Changelog

12.2.2015

version 3.11
• fixed bug with player seekbar and volume size on start

22.12.2014

version 3.1
• fixed soundcloud favorites

2.5.2014

version 3.09
• fixed email link to file download if file name contain spaces

9.3.2014

version 3.07
• updated youtube issue http://code.google.com/p/gdata-issues/issues/detail?id=5788

2.2.2014

version 3.06
• fixed tooltip volume and seek offset
• download now works with spaces in file names

20.1.2014

version 3.05
• removed onbeforeunload event popup html files

11.1.2014

version 3.04
• fixed bug with autoOpenPlayerInPopup
• fixed sortable scroll offset fix
• added getid3 cache bust

21.12.2013

version 3.03
• changed icon names/paths (download, trackUrlIcon, trackDownloadIcon)
• fixed download in createTrackFromData
• added option to sort files loaded from folder on title
• new demo (index_playlist_selector_with_scroll.html) + updated jscroll pane container height settings when adding/removing tracks
• added option to parse id3 tags from mp3 files from folder

13.11.2013

version 3.01
• cleaned/improved flash embedding code

9.11.2013

version 3.0 MAJOR UPDATE!
• update sound engine to html5 audio
• responsive layouts included
• new skins included (light and dark)
• optional sortable and draggable playlist items with optional remove buttons (drag songs from your own container into the playlist/player, drag and sorts songs from multiple players etc…)
• many sortable/draggable demos included (with TOUCH PUNCH)
• optional song artwork (auto generated audio thumbnails), demos included
• stream youtube audio
• added option to load playlist from DATABASE (examples included)
• play oficial.fm music (single tracks, playlists, projects)/li>
• optional song download (multiple choices, global download vs individual per playlist item)
• download backup for IOS (send download link to email)
• new soundcloud addition: play soundcloud groups
• added soundcloud results limit, podcast results limit, youtube playlist results limit, oficial.fm results limit
• Uninterrupted audio playback across web pages – popup player is a separate window and browse your website while listening music without interuptions!
• optional auto open player in popup supported
• switch between player in normal window and in popup window while keeping player settings like current playlist, active item, volume etc../li>
• load visible / hidden playlist
• add visible / hidden tracks to playlist
• remove visible / hidden tracks from playlist
• create inline text or image song links (demo included)
• new and improved API methods
• new and improved API callbacks
• fixed playlist reordering bug and completely rewritten playlist processing
• optional vertical volume
• optional autoHide volume
• optional circular progress (with whole new music player demo examples)
• optional keyboard events for audio navigation
• optional playlist item rollovers with API callbacks
• automatically create titles, thumbnails or both in playlist items
• many other code improvements/fixes/options/additions
• many new demo examples included!

Continue Reading…