jquery.utAudio live code samples

Easiest way to add player inside your expression

Default player will provide possibility to:

Your video container must have uniq id, same in edit and view mode

<div id="player0"></div>

Default skin adapts itself for any form factor

minimal width 150px,
minimal height 110px

<div id="player0"></div>

Error screen (wrong service) defined in the URl

minimal width 150px,
minimal height 110px

<div id="player0"></div>

Can be usefull for "original-remake" or "tag this audio" expressions, where expression creates around pre-defined audio. RESTRICTION: for now working only for soundcloud tracks

<div id="player0"></div>

In case of static audio, you can disable ability to edit it

<div id="player0"></div>

Custom id parameter required if DOM ID of container is not specified

<div id="player myplayer"></div>

Custom way to add, remove audios

It can be usefull if you want to create audio panel dynamicly. For example, some audio-playlists, audio-walls, audio-slideshows and etc.

<div id="player myplayer"></div>
Embed audio
Destroy

For some cases it can be usefull to listen for player's events. Example: You can

Open your browser console to check it ;)

<div id="player myplayer"></div>

Public methods

Player support "play", "pause" and "stop" methods,
as well as "change" and "destroy" (check part "Custom way to add, edit, remove audios").
As example of usage:

<div id="player myplayer"></div>
15s
0.2
0.8
Dialog

Show hide UI elements

You can create your own skin by creating css file based on default skin. This functionality is experemental, but you can check the example here:
Source on github
Live example