Current Time (s):
Duration (s):
Volume (0-1):
Ready State: 0
Comment Area

Description

This demo will showcase how a player for Popcorn.js may be powered by Soundcloud's Flash audio player. This is done by making the flash audio player masquerade as HTML 5 media element.
Due to the Flash security model, this demo must be run from a web server


Custom controls have been developed and tied into their player for demo purposes.
Clicking play/pause or seeking in either the Soundcloud player or via custom controls will cause the other to update.
The Soundcloud audio can be specified in the HTML source by giving the Soundcloud song url to either the Popcorn.soundcloud constructor or as the div data-src attribute.
Specifying the source in the constructor will override any source specified on the container element.
Player width/height can be specified as container attributes (data-width, data-height), or as styles (width, height). Styles can be inline or CSS.
If no width or height are given, they default to '100%' and '81px' respectively.
Width/height precendence is in this order: constructor, container attributes, natural (manually given inline/CSS styles), default

Expected Events




Footnote Area
Attributions Area
Flickr Area
Twitter Area
Image Area
Google Feed Area
Web Page Area