## Easiest way to add player inside your expression

Default player will provide possibility to:

- search, add, edit, re-edit audio for expresion creators
- load and play this audio for expression viewers

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

- change UI outside player during playing, editing
- highlight custom play/pause controls depends on player state
- start to play next audio, if current audio is finished
- ... and much more :)

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:

- you can stop/pause all audios on your page, while you you are watching for one of audio.
- you can have custom playback controls, somewhere outside player
- you can play several audios one by one (using events as well)
- ... and much more :)

    <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