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>
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>