diff --git a/.gitattributes b/.gitattributes
index 7ee2e126f36744973dc60d8729fedd90cc1a0fa7..b581efd56c0a7468ffcd4a4caf5821ae3f949bea 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -3007,9 +3007,23 @@ public/admin/images/zone/zone_5.jpg -text
public/admin/images/zone/zone_6.jpg -text
public/admin/images/zone/zone_7.jpg -text
public/admin/js/audiojs/LICENSE -text
+public/admin/js/audiojs/Manifest -text
+public/admin/js/audiojs/README.md -text
+public/admin/js/audiojs/Rakefile -text
+public/admin/js/audiojs/audiojs/audio.js -text
public/admin/js/audiojs/audiojs/audio.min.js -text
+public/admin/js/audiojs/audiojs/audiojs.as -text
public/admin/js/audiojs/audiojs/audiojs.swf -text svneol=unset#unset
+public/admin/js/audiojs/audiojs/audiojs2.swf -text svneol=unset#unset
public/admin/js/audiojs/audiojs/player-graphics.gif -text svneol=unset#unset
+public/admin/js/audiojs/audiojs/player-graphics_blue.gif -text svneol=unset#unset
+public/admin/js/audiojs/audiojs/style-dark.css -text
+public/admin/js/audiojs/audiojs/style-light.css -text
+public/admin/js/audiojs/audiojs/vol-graphics.png -text svneol=unset#unset
+public/admin/js/audiojs/demos/test1.html -text
+public/admin/js/audiojs/demos/test4.html -text
+public/admin/js/audiojs/demos/test6.html -text
+public/admin/js/audiojs/includes/divider.png -text svneol=unset#unset
public/admin/js/audiojs/includes/index.css -text
public/admin/js/audiojs/index.html -text
public/admin/js/cacheimages.js -text
diff --git a/application/modules/opac/controllers/NoticeajaxController.php b/application/modules/opac/controllers/NoticeajaxController.php
index 61b9ba0661d1eb974cc91e295a43a4e30643d71f..5d360c9e9f5fd4733774277d9d6e82beaafc280e 100644
--- a/application/modules/opac/controllers/NoticeajaxController.php
+++ b/application/modules/opac/controllers/NoticeajaxController.php
@@ -282,8 +282,6 @@ class NoticeAjaxController extends Zend_Controller_Action {
$morceaux["id_notice"]=$notice["id_notice"];
}
$morceaux["auteur"]=$notice["A"];
- Class_ScriptLoader::getInstance()->loadJQuery();
- $this->view->audioJsPlayer();
$html=$this->notice_html->getMorceaux($morceaux,$source);
$this->_sendResponse(Class_ScriptLoader::getInstance()->html().$html);
}
diff --git a/doc/extern_libs.txt b/doc/extern_libs.txt
index c8ccec177adbf3b8a7b85bd68af3fc1339181d17..6380c0a660f9ac1b1b90888fb1ff69ea277d9111 100644
--- a/doc/extern_libs.txt
+++ b/doc/extern_libs.txt
@@ -31,6 +31,7 @@
| JQuery PlaceHolder plugin | MIT/GPL | | compat IE | | https://github.com/mathiasbynens/jquery-placeholder |
| OSM Player | GPL v3 | | player multimedia | | http://mediafront.org/osmplayer/index.html#.UFB0Q3lOpw4 |
| jQuery Mobile Icon Pack | CC BY 3.0 + MIT / GPL | | icônes version téléphone | | https://github.com/commadelimited/jQuery-Mobile-Icon-Pack |
+| AudioJS | MIT | | lire les morceaux notices GAM | X (css) | http://kolber.github.com/audiojs/ |
| | | | | | |
diff --git a/library/Class/NoticeHtml.php b/library/Class/NoticeHtml.php
index 7aa64955501328809bd3db4f2829f42a5a509bca..6d21c99642eb29dd65637c933422d79e1020c6c3 100644
--- a/library/Class/NoticeHtml.php
+++ b/library/Class/NoticeHtml.php
@@ -566,6 +566,8 @@ class Class_NoticeHtml {
{
$ix= new Class_Indexation();
$html=$this->haut_onglet;
+ $audio_js_player = new ZendAfi_View_Helper_AudioJsPlayer();
+
if(!$notice["morceaux"]) return $html.$this->getNonTrouve();
$html.='<table width="100%">';
$html.=sprintf('<tr><td class="notice_info_titre" align="left" colspan="4">%s : %s</td></tr>',
@@ -617,13 +619,9 @@ class Class_NoticeHtml {
"afficher_media('".$id_div."','close','')",
$this->_translate->_("Replier"),
$this->_translate->_("Replier"));
+
if (isset($morceau["url_ecoute"]))
- {
- $id_morceau="morceau_".$plage;
- $img_ecoute='<div id="'.$id_morceau.'">';
- $img_ecoute.='<audio src="'.$morceau["url_ecoute"].'" controls="controls">';
- $img_ecoute.='</div>';
- }
+ $img_ecoute .= $audio_js_player->audioJsPlayer($morceau["url_ecoute"]);
}
// Html
diff --git a/library/ZendAfi/View/Helper/AudioJsPlayer.php b/library/ZendAfi/View/Helper/AudioJsPlayer.php
index 7328b1d481827019481e139fb56ca063b4318cde..d5ac8b58946ac0138922e580902ed8d4eb2a7690 100644
--- a/library/ZendAfi/View/Helper/AudioJsPlayer.php
+++ b/library/ZendAfi/View/Helper/AudioJsPlayer.php
@@ -26,13 +26,17 @@ class ZendAfi_View_Helper_AudioJsPlayer extends Zend_View_Helper_HtmlElement {
* $this->audioJsPlayer();
* Voir: http://kolber.github.com/audiojs/
*/
- public function audioJsPlayer() {
+ public function audioJsPlayer($src) {
$options = ['swfLocation' => URL_ADMIN_JS.'audiojs/audiojs/audiojs.swf',
'imageLocation' => URL_ADMIN_JS.'audiojs/audiojs/player-graphics.gif'];
- return Class_ScriptLoader::getInstance()
+ Class_ScriptLoader::getInstance()
+ ->loadJQuery()
+ ->addStyleSheet(URL_ADMIN_JS.'audiojs/audiojs/style-light.css')
->addAdminScript('audiojs/audiojs/audio.min.js')
->addInlineScript(sprintf('audiojs.events.ready(function() {audiojs.createAll(%s);})',
json_encode($options)));
+
+ return '<audio controls="controls"><source src="'.$src.'"></audio>';
}
}
diff --git a/public/admin/js/audiojs/Manifest b/public/admin/js/audiojs/Manifest
new file mode 100644
index 0000000000000000000000000000000000000000..0e36b43f64aba7959db63276bc1f4e0d33ec6039
--- /dev/null
+++ b/public/admin/js/audiojs/Manifest
@@ -0,0 +1,5 @@
+audiojs/audio.min.js
+audiojs/audiojs.swf
+audiojs/player-graphics.gif
+includes/index.css
+index.html
\ No newline at end of file
diff --git a/public/admin/js/audiojs/README.md b/public/admin/js/audiojs/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..9eae82aae508eb8f706294caa535aec93e528897
--- /dev/null
+++ b/public/admin/js/audiojs/README.md
@@ -0,0 +1,70 @@
+# audio.js
+
+audiojs is a drop-in javascript library that allows HTML5's `<audio>` tag to
+be used anywhere. It uses native `<audio>` where available and falls back
+to an invisible flash player to emulate it for other browsers. It also serves
+a consistent html player UI to all browsers which can be styled used standard css.
+
+It plays mp3s. **No ogg**. Because, lets be honest, in the real world, no one
+really exports ogg files. Sadly, that means Opera and Firefox get flash audio.
+Hopefully they can add mp3 support soon.
+
+## Usage
+
+1. Put `audio.js`, `style-light.css`, `player-graphics.gif` & `audiojs.swf` in the same folder.
+
+2. Include `style-light.css`:
+
+ <link rel="stylesheet" href="style-light.css" media="screen">
+
+3. Include `audio.js`:
+
+ <script src="/audiojs/audio.js"></script>
+
+4. Initialise audiojs:
+
+ <script>
+ audiojs.events.ready(function() {
+ var as = audiojs.createAll();
+ });
+ </script>
+
+5. Then you can use `<audio>` wherever you like in your HTML:
+
+ <audio src="/mp3/juicy.mp3" preload="auto" />
+
+## Bugs / Contributions
+
+- [Report a bug](https://github.com/kolber/audiojs/issues)
+- To contribute or send an idea, github message me or fork the project
+
+## Build
+
+On OSX, you should install [closure compiler](http://closure-compiler.googlecode.com/files/compiler-latest.zip) following the instructions in
+[Ben's gist](https://gist.github.com/739724).
+
+Then you can run `rake compile` from root directory and it will package `audio.js`
+into `audio.min.js`.
+
+## Compiling Flash from the command line
+
+If you want to mess around with the flash-side of things, you will need to be
+able to compile the `.as` file into a `.swf`.
+
+Using the Flex SDK (which is free), flash movies can be compiled
+directly from the command line. It makes life that little bit less painful.
+
+### Installing mxmlc
+
+1. Download and unzip the current 'Milestone Release' 'Open Source Flex SDK' from:
+ <http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4>
+
+2. Copy the `bin` folder to `/usr/local/bin/flex/bin/`
+
+3. Add `/usr/local/bin/flex/bin/` to your `PATH`
+
+### Compiling the SWF
+
+Run the following command from within the `audiojs` folder.
+
+ mxmlc audiojs.as
\ No newline at end of file
diff --git a/public/admin/js/audiojs/Rakefile b/public/admin/js/audiojs/Rakefile
new file mode 100644
index 0000000000000000000000000000000000000000..9924df3cd6b47d9cd280f21bf1b6b59b693783fb
--- /dev/null
+++ b/public/admin/js/audiojs/Rakefile
@@ -0,0 +1,21 @@
+desc "Compile and commit new build to git"
+task :build => [:compile, :commit_build]
+
+desc "Build audio.js to audio.min.js"
+task :compile do
+ `closure --js=audiojs/audio.js --compilation_level=SIMPLE_OPTIMIZATIONS --js_output_file=audiojs/audio.min.js --warning_level=QUIET`
+end
+
+task :commit_build do
+ `git commit audiojs/audio.min.js -m "Closure compiled \`git rev-parse HEAD\`"`
+end
+
+desc "Zip up a release"
+task :release => :compile do
+ `cat Manifest | zip -9 -@ audiojs.zip`
+end
+
+#desc "Run the test suite"
+#task :test do
+# `open -a Safari test/suite.html`
+#end
diff --git a/public/admin/js/audiojs/audiojs/audio.js b/public/admin/js/audiojs/audiojs/audio.js
new file mode 100644
index 0000000000000000000000000000000000000000..9307936dacc4d495cee0c2d61b502d48ebf77cad
--- /dev/null
+++ b/public/admin/js/audiojs/audiojs/audio.js
@@ -0,0 +1,673 @@
+// A cross-browser javascript shim for html5 audio
+(function(audiojs, audiojsInstance, container) {
+ // Use the path to the audio.js file to create relative paths to the swf and player graphics
+ // Remember that some systems (e.g. ruby on rails) append strings like '?1301478336' to asset paths
+ var path = (function() {
+ var re = new RegExp('audio(\.min)?\.js.*'),
+ scripts = document.getElementsByTagName('script');
+ for (var i = 0, ii = scripts.length; i < ii; i++) {
+ var path = scripts[i].getAttribute('src');
+ if(re.test(path)) return path.replace(re, '');
+ }
+ })();
+
+ // ##The audiojs interface
+ // This is the global object which provides an interface for creating new `audiojs` instances.
+ // It also stores all of the construction helper methods and variables.
+ container[audiojs] = {
+ instanceCount: 0,
+ instances: {},
+ // The markup for the swf. It is injected into the page if there is not support for the `<audio>` element. The `$n`s are placeholders.
+ // `$1` The name of the flash movie
+ // `$2` The path to the swf
+ // `$3` Cache invalidation
+ flashSource: '\
+ <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="$1" width="1" height="1" name="$1" style="position: absolute; left: -1px;"> \
+ <param name="movie" value="$2?playerInstance='+audiojs+'.instances[\'$1\']&datetime=$3"> \
+ <param name="allowscriptaccess" value="always"> \
+ <embed name="$1" src="$2?playerInstance='+audiojs+'.instances[\'$1\']&datetime=$3" width="1" height="1" allowscriptaccess="always"> \
+ </object>',
+
+ // ### The main settings object
+ // Where all the default settings are stored. Each of these variables and methods can be overwritten by the user-provided `options` object.
+ settings: {
+ autoplay: false,
+ loop: false,
+ preload: true,
+ initialVolume: 0.5,
+ imageLocation: path + 'player-graphics.gif',
+ swfLocation: path + 'audiojs.swf',
+ useFlash: (function() {
+ var a = document.createElement('audio');
+ return !(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, ''));
+ })(),
+ hasFlash: (function() {
+ if (navigator.plugins && navigator.plugins.length && navigator.plugins['Shockwave Flash']) {
+ return true;
+ } else if (navigator.mimeTypes && navigator.mimeTypes.length) {
+ var mimeType = navigator.mimeTypes['application/x-shockwave-flash'];
+ return mimeType && mimeType.enabledPlugin;
+ } else {
+ try {
+ var ax = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
+ return true;
+ } catch (e) {}
+ }
+ return false;
+ })(),
+ // The default markup and classes for creating the player:
+ createPlayer: {
+ markup: '\
+ <div class="play-pause"> \
+ <p class="play"></p> \
+ <p class="pause"></p> \
+ <p class="loading"></p> \
+ <p class="error"></p> \
+ </div> \
+ <div class="scrubber"> \
+ <div class="progress"></div> \
+ <div class="loaded"></div> \
+ </div> \
+ <div class="time"> \
+ <em class="played">00:00</em>/<strong class="duration">00:00</strong> \
+ </div> \
+ <div class="volume"> \
+ <div class="level"></div> \
+ </div> \
+ <div class="error-message"></div>',
+ playPauseClass: 'play-pause',
+ scrubberClass: 'scrubber',
+ progressClass: 'progress',
+ loaderClass: 'loaded',
+ timeClass: 'time',
+ durationClass: 'duration',
+ playedClass: 'played',
+ errorMessageClass: 'error-message',
+ playingClass: 'playing',
+ loadingClass: 'loading',
+ errorClass: 'error',
+ volumeClass: 'volume',
+ levelClass: 'level'
+ },
+ // The default event callbacks:
+ trackEnded: function(e) {},
+ flashError: function() {
+ var player = this.settings.createPlayer,
+ errorMessage = getByClass(player.errorMessageClass, this.wrapper),
+ html = 'Missing <a href="http://get.adobe.com/flashplayer/">flash player</a> plugin.';
+ if (this.mp3) html += ' <a href="'+this.mp3+'">Download audio file</a>.';
+ container[audiojs].helpers.removeClass(this.wrapper, player.loadingClass);
+ container[audiojs].helpers.addClass(this.wrapper, player.errorClass);
+ errorMessage.innerHTML = html;
+ },
+ loadError: function(e) {
+ var player = this.settings.createPlayer,
+ errorMessage = getByClass(player.errorMessageClass, this.wrapper);
+ container[audiojs].helpers.removeClass(this.wrapper, player.loadingClass);
+ container[audiojs].helpers.addClass(this.wrapper, player.errorClass);
+ errorMessage.innerHTML = 'Error loading: "'+this.mp3+'"';
+ },
+ init: function() {
+ var player = this.settings.createPlayer;
+ container[audiojs].helpers.addClass(this.wrapper, player.loadingClass);
+ },
+ loadStarted: function() {
+ var player = this.settings.createPlayer,
+ duration = getByClass(player.durationClass, this.wrapper),
+ m = Math.floor(this.duration / 60),
+ s = Math.floor(this.duration % 60);
+ container[audiojs].helpers.removeClass(this.wrapper, player.loadingClass);
+ duration.innerHTML = ((m<10?'0':'')+m+':'+(s<10?'0':'')+s);
+ },
+ loadProgress: function(percent) {
+ var player = this.settings.createPlayer,
+ loaded = getByClass(player.loaderClass, this.wrapper);
+ loaded.style.width = (100 * percent) + '%';
+ },
+ playPause: function() {
+ if (this.playing) this.settings.play();
+ else this.settings.pause();
+ },
+ play: function() {
+ var player = this.settings.createPlayer;
+ container[audiojs].helpers.addClass(this.wrapper, player.playingClass);
+ },
+ pause: function() {
+ var player = this.settings.createPlayer;
+ container[audiojs].helpers.removeClass(this.wrapper, player.playingClass);
+ },
+ updatePlayhead: function(percent) {
+ var player = this.settings.createPlayer,
+ progress = getByClass(player.progressClass, this.wrapper);
+ progress.style.width = (100 * percent) + '%';
+
+ var played = getByClass(player.playedClass, this.wrapper),
+ p = this.duration * percent,
+ m = Math.floor(p / 60),
+ s = Math.floor(p % 60);
+ played.innerHTML = ((m<10?'0':'')+m+':'+(s<10?'0':'')+s);
+ },
+ volume: function(percent) {
+ var player = this.settings.createPlayer,
+ volume = getByClass(player.volumeClass, this.wrapper),
+ level = getByClass(player.levelClass, this.wrapper);
+ level.style.width = (volume.offsetWidth * percent) + 'px';
+ }
+ },
+
+ // ### Contructor functions
+
+ // `create()`
+ // Used to create a single `audiojs` instance.
+ // If an array is passed then it calls back to `createAll()`.
+ // Otherwise, it creates a single instance and returns it.
+ create: function(element, options) {
+ var options = options || {}
+ if (element.length) {
+ return this.createAll(options, element);
+ } else {
+ return this.newInstance(element, options);
+ }
+ },
+
+ // `createAll()`
+ // Creates multiple `audiojs` instances.
+ // If `elements` is `null`, then automatically find any `<audio>` tags on the page and create `audiojs` instances for them.
+ createAll: function(options, elements) {
+ var audioElements = elements || document.getElementsByTagName('audio'),
+ instances = [],
+ options = options || {},
+ re = new RegExp('audiojs_wrapper\\d+');
+ for (var i = 0, ii = audioElements.length; i < ii; i++) {
+ var e = audioElements[i].parentNode,
+ wrapped = false;
+ if (e && e.getAttribute) {
+ var id = e.getAttribute('id');
+ if (id != null && re.test(id)) wrapped = true;
+ }
+ if (! wrapped) instances.push(this.newInstance(audioElements[i], options));
+ }
+ return instances;
+ },
+
+ // ### Creating and returning a new instance
+ // This goes through all the steps required to build out a usable `audiojs` instance.
+ newInstance: function(element, options) {
+ var element = element,
+ s = this.helpers.clone(this.settings),
+ id = 'audiojs'+this.instanceCount,
+ wrapperId = 'audiojs_wrapper'+this.instanceCount,
+ instanceCount = this.instanceCount++;
+
+ // Check for `autoplay`, `loop` and `preload` attributes and write them into the settings.
+ if (element.getAttribute('autoplay') != null) s.autoplay = true;
+ if (element.getAttribute('loop') != null) s.loop = true;
+ if (element.getAttribute('preload') == 'none') s.preload = false;
+ // Merge the default settings with the user-defined `options`.
+ if (options) this.helpers.merge(s, options);
+
+ // Inject the player html if required.
+ if (s.createPlayer.markup) element = this.createPlayer(element, s.createPlayer, wrapperId);
+ else element.parentNode.setAttribute('id', wrapperId);
+
+ // Return a new `audiojs` instance.
+ var audio = new container[audiojsInstance](element, s);
+
+ // If `<audio>` or mp3 playback isn't supported, insert the swf & attach the required events for it.
+ if (s.useFlash && s.hasFlash) {
+ this.injectFlash(audio, id);
+ this.attachFlashEvents(audio.wrapper, audio);
+ } else if (s.useFlash && !s.hasFlash) {
+ this.settings.flashError.apply(audio);
+ }
+
+ // Attach event callbacks to the new audiojs instance.
+ if (!s.useFlash || (s.useFlash && s.hasFlash)) this.attachEvents(audio.wrapper, audio);
+
+ // Set initial volume to the new audiojs instance.
+ if (!s.useFlash) {
+ audio.setVolume.call(audio, s.initialVolume);
+ }
+
+ // Store the newly-created `audiojs` instance.
+ this.instances[id] = audio;
+ return audio;
+ },
+
+ // ### Helper methods for constructing a working player
+ // Inject a wrapping div and the markup for the html player.
+ createPlayer: function(element, player, id) {
+ var wrapper = document.createElement('div'),
+ newElement = element.cloneNode(true);
+ var divClass = element.getAttribute('class') || 'audiojs';
+ wrapper.setAttribute('class', divClass);
+ wrapper.setAttribute('className', 'audiojs');
+ wrapper.setAttribute('id', id);
+
+ // Fix IE's broken implementation of `innerHTML` & `cloneNode` for HTML5 elements.
+ if (newElement.outerHTML && !document.createElement('audio').canPlayType) {
+ newElement = this.helpers.cloneHtml5Node(element);
+ wrapper.innerHTML = player.markup;
+ wrapper.appendChild(newElement);
+ element.outerHTML = wrapper.outerHTML;
+ wrapper = document.getElementById(id);
+ } else {
+ wrapper.appendChild(newElement);
+ wrapper.innerHTML = wrapper.innerHTML + player.markup;
+ element.parentNode.replaceChild(wrapper, element);
+ }
+ return wrapper.getElementsByTagName('audio')[0];
+ },
+
+ // Attaches useful event callbacks to an `audiojs` instance.
+ attachEvents: function(wrapper, audio) {
+ if (!audio.settings.createPlayer) return;
+ var player = audio.settings.createPlayer,
+ playPause = getByClass(player.playPauseClass, wrapper),
+ scrubber = getByClass(player.scrubberClass, wrapper),
+ volume = getByClass(player.volumeClass, wrapper),
+ getOffsetSum = function(elem) {
+ var curleft = 0;
+ if (elem.offsetParent) {
+ do { curleft += elem.offsetLeft; } while (elem = elem.offsetParent);
+ }
+ return curleft;
+ },
+ getOffsetRect = function(elem) {
+ var box = elem.getBoundingClientRect(),
+ body = document.body,
+ docElem = document.documentElement,
+ scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft,
+ clientLeft = docElem.clientLeft || body.clientLeft || 0;
+
+ return Math.round(box.left + scrollLeft - clientLeft);
+ },
+ getLeftOffset = function(elem) {
+ if (elem.getBoundingClientRect) {
+ return getOffsetRect(elem)
+ } else {
+ return getOffsetSum(elem)
+ }
+ };
+
+ container[audiojs].events.addListener(playPause, 'click', function(e) {
+ audio.playPause.apply(audio);
+ });
+
+ container[audiojs].events.addListener(scrubber, 'click', function(e) {
+ var relativeLeft = e.clientX - getLeftOffset(this);
+ audio.skipTo(relativeLeft / scrubber.offsetWidth);
+ });
+
+ container[audiojs].events.addListener(volume, 'click', function(e) {
+ var relativeLeft = e.clientX - getLeftOffset(this);
+ audio.setVolume(relativeLeft / volume.offsetWidth);
+ });
+
+ // _If flash is being used, then the following handlers don't need to be registered._
+ if (audio.settings.useFlash) return;
+
+ // Start tracking the load progress of the track.
+ container[audiojs].events.trackLoadProgress(audio);
+
+ container[audiojs].events.addListener(audio.element, 'timeupdate', function(e) {
+ audio.updatePlayhead.apply(audio);
+ });
+
+ container[audiojs].events.addListener(audio.element, 'ended', function(e) {
+ audio.trackEnded.apply(audio);
+ });
+
+ container[audiojs].events.addListener(audio.source, 'error', function(e) {
+ // on error, cancel any load timers that are running.
+ clearInterval(audio.readyTimer);
+ clearInterval(audio.loadTimer);
+ audio.settings.loadError.apply(audio);
+ });
+
+ },
+
+ // Flash requires a slightly different API to the `<audio>` element, so this method is used to overwrite the standard event handlers.
+ attachFlashEvents: function(element, audio) {
+ audio['swfReady'] = false;
+ audio['load'] = function(mp3) {
+ // If the swf isn't ready yet then just set `audio.mp3`. `init()` will load it in once the swf is ready.
+ audio.mp3 = mp3;
+ if (audio.swfReady) audio.element.load(mp3);
+ }
+ audio['loadProgress'] = function(percent, duration) {
+ audio.loadedPercent = percent;
+ audio.duration = duration;
+ audio.settings.loadStarted.apply(audio);
+ audio.settings.loadProgress.apply(audio, [percent]);
+ }
+ audio['skipTo'] = function(percent) {
+ if (percent > audio.loadedPercent) return;
+ audio.updatePlayhead.call(audio, [percent])
+ audio.element.skipTo(percent);
+ }
+ audio['updatePlayhead'] = function(percent) {
+ audio.settings.updatePlayhead.apply(audio, [percent]);
+ }
+ audio['play'] = function() {
+ // If the audio hasn't started preloading, then start it now.
+ // Then set `preload` to `true`, so that any tracks loaded in subsequently are loaded straight away.
+ if (!audio.settings.preload) {
+ audio.settings.preload = true;
+ audio.element.init(audio.mp3);
+ }
+ audio.playing = true;
+ // IE doesn't allow a method named `play()` to be exposed through `ExternalInterface`, so lets go with `pplay()`.
+ // <http://dev.nuclearrooster.com/2008/07/27/externalinterfaceaddcallback-can-cause-ie-js-errors-with-certain-keyworkds/>
+ audio.element.pplay();
+ audio.settings.play.apply(audio);
+ }
+ audio['pause'] = function() {
+ audio.playing = false;
+ // Use `ppause()` for consistency with `pplay()`, even though it isn't really required.
+ audio.element.ppause();
+ audio.settings.pause.apply(audio);
+ }
+ audio['setVolume'] = function(v) {
+ audio.element.setVolume(v);
+ audio.settings.volume.call(audio, [v])
+ }
+ audio['loadStarted'] = function() {
+ // Load the mp3 specified by the audio element into the swf.
+ audio.swfReady = true;
+ if (audio.settings.preload) audio.element.init(audio.mp3);
+ if (audio.settings.autoplay) audio.play.apply(audio);
+ }
+ },
+
+ // ### Injecting an swf from a string
+ // Build up the swf source by replacing the `$keys` and then inject the markup into the page.
+ injectFlash: function(audio, id) {
+ var flashSource = this.flashSource.replace(/\$1/g, id);
+ flashSource = flashSource.replace(/\$2/g, audio.settings.swfLocation);
+ // `(+new Date)` ensures the swf is not pulled out of cache. The fixes an issue with Firefox running multiple players on the same page.
+ flashSource = flashSource.replace(/\$3/g, (+new Date + Math.random()));
+ // Inject the player markup using a more verbose `innerHTML` insertion technique that works with IE.
+ var html = audio.wrapper.innerHTML,
+ div = document.createElement('div');
+ div.innerHTML = flashSource + html;
+ audio.wrapper.innerHTML = div.innerHTML;
+ audio.element = this.helpers.getSwf(id);
+ },
+
+ // ## Helper functions
+ helpers: {
+ // **Merge two objects, with `obj2` overwriting `obj1`**
+ // The merge is shallow, but that's all that is required for our purposes.
+ merge: function(obj1, obj2) {
+ for (attr in obj2) {
+ if (obj1.hasOwnProperty(attr) || obj2.hasOwnProperty(attr)) {
+ obj1[attr] = obj2[attr];
+ }
+ }
+ },
+ // **Clone a javascript object (recursively)**
+ clone: function(obj){
+ if (obj == null || typeof(obj) !== 'object') return obj;
+ var temp = new obj.constructor();
+ for (var key in obj) temp[key] = arguments.callee(obj[key]);
+ return temp;
+ },
+ // **Adding/removing classnames from elements**
+ addClass: function(element, className) {
+ var re = new RegExp('(\\s|^)'+className+'(\\s|$)');
+ if (re.test(element.className)) return;
+ element.className += ' ' + className;
+ },
+ removeClass: function(element, className) {
+ var re = new RegExp('(\\s|^)'+className+'(\\s|$)');
+ element.className = element.className.replace(re,' ');
+ },
+ // **Handle all the IE6+7 requirements for cloning `<audio>` nodes**
+ // Create a html5-safe document fragment by injecting an `<audio>` element into the document fragment.
+ cloneHtml5Node: function(audioTag) {
+ var fragment = document.createDocumentFragment(),
+ doc = fragment.createElement ? fragment : document;
+ doc.createElement('audio');
+ var div = doc.createElement('div');
+ fragment.appendChild(div);
+ div.innerHTML = audioTag.outerHTML;
+ return div.firstChild;
+ },
+ // **Cross-browser `<object>` / `<embed>` element selection**
+ getSwf: function(name) {
+ var swf = document[name] || window[name];
+ return swf.length > 1 ? swf[swf.length - 1] : swf;
+ }
+ },
+ // ## Event-handling
+ events: {
+ memoryLeaking: false,
+ listeners: [],
+ // **A simple cross-browser event handler abstraction**
+ addListener: function(element, eventName, func) {
+ // For modern browsers use the standard DOM-compliant `addEventListener`.
+ if (element.addEventListener) {
+ element.addEventListener(eventName, func, false);
+ // For older versions of Internet Explorer, use `attachEvent`.
+ // Also provide a fix for scoping `this` to the calling element and register each listener so the containing elements can be purged on page unload.
+ } else if (element.attachEvent) {
+ this.listeners.push(element);
+ if (!this.memoryLeaking) {
+ window.attachEvent('onunload', function() {
+ if(this.listeners) {
+ for (var i = 0, ii = this.listeners.length; i < ii; i++) {
+ container[audiojs].events.purge(this.listeners[i]);
+ }
+ }
+ });
+ this.memoryLeaking = true;
+ }
+ element.attachEvent('on' + eventName, function() {
+ func.call(element, window.event);
+ });
+ }
+ },
+
+ trackLoadProgress: function(audio) {
+ // If `preload` has been set to `none`, then we don't want to start loading the track yet.
+ if (!audio.settings.preload) return;
+
+ var readyTimer,
+ loadTimer,
+ audio = audio,
+ ios = (/(ipod|iphone|ipad)/i).test(navigator.userAgent);
+
+ // Use timers here rather than the official `progress` event, as Chrome has issues calling `progress` when loading mp3 files from cache.
+ readyTimer = setInterval(function() {
+ if (audio.element.readyState > -1) {
+ // iOS doesn't start preloading the mp3 until the user interacts manually, so this stops the loader being displayed prematurely.
+ if (!ios) audio.init.apply(audio);
+ }
+ if (audio.element.readyState > 1) {
+ if (audio.settings.autoplay) audio.play.apply(audio);
+ clearInterval(readyTimer);
+ // Once we have data, start tracking the load progress.
+ loadTimer = setInterval(function() {
+ audio.loadProgress.apply(audio);
+ if (audio.loadedPercent >= 1) clearInterval(loadTimer);
+ });
+ }
+ }, 10);
+ audio.readyTimer = readyTimer;
+ audio.loadTimer = loadTimer;
+ },
+
+ // **Douglas Crockford's IE6 memory leak fix**
+ // <http://javascript.crockford.com/memory/leak.html>
+ // This is used to release the memory leak created by the circular references created when fixing `this` scoping for IE. It is called on page unload.
+ purge: function(d) {
+ var a = d.attributes, i;
+ if (a) {
+ for (i = 0; i < a.length; i += 1) {
+ if (typeof d[a[i].name] === 'function') d[a[i].name] = null;
+ }
+ }
+ a = d.childNodes;
+ if (a) {
+ for (i = 0; i < a.length; i += 1) purge(d.childNodes[i]);
+ }
+ },
+
+ // **DOMready function**
+ // As seen here: <https://github.com/dperini/ContentLoaded/>.
+ ready: (function() { return function(fn) {
+ var win = window, done = false, top = true,
+ doc = win.document, root = doc.documentElement,
+ add = doc.addEventListener ? 'addEventListener' : 'attachEvent',
+ rem = doc.addEventListener ? 'removeEventListener' : 'detachEvent',
+ pre = doc.addEventListener ? '' : 'on',
+ init = function(e) {
+ if (e.type == 'readystatechange' && doc.readyState != 'complete') return;
+ (e.type == 'load' ? win : doc)[rem](pre + e.type, init, false);
+ if (!done && (done = true)) fn.call(win, e.type || e);
+ },
+ poll = function() {
+ try { root.doScroll('left'); } catch(e) { setTimeout(poll, 50); return; }
+ init('poll');
+ };
+ if (doc.readyState == 'complete') fn.call(win, 'lazy');
+ else {
+ if (doc.createEventObject && root.doScroll) {
+ try { top = !win.frameElement; } catch(e) { }
+ if (top) poll();
+ }
+ doc[add](pre + 'DOMContentLoaded', init, false);
+ doc[add](pre + 'readystatechange', init, false);
+ win[add](pre + 'load', init, false);
+ }
+ }
+ })()
+
+ }
+ }
+
+ // ## The audiojs class
+ // We create one of these per `<audio>` and then push them into `audiojs['instances']`.
+ container[audiojsInstance] = function(element, settings) {
+ // Each audio instance returns an object which contains an API back into the `<audio>` element.
+ this.element = element;
+ this.wrapper = element.parentNode;
+ this.source = element.getElementsByTagName('source')[0] || element;
+ // First check the `<audio>` element directly for a src and if one is not found, look for a `<source>` element.
+ this.mp3 = (function(element) {
+ var source = element.getElementsByTagName('source')[0];
+ return element.getAttribute('src') || (source ? source.getAttribute('src') : null);
+ })(element);
+ this.settings = settings;
+ this.loadStartedCalled = false;
+ this.loadedPercent = 0;
+ this.duration = 1;
+ this.playing = false;
+ }
+
+ container[audiojsInstance].prototype = {
+ // API access events:
+ // Each of these do what they need do and then call the matching methods defined in the settings object.
+ updatePlayhead: function() {
+ var percent = this.element.currentTime / this.duration;
+ this.settings.updatePlayhead.apply(this, [percent]);
+ },
+ skipTo: function(percent) {
+ if (percent > this.loadedPercent) return;
+ this.element.currentTime = this.duration * percent;
+ this.updatePlayhead();
+ },
+ load: function(mp3) {
+ this.loadStartedCalled = false;
+ this.source.setAttribute('src', mp3);
+ // The now outdated `load()` method is required for Safari 4
+ this.element.load();
+ this.mp3 = mp3;
+ container[audiojs].events.trackLoadProgress(this);
+ },
+ loadError: function() {
+ this.settings.loadError.apply(this);
+ },
+ init: function() {
+ this.settings.init.apply(this);
+ },
+ loadStarted: function() {
+ // Wait until `element.duration` exists before setting up the audio player.
+ if (!this.element.duration) return false;
+
+ this.duration = this.element.duration;
+ this.updatePlayhead();
+ this.settings.loadStarted.apply(this);
+ },
+ loadProgress: function() {
+ if (this.element.buffered != null && this.element.buffered.length) {
+ // Ensure `loadStarted()` is only called once.
+ if (!this.loadStartedCalled) {
+ this.loadStartedCalled = this.loadStarted();
+ }
+ var durationLoaded = this.element.buffered.end(this.element.buffered.length - 1);
+ this.loadedPercent = durationLoaded / this.duration;
+
+ this.settings.loadProgress.apply(this, [this.loadedPercent]);
+ }
+ },
+ playPause: function() {
+ if (this.playing) this.pause();
+ else this.play();
+ },
+ play: function() {
+ var ios = (/(ipod|iphone|ipad)/i).test(navigator.userAgent);
+ // On iOS this interaction will trigger loading the mp3, so run `init()`.
+ if (ios && this.element.readyState == 0) this.init.apply(this);
+ // If the audio hasn't started preloading, then start it now.
+ // Then set `preload` to `true`, so that any tracks loaded in subsequently are loaded straight away.
+ if (!this.settings.preload) {
+ this.settings.preload = true;
+ this.element.setAttribute('preload', 'auto');
+ container[audiojs].events.trackLoadProgress(this);
+ }
+ this.playing = true;
+ this.element.play();
+ this.settings.play.apply(this);
+ },
+ pause: function() {
+ this.playing = false;
+ this.element.pause();
+ this.settings.pause.apply(this);
+ },
+ setVolume: function(v) {
+ this.element.volume = v;
+ this.settings.volume.apply(this, [v]);
+ },
+ trackEnded: function(e) {
+ this.skipTo.apply(this, [0]);
+ if (!this.settings.loop) this.pause.apply(this);
+ this.settings.trackEnded.apply(this);
+ }
+ }
+
+ // **getElementsByClassName**
+ // Having to rely on `getElementsByTagName` is pretty inflexible internally, so a modified version of Dustin Diaz's `getElementsByClassName` has been included.
+ // This version cleans things up and prefers the native DOM method if it's available.
+ var getByClass = function(searchClass, node) {
+ var matches = [];
+ node = node || document;
+
+ if (node.getElementsByClassName) {
+ matches = node.getElementsByClassName(searchClass);
+ } else {
+ var i, l,
+ els = node.getElementsByTagName("*"),
+ pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
+
+ for (i = 0, l = els.length; i < l; i++) {
+ if (pattern.test(els[i].className)) {
+ matches.push(els[i]);
+ }
+ }
+ }
+ return matches.length > 1 ? matches : matches[0];
+ };
+// The global variable names are passed in here and can be changed if they conflict with anything else.
+})('audiojs', 'audiojsInstance', this);
diff --git a/public/admin/js/audiojs/audiojs/audio.min.js b/public/admin/js/audiojs/audiojs/audio.min.js
index e5fde2b1fdf2cae15808780f2cc1680c47e2e150..db6ab35a2d2fbe8cac5bc6fe7ed36254dc0a70f9 100644
--- a/public/admin/js/audiojs/audiojs/audio.min.js
+++ b/public/admin/js/audiojs/audiojs/audio.min.js
@@ -1,24 +1,24 @@
-(function(h,o,g){var p=function(){for(var b=/audio(.min)?.js.*/,a=document.getElementsByTagName("script"),c=0,d=a.length;c<d;c++){var e=a[c].getAttribute("src");if(b.test(e))return e.replace(b,"")}}();g[h]={instanceCount:0,instances:{},flashSource:' <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="$1" width="1" height="1" name="$1" style="position: absolute; left: -1px;"> <param name="movie" value="$2?playerInstance='+h+'.instances[\'$1\']&datetime=$3"> <param name="allowscriptaccess" value="always"> <embed name="$1" src="$2?playerInstance='+
-h+'.instances[\'$1\']&datetime=$3" width="1" height="1" allowscriptaccess="always"> </object>',settings:{autoplay:false,loop:false,preload:true,imageLocation:p+"player-graphics.gif",swfLocation:p+"audiojs.swf",useFlash:function(){var b=document.createElement("audio");return!(b.canPlayType&&b.canPlayType("audio/mpeg;").replace(/no/,""))}(),hasFlash:function(){if(navigator.plugins&&navigator.plugins.length&&navigator.plugins["Shockwave Flash"])return true;else if(navigator.mimeTypes&&navigator.mimeTypes.length){var b=
-navigator.mimeTypes["application/x-shockwave-flash"];return b&&b.enabledPlugin}else try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash");return true}catch(a){}return false}(),createPlayer:{markup:' <div class="play-pause"> <p class="play"></p> <p class="pause"></p> <p class="loading"></p> <p class="error"></p> </div> <div class="scrubber"> <div class="progress"></div> <div class="loaded"></div> </div> <div class="time"> <em class="played">00:00</em>/<strong class="duration">00:00</strong> </div> <div class="error-message"></div>',
-playPauseClass:"play-pause",scrubberClass:"scrubber",progressClass:"progress",loaderClass:"loaded",timeClass:"time",durationClass:"duration",playedClass:"played",errorMessageClass:"error-message",playingClass:"playing",loadingClass:"loading",errorClass:"error"},css:' .audiojs audio { position: absolute; left: -1px; } .audiojs { width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444)); background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%); -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); } .audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; } .audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; } .audiojs .play { display: block; } .audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; } .audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc)); background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); } .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222)); background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); } .audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } .audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; } .audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; } .audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; } .audiojs .play { background: url("$1") -2px -1px no-repeat; } .audiojs .loading { background: url("$1") -2px -31px no-repeat; } .audiojs .error { background: url("$1") -2px -61px no-repeat; } .audiojs .pause { background: url("$1") -2px -91px no-repeat; } .playing .play, .playing .loading, .playing .error { display: none; } .playing .pause { display: block; } .loading .play, .loading .pause, .loading .error { display: none; } .loading .loading { display: block; } .error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; } .error .error { display: block; } .error .play-pause p { cursor: auto; } .error .error-message { display: block; }',
-trackEnded:function(){},flashError:function(){var b=this.settings.createPlayer,a=j(b.errorMessageClass,this.wrapper),c='Missing <a href="http://get.adobe.com/flashplayer/">flash player</a> plugin.';if(this.mp3)c+=' <a href="'+this.mp3+'">Download audio file</a>.';g[h].helpers.removeClass(this.wrapper,b.loadingClass);g[h].helpers.addClass(this.wrapper,b.errorClass);a.innerHTML=c},loadError:function(){var b=this.settings.createPlayer,a=j(b.errorMessageClass,this.wrapper);g[h].helpers.removeClass(this.wrapper,
-b.loadingClass);g[h].helpers.addClass(this.wrapper,b.errorClass);a.innerHTML='Error loading: "'+this.mp3+'"'},init:function(){g[h].helpers.addClass(this.wrapper,this.settings.createPlayer.loadingClass)},loadStarted:function(){var b=this.settings.createPlayer,a=j(b.durationClass,this.wrapper),c=Math.floor(this.duration/60),d=Math.floor(this.duration%60);g[h].helpers.removeClass(this.wrapper,b.loadingClass);a.innerHTML=(c<10?"0":"")+c+":"+(d<10?"0":"")+d},loadProgress:function(b){var a=this.settings.createPlayer,
-c=j(a.scrubberClass,this.wrapper);j(a.loaderClass,this.wrapper).style.width=c.offsetWidth*b+"px"},playPause:function(){this.playing?this.settings.play():this.settings.pause()},play:function(){g[h].helpers.addClass(this.wrapper,this.settings.createPlayer.playingClass)},pause:function(){g[h].helpers.removeClass(this.wrapper,this.settings.createPlayer.playingClass)},updatePlayhead:function(b){var a=this.settings.createPlayer,c=j(a.scrubberClass,this.wrapper);j(a.progressClass,this.wrapper).style.width=
-c.offsetWidth*b+"px";a=j(a.playedClass,this.wrapper);c=this.duration*b;b=Math.floor(c/60);c=Math.floor(c%60);a.innerHTML=(b<10?"0":"")+b+":"+(c<10?"0":"")+c}},create:function(b,a){a=a||{};return b.length?this.createAll(a,b):this.newInstance(b,a)},createAll:function(b,a){var c=a||document.getElementsByTagName("audio"),d=[];b=b||{};for(var e=0,i=c.length;e<i;e++)d.push(this.newInstance(c[e],b));return d},newInstance:function(b,a){var c=this.helpers.clone(this.settings),d="audiojs"+this.instanceCount,
-e="audiojs_wrapper"+this.instanceCount;this.instanceCount++;if(b.getAttribute("autoplay")!=null)c.autoplay=true;if(b.getAttribute("loop")!=null)c.loop=true;if(b.getAttribute("preload")=="none")c.preload=false;a&&this.helpers.merge(c,a);if(c.createPlayer.markup)b=this.createPlayer(b,c.createPlayer,e);else b.parentNode.setAttribute("id",e);e=new g[o](b,c);c.css&&this.helpers.injectCss(e,c.css);if(c.useFlash&&c.hasFlash){this.injectFlash(e,d);this.attachFlashEvents(e.wrapper,e)}else c.useFlash&&!c.hasFlash&&
-this.settings.flashError.apply(e);if(!c.useFlash||c.useFlash&&c.hasFlash)this.attachEvents(e.wrapper,e);return this.instances[d]=e},createPlayer:function(b,a,c){var d=document.createElement("div"),e=b.cloneNode(true);d.setAttribute("class","audiojs");d.setAttribute("className","audiojs");d.setAttribute("id",c);if(e.outerHTML&&!document.createElement("audio").canPlayType){e=this.helpers.cloneHtml5Node(b);d.innerHTML=a.markup;d.appendChild(e);b.outerHTML=d.outerHTML;d=document.getElementById(c)}else{d.appendChild(e);
-d.innerHTML+=a.markup;b.parentNode.replaceChild(d,b)}return d.getElementsByTagName("audio")[0]},attachEvents:function(b,a){if(a.settings.createPlayer){var c=a.settings.createPlayer,d=j(c.playPauseClass,b),e=j(c.scrubberClass,b);g[h].events.addListener(d,"click",function(){a.playPause.apply(a)});g[h].events.addListener(e,"click",function(i){i=i.clientX;var f=this,k=0;if(f.offsetParent){do k+=f.offsetLeft;while(f=f.offsetParent)}a.skipTo((i-k)/e.offsetWidth)});if(!a.settings.useFlash){g[h].events.trackLoadProgress(a);
-g[h].events.addListener(a.element,"timeupdate",function(){a.updatePlayhead.apply(a)});g[h].events.addListener(a.element,"ended",function(){a.trackEnded.apply(a)});g[h].events.addListener(a.source,"error",function(){clearInterval(a.readyTimer);clearInterval(a.loadTimer);a.settings.loadError.apply(a)})}}},attachFlashEvents:function(b,a){a.swfReady=false;a.load=function(c){a.mp3=c;a.swfReady&&a.element.load(c)};a.loadProgress=function(c,d){a.loadedPercent=c;a.duration=d;a.settings.loadStarted.apply(a);
-a.settings.loadProgress.apply(a,[c])};a.skipTo=function(c){if(!(c>a.loadedPercent)){a.updatePlayhead.call(a,[c]);a.element.skipTo(c)}};a.updatePlayhead=function(c){a.settings.updatePlayhead.apply(a,[c])};a.play=function(){if(!a.settings.preload){a.settings.preload=true;a.element.init(a.mp3)}a.playing=true;a.element.pplay();a.settings.play.apply(a)};a.pause=function(){a.playing=false;a.element.ppause();a.settings.pause.apply(a)};a.setVolume=function(c){a.element.setVolume(c)};a.loadStarted=function(){a.swfReady=
-true;a.settings.preload&&a.element.init(a.mp3);a.settings.autoplay&&a.play.apply(a)}},injectFlash:function(b,a){var c=this.flashSource.replace(/\$1/g,a);c=c.replace(/\$2/g,b.settings.swfLocation);c=c.replace(/\$3/g,+new Date+Math.random());var d=b.wrapper.innerHTML,e=document.createElement("div");e.innerHTML=c+d;b.wrapper.innerHTML=e.innerHTML;b.element=this.helpers.getSwf(a)},helpers:{merge:function(b,a){for(attr in a)if(b.hasOwnProperty(attr)||a.hasOwnProperty(attr))b[attr]=a[attr]},clone:function(b){if(b==
-null||typeof b!=="object")return b;var a=new b.constructor,c;for(c in b)a[c]=arguments.callee(b[c]);return a},addClass:function(b,a){RegExp("(\\s|^)"+a+"(\\s|$)").test(b.className)||(b.className+=" "+a)},removeClass:function(b,a){b.className=b.className.replace(RegExp("(\\s|^)"+a+"(\\s|$)")," ")},injectCss:function(b,a){for(var c="",d=document.getElementsByTagName("style"),e=a.replace(/\$1/g,b.settings.imageLocation),i=0,f=d.length;i<f;i++){var k=d[i].getAttribute("title");if(k&&~k.indexOf("audiojs")){f=
-d[i];if(f.innerHTML===e)return;c=f.innerHTML;break}}d=document.getElementsByTagName("head")[0];i=d.firstChild;f=document.createElement("style");if(d){f.setAttribute("type","text/css");f.setAttribute("title","audiojs");if(f.styleSheet)f.styleSheet.cssText=c+e;else f.appendChild(document.createTextNode(c+e));i?d.insertBefore(f,i):d.appendChild(styleElement)}},cloneHtml5Node:function(b){var a=document.createDocumentFragment(),c=a.createElement?a:document;c.createElement("audio");c=c.createElement("div");
-a.appendChild(c);c.innerHTML=b.outerHTML;return c.firstChild},getSwf:function(b){b=document[b]||window[b];return b.length>1?b[b.length-1]:b}},events:{memoryLeaking:false,listeners:[],addListener:function(b,a,c){if(b.addEventListener)b.addEventListener(a,c,false);else if(b.attachEvent){this.listeners.push(b);if(!this.memoryLeaking){window.attachEvent("onunload",function(){if(this.listeners)for(var d=0,e=this.listeners.length;d<e;d++)g[h].events.purge(this.listeners[d])});this.memoryLeaking=true}b.attachEvent("on"+
-a,function(){c.call(b,window.event)})}},trackLoadProgress:function(b){if(b.settings.preload){var a,c;b=b;var d=/(ipod|iphone|ipad)/i.test(navigator.userAgent);a=setInterval(function(){if(b.element.readyState>-1)d||b.init.apply(b);if(b.element.readyState>1){b.settings.autoplay&&b.play.apply(b);clearInterval(a);c=setInterval(function(){b.loadProgress.apply(b);b.loadedPercent>=1&&clearInterval(c)})}},10);b.readyTimer=a;b.loadTimer=c}},purge:function(b){var a=b.attributes,c;if(a)for(c=0;c<a.length;c+=
-1)if(typeof b[a[c].name]==="function")b[a[c].name]=null;if(a=b.childNodes)for(c=0;c<a.length;c+=1)purge(b.childNodes[c])},ready:function(){return function(b){var a=window,c=false,d=true,e=a.document,i=e.documentElement,f=e.addEventListener?"addEventListener":"attachEvent",k=e.addEventListener?"removeEventListener":"detachEvent",n=e.addEventListener?"":"on",m=function(l){if(!(l.type=="readystatechange"&&e.readyState!="complete")){(l.type=="load"?a:e)[k](n+l.type,m,false);if(!c&&(c=true))b.call(a,l.type||
-l)}},q=function(){try{i.doScroll("left")}catch(l){setTimeout(q,50);return}m("poll")};if(e.readyState=="complete")b.call(a,"lazy");else{if(e.createEventObject&&i.doScroll){try{d=!a.frameElement}catch(r){}d&&q()}e[f](n+"DOMContentLoaded",m,false);e[f](n+"readystatechange",m,false);a[f](n+"load",m,false)}}}()}};g[o]=function(b,a){this.element=b;this.wrapper=b.parentNode;this.source=b.getElementsByTagName("source")[0]||b;this.mp3=function(c){var d=c.getElementsByTagName("source")[0];return c.getAttribute("src")||
-(d?d.getAttribute("src"):null)}(b);this.settings=a;this.loadStartedCalled=false;this.loadedPercent=0;this.duration=1;this.playing=false};g[o].prototype={updatePlayhead:function(){this.settings.updatePlayhead.apply(this,[this.element.currentTime/this.duration])},skipTo:function(b){if(!(b>this.loadedPercent)){this.element.currentTime=this.duration*b;this.updatePlayhead()}},load:function(b){this.loadStartedCalled=false;this.source.setAttribute("src",b);this.element.load();this.mp3=b;g[h].events.trackLoadProgress(this)},
-loadError:function(){this.settings.loadError.apply(this)},init:function(){this.settings.init.apply(this)},loadStarted:function(){if(!this.element.duration)return false;this.duration=this.element.duration;this.updatePlayhead();this.settings.loadStarted.apply(this)},loadProgress:function(){if(this.element.buffered!=null&&this.element.buffered.length){if(!this.loadStartedCalled)this.loadStartedCalled=this.loadStarted();this.loadedPercent=this.element.buffered.end(this.element.buffered.length-1)/this.duration;
-this.settings.loadProgress.apply(this,[this.loadedPercent])}},playPause:function(){this.playing?this.pause():this.play()},play:function(){/(ipod|iphone|ipad)/i.test(navigator.userAgent)&&this.element.readyState==0&&this.init.apply(this);if(!this.settings.preload){this.settings.preload=true;this.element.setAttribute("preload","auto");g[h].events.trackLoadProgress(this)}this.playing=true;this.element.play();this.settings.play.apply(this)},pause:function(){this.playing=false;this.element.pause();this.settings.pause.apply(this)},
-setVolume:function(b){this.element.volume=b},trackEnded:function(){this.skipTo.apply(this,[0]);this.settings.loop||this.pause.apply(this);this.settings.trackEnded.apply(this)}};var j=function(b,a){var c=[];a=a||document;if(a.getElementsByClassName)c=a.getElementsByClassName(b);else{var d,e,i=a.getElementsByTagName("*"),f=RegExp("(^|\\s)"+b+"(\\s|$)");d=0;for(e=i.length;d<e;d++)f.test(i[d].className)&&c.push(i[d])}return c.length>1?c:c[0]}})("audiojs","audiojsInstance",this);
+(function(g,n,f){var i;a:{var k=/audio(.min)?.js.*/,m=document.getElementsByTagName("script");i=0;for(var j=m.length;i<j;i++){var o=m[i].getAttribute("src");if(k.test(o)){i=o.replace(k,"");break a}}i=void 0}k=' <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="$1" width="1" height="1" name="$1" style="position: absolute; left: -1px;"> <param name="movie" value="$2?playerInstance='+g+'.instances[\'$1\']&datetime=$3"> <param name="allowscriptaccess" value="always"> <embed name="$1" src="$2?playerInstance='+
+g+'.instances[\'$1\']&datetime=$3" width="1" height="1" allowscriptaccess="always"> </object>';m=i+"player-graphics.gif";i+="audiojs.swf";j=document.createElement("audio");j=!(j.canPlayType&&j.canPlayType("audio/mpeg;").replace(/no/,""));f[g]={instanceCount:0,instances:{},flashSource:k,settings:{autoplay:!1,loop:!1,preload:!0,initialVolume:0.5,imageLocation:m,swfLocation:i,useFlash:j,hasFlash:function(){if(navigator.plugins&&navigator.plugins.length&&navigator.plugins["Shockwave Flash"])return!0;
+if(navigator.mimeTypes&&navigator.mimeTypes.length){var a=navigator.mimeTypes["application/x-shockwave-flash"];return a&&a.enabledPlugin}try{return new ActiveXObject("ShockwaveFlash.ShockwaveFlash"),!0}catch(b){}return!1}(),createPlayer:{markup:' <div class="play-pause"> <p class="play"></p> <p class="pause"></p> <p class="loading"></p> <p class="error"></p> </div> <div class="scrubber"> <div class="progress"></div> <div class="loaded"></div> </div> <div class="time"> <em class="played">00:00</em>/<strong class="duration">00:00</strong> </div> <div class="volume"> <div class="level"></div> </div> <div class="error-message"></div>',
+playPauseClass:"play-pause",scrubberClass:"scrubber",progressClass:"progress",loaderClass:"loaded",timeClass:"time",durationClass:"duration",playedClass:"played",errorMessageClass:"error-message",playingClass:"playing",loadingClass:"loading",errorClass:"error",volumeClass:"volume",levelClass:"level"},trackEnded:function(){},flashError:function(){var a=this.settings.createPlayer,b=h(a.errorMessageClass,this.wrapper),c='Missing <a href="http://get.adobe.com/flashplayer/">flash player</a> plugin.';this.mp3&&
+(c+=' <a href="'+this.mp3+'">Download audio file</a>.');f[g].helpers.removeClass(this.wrapper,a.loadingClass);f[g].helpers.addClass(this.wrapper,a.errorClass);b.innerHTML=c},loadError:function(){var a=this.settings.createPlayer,b=h(a.errorMessageClass,this.wrapper);f[g].helpers.removeClass(this.wrapper,a.loadingClass);f[g].helpers.addClass(this.wrapper,a.errorClass);b.innerHTML='Error loading: "'+this.mp3+'"'},init:function(){f[g].helpers.addClass(this.wrapper,this.settings.createPlayer.loadingClass)},
+loadStarted:function(){var a=this.settings.createPlayer,b=h(a.durationClass,this.wrapper),c=Math.floor(this.duration/60),d=Math.floor(this.duration%60);f[g].helpers.removeClass(this.wrapper,a.loadingClass);b.innerHTML=(10>c?"0":"")+c+":"+(10>d?"0":"")+d},loadProgress:function(a){h(this.settings.createPlayer.loaderClass,this.wrapper).style.width=100*a+"%"},playPause:function(){this.playing?this.settings.play():this.settings.pause()},play:function(){f[g].helpers.addClass(this.wrapper,this.settings.createPlayer.playingClass)},
+pause:function(){f[g].helpers.removeClass(this.wrapper,this.settings.createPlayer.playingClass)},updatePlayhead:function(a){var b=this.settings.createPlayer;h(b.progressClass,this.wrapper).style.width=100*a+"%";var b=h(b.playedClass,this.wrapper),c=this.duration*a,a=Math.floor(c/60),c=Math.floor(c%60);b.innerHTML=(10>a?"0":"")+a+":"+(10>c?"0":"")+c},volume:function(a){var b=this.settings.createPlayer,c=h(b.volumeClass,this.wrapper);h(b.levelClass,this.wrapper).style.width=c.offsetWidth*a+"px"}},create:function(a,
+b){b=b||{};return a.length?this.createAll(b,a):this.newInstance(a,b)},createAll:function(a,b){for(var c=b||document.getElementsByTagName("audio"),d=[],a=a||{},e=/audiojs_wrapper\d+/,f=0,g=c.length;f<g;f++){var l=c[f].parentNode,q=!1;l&&l.getAttribute&&(l=l.getAttribute("id"),null!=l&&e.test(l)&&(q=!0));q||d.push(this.newInstance(c[f],a))}return d},newInstance:function(a,b){var c=this.helpers.clone(this.settings),d="audiojs"+this.instanceCount,e="audiojs_wrapper"+this.instanceCount;this.instanceCount++;
+null!=a.getAttribute("autoplay")&&(c.autoplay=!0);null!=a.getAttribute("loop")&&(c.loop=!0);"none"==a.getAttribute("preload")&&(c.preload=!1);b&&this.helpers.merge(c,b);c.createPlayer.markup?a=this.createPlayer(a,c.createPlayer,e):a.parentNode.setAttribute("id",e);e=new f[n](a,c);c.useFlash&&c.hasFlash?(this.injectFlash(e,d),this.attachFlashEvents(e.wrapper,e)):c.useFlash&&!c.hasFlash&&this.settings.flashError.apply(e);(!c.useFlash||c.useFlash&&c.hasFlash)&&this.attachEvents(e.wrapper,e);c.useFlash||
+e.setVolume.call(e,c.initialVolume);return this.instances[d]=e},createPlayer:function(a,b,c){var d=document.createElement("div"),e=a.cloneNode(!0);d.setAttribute("class","audiojs");d.setAttribute("className","audiojs");d.setAttribute("id",c);e.outerHTML&&!document.createElement("audio").canPlayType?(e=this.helpers.cloneHtml5Node(a),d.innerHTML=b.markup,d.appendChild(e),a.outerHTML=d.outerHTML,d=document.getElementById(c)):(d.appendChild(e),d.innerHTML+=b.markup,a.parentNode.replaceChild(d,a));return d.getElementsByTagName("audio")[0]},
+attachEvents:function(a,b){if(b.settings.createPlayer){var c=b.settings.createPlayer,d=h(c.playPauseClass,a),e=h(c.scrubberClass,a),i=h(c.volumeClass,a),p=function(b){if(b.getBoundingClientRect){var b=b.getBoundingClientRect(),a=document.body,c=document.documentElement;return Math.round(b.left+(window.pageXOffset||c.scrollLeft||a.scrollLeft)-(c.clientLeft||a.clientLeft||0))}a=0;if(b.offsetParent){do a+=b.offsetLeft;while(b=b.offsetParent)}return a};f[g].events.addListener(d,"click",function(){b.playPause.apply(b)});
+f[g].events.addListener(e,"click",function(a){a=a.clientX-p(this);b.skipTo(a/e.offsetWidth)});f[g].events.addListener(i,"click",function(a){a=a.clientX-p(this);b.setVolume(a/i.offsetWidth)});b.settings.useFlash||(f[g].events.trackLoadProgress(b),f[g].events.addListener(b.element,"timeupdate",function(){b.updatePlayhead.apply(b)}),f[g].events.addListener(b.element,"ended",function(){b.trackEnded.apply(b)}),f[g].events.addListener(b.source,"error",function(){clearInterval(b.readyTimer);clearInterval(b.loadTimer);
+b.settings.loadError.apply(b)}))}},attachFlashEvents:function(a,b){b.swfReady=!1;b.load=function(a){b.mp3=a;b.swfReady&&b.element.load(a)};b.loadProgress=function(a,d){b.loadedPercent=a;b.duration=d;b.settings.loadStarted.apply(b);b.settings.loadProgress.apply(b,[a])};b.skipTo=function(a){a>b.loadedPercent||(b.updatePlayhead.call(b,[a]),b.element.skipTo(a))};b.updatePlayhead=function(a){b.settings.updatePlayhead.apply(b,[a])};b.play=function(){b.settings.preload||(b.settings.preload=!0,b.element.init(b.mp3));
+b.playing=!0;b.element.pplay();b.settings.play.apply(b)};b.pause=function(){b.playing=!1;b.element.ppause();b.settings.pause.apply(b)};b.setVolume=function(a){b.element.setVolume(a);b.settings.volume.call(b,[a])};b.loadStarted=function(){b.swfReady=!0;b.settings.preload&&b.element.init(b.mp3);b.settings.autoplay&&b.play.apply(b)}},injectFlash:function(a,b){var c=this.flashSource.replace(/\$1/g,b),c=c.replace(/\$2/g,a.settings.swfLocation),c=c.replace(/\$3/g,+new Date+Math.random()),d=a.wrapper.innerHTML,
+e=document.createElement("div");e.innerHTML=c+d;a.wrapper.innerHTML=e.innerHTML;a.element=this.helpers.getSwf(b)},helpers:{merge:function(a,b){for(attr in b)if(a.hasOwnProperty(attr)||b.hasOwnProperty(attr))a[attr]=b[attr]},clone:function(a){if(null==a||"object"!==typeof a)return a;var b=new a.constructor,c;for(c in a)b[c]=arguments.callee(a[c]);return b},addClass:function(a,b){RegExp("(\\s|^)"+b+"(\\s|$)").test(a.className)||(a.className+=" "+b)},removeClass:function(a,b){a.className=a.className.replace(RegExp("(\\s|^)"+
+b+"(\\s|$)")," ")},cloneHtml5Node:function(a){var b=document.createDocumentFragment(),c=b.createElement?b:document;c.createElement("audio");c=c.createElement("div");b.appendChild(c);c.innerHTML=a.outerHTML;return c.firstChild},getSwf:function(a){a=document[a]||window[a];return 1<a.length?a[a.length-1]:a}},events:{memoryLeaking:!1,listeners:[],addListener:function(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&(this.listeners.push(a),this.memoryLeaking||(window.attachEvent("onunload",
+function(){if(this.listeners)for(var a=0,b=this.listeners.length;a<b;a++)f[g].events.purge(this.listeners[a])}),this.memoryLeaking=!0),a.attachEvent("on"+b,function(){c.call(a,window.event)}))},trackLoadProgress:function(a){if(a.settings.preload){var b,c,d=/(ipod|iphone|ipad)/i.test(navigator.userAgent);b=setInterval(function(){-1<a.element.readyState&&(d||a.init.apply(a));1<a.element.readyState&&(a.settings.autoplay&&a.play.apply(a),clearInterval(b),c=setInterval(function(){a.loadProgress.apply(a);
+1<=a.loadedPercent&&clearInterval(c)}))},10);a.readyTimer=b;a.loadTimer=c}},purge:function(a){var b=a.attributes,c;if(b)for(c=0;c<b.length;c+=1)"function"===typeof a[b[c].name]&&(a[b[c].name]=null);if(b=a.childNodes)for(c=0;c<b.length;c+=1)purge(a.childNodes[c])},ready:function(a){var b=window,c=!1,d=!0,e=b.document,f=e.documentElement,g=e.addEventListener?"addEventListener":"attachEvent",i=e.addEventListener?"removeEventListener":"detachEvent",h=e.addEventListener?"":"on",j=function(d){if(!("readystatechange"==
+d.type&&"complete"!=e.readyState)&&(("load"==d.type?b:e)[i](h+d.type,j,!1),!c&&(c=!0)))a.call(b,d.type||d)},k=function(){try{f.doScroll("left")}catch(a){setTimeout(k,50);return}j("poll")};if("complete"==e.readyState)a.call(b,"lazy");else{if(e.createEventObject&&f.doScroll){try{d=!b.frameElement}catch(m){}d&&k()}e[g](h+"DOMContentLoaded",j,!1);e[g](h+"readystatechange",j,!1);b[g](h+"load",j,!1)}}}};f[n]=function(a,b){this.element=a;this.wrapper=a.parentNode;this.source=a.getElementsByTagName("source")[0]||
+a;var c=a.getElementsByTagName("source")[0];this.mp3=a.getAttribute("src")||(c?c.getAttribute("src"):null);this.settings=b;this.loadStartedCalled=!1;this.loadedPercent=0;this.duration=1;this.playing=!1};f[n].prototype={updatePlayhead:function(){this.settings.updatePlayhead.apply(this,[this.element.currentTime/this.duration])},skipTo:function(a){a>this.loadedPercent||(this.element.currentTime=this.duration*a,this.updatePlayhead())},load:function(a){this.loadStartedCalled=!1;this.source.setAttribute("src",
+a);this.element.load();this.mp3=a;f[g].events.trackLoadProgress(this)},loadError:function(){this.settings.loadError.apply(this)},init:function(){this.settings.init.apply(this)},loadStarted:function(){if(!this.element.duration)return!1;this.duration=this.element.duration;this.updatePlayhead();this.settings.loadStarted.apply(this)},loadProgress:function(){null!=this.element.buffered&&this.element.buffered.length&&(this.loadStartedCalled||(this.loadStartedCalled=this.loadStarted()),this.loadedPercent=
+this.element.buffered.end(this.element.buffered.length-1)/this.duration,this.settings.loadProgress.apply(this,[this.loadedPercent]))},playPause:function(){this.playing?this.pause():this.play()},play:function(){/(ipod|iphone|ipad)/i.test(navigator.userAgent)&&0==this.element.readyState&&this.init.apply(this);this.settings.preload||(this.settings.preload=!0,this.element.setAttribute("preload","auto"),f[g].events.trackLoadProgress(this));this.playing=!0;this.element.play();this.settings.play.apply(this)},
+pause:function(){this.playing=!1;this.element.pause();this.settings.pause.apply(this)},setVolume:function(a){this.element.volume=a;this.settings.volume.apply(this,[a])},trackEnded:function(){this.skipTo.apply(this,[0]);this.settings.loop||this.pause.apply(this);this.settings.trackEnded.apply(this)}};var h=function(a,b){var c=[],b=b||document;if(b.getElementsByClassName)c=b.getElementsByClassName(a);else{var d,e,f=b.getElementsByTagName("*"),g=RegExp("(^|\\s)"+a+"(\\s|$)");d=0;for(e=f.length;d<e;d++)g.test(f[d].className)&&
+c.push(f[d])}return 1<c.length?c:c[0]}})("audiojs","audiojsInstance",this);
diff --git a/public/admin/js/audiojs/audiojs/audiojs.as b/public/admin/js/audiojs/audiojs/audiojs.as
new file mode 100644
index 0000000000000000000000000000000000000000..e118a64a3f56a5ad06cd4471504f8d837c645a67
--- /dev/null
+++ b/public/admin/js/audiojs/audiojs/audiojs.as
@@ -0,0 +1,146 @@
+package {
+
+import flash.display.Sprite;
+import flash.external.ExternalInterface;
+import flash.net.URLRequest;
+import flash.media.Sound;
+import flash.media.SoundChannel;
+import flash.media.SoundTransform;
+import flash.events.Event;
+import flash.errors.IOError;
+import flash.events.IOErrorEvent;
+import flash.events.ProgressEvent;
+import flash.events.TimerEvent;
+import flash.utils.Timer;
+import flash.system.Security;
+
+public class audiojs extends Sprite {
+
+ private var _channel:SoundChannel;
+ private var sound:Sound;
+ private var duration:Number;
+ private var playerInstance:String;
+
+ private var pausePoint:Number = 0;
+ private var playing:Boolean = false;
+ private var volume:Number = 1;
+ private var timer:Timer = new Timer(250, 0);
+
+
+ private function get channel():SoundChannel {
+ return this._channel;
+ }
+
+ private function set channel(channel:SoundChannel):void {
+ this._channel = channel;
+ this._channel.addEventListener(Event.SOUND_COMPLETE, this.soundEnded);
+ }
+
+ public function audiojs():void {
+ Security.allowDomain("*");
+
+ this.playerInstance = root.loaderInfo.parameters.playerInstance+'.';
+
+ ExternalInterface.addCallback('init', init);
+ ExternalInterface.addCallback('load', load);
+ ExternalInterface.addCallback('playPause', playPause);
+ ExternalInterface.addCallback('pplay', play);
+ ExternalInterface.addCallback('ppause', pause);
+ ExternalInterface.addCallback('skipTo', skipTo);
+ ExternalInterface.addCallback('setVolume', setVolume);
+
+ ExternalInterface.call(this.playerInstance+'loadStarted');
+ }
+
+ private function updatePlayhead(e:TimerEvent = null):void {
+ var targetPosition:Number = e ? this.channel.position : this.pausePoint;
+ var playProgress:Number = targetPosition / this.duration;
+
+ if (playProgress > 1) playProgress = 1;
+ if (playProgress > 0) {
+ ExternalInterface.call(this.playerInstance+'updatePlayhead', playProgress);
+ }
+ }
+
+ private function loadProgress(e:ProgressEvent):void {
+ this.duration = (e.bytesTotal / (e.bytesLoaded / this.sound.length))
+ var loadPercent:Number = e.bytesLoaded / e.bytesTotal;
+
+ if (loadPercent > 1) loadPercent = 1;
+ if (loadPercent > 0) {
+ ExternalInterface.call(this.playerInstance+'loadProgress', loadPercent, (this.duration/1000));
+ }
+ }
+
+ private function init(mp3:String):void {
+ this.load(mp3);
+ }
+
+ private function load(mp3:String):void {
+ if (this.channel) this.channel.stop();
+ if (this.sound) this.sound.removeEventListener(ProgressEvent.PROGRESS, this.loadProgress);
+
+ this.channel = new SoundChannel();
+ this.sound = new Sound(new URLRequest(mp3));
+
+ this.pausePoint = 0;
+ this.sound.addEventListener(IOErrorEvent.IO_ERROR, this.loadError);
+ this.sound.addEventListener(ProgressEvent.PROGRESS, this.loadProgress);
+
+ this.timer.addEventListener(TimerEvent.TIMER, this.updatePlayhead);
+ this.timer.start();
+ }
+
+ private function loadError(e:IOErrorEvent):void {
+ ExternalInterface.call(this.playerInstance+'loadError');
+ }
+
+ private function play():void {
+ this.channel = this.sound.play(this.pausePoint);
+ this.setVolume(this.volume);
+ this.playing = true;
+ this.timer.start();
+ }
+
+ private function pause():void {
+ this.pausePoint = this.channel.position;
+ this.channel.stop();
+ this.playing = false;
+ this.timer.stop();
+ }
+
+ private function playPause():void {
+ if (this.playing) {
+ this.pause();
+ } else {
+ this.play();
+ }
+ }
+
+ private function skipTo(percent:Number):void {
+ this.channel.stop();
+ this.pausePoint = this.duration * percent;
+ if (this.playing) {
+ this.channel = this.sound.play(this.pausePoint);
+ this.setVolume(this.volume);
+ } else {
+ this.updatePlayhead();
+ }
+ }
+
+ private function setVolume(vol:Number):void {
+ this.volume = vol;
+ var transform:SoundTransform = this.channel.soundTransform;
+ if (vol < 0) vol = 0;
+ if (vol > 1) vol = 1;
+ transform.volume = vol;
+ channel.soundTransform = transform;
+ }
+
+ private function soundEnded(e:Event):void {
+ ExternalInterface.call(this.playerInstance+'trackEnded');
+ }
+
+}
+
+}
\ No newline at end of file
diff --git a/public/admin/js/audiojs/audiojs/audiojs.swf b/public/admin/js/audiojs/audiojs/audiojs.swf
index 483599fc8273d0ccaaa935aa115a65e05ffe27ec..cc8086dcc05da3960770a4549799d6fc9dff6955 100644
Binary files a/public/admin/js/audiojs/audiojs/audiojs.swf and b/public/admin/js/audiojs/audiojs/audiojs.swf differ
diff --git a/public/admin/js/audiojs/audiojs/audiojs2.swf b/public/admin/js/audiojs/audiojs/audiojs2.swf
new file mode 100644
index 0000000000000000000000000000000000000000..cc8086dcc05da3960770a4549799d6fc9dff6955
Binary files /dev/null and b/public/admin/js/audiojs/audiojs/audiojs2.swf differ
diff --git a/public/admin/js/audiojs/audiojs/player-graphics_blue.gif b/public/admin/js/audiojs/audiojs/player-graphics_blue.gif
new file mode 100644
index 0000000000000000000000000000000000000000..612059173fe52e27969e9c5b63617c951a481cdf
Binary files /dev/null and b/public/admin/js/audiojs/audiojs/player-graphics_blue.gif differ
diff --git a/public/admin/js/audiojs/audiojs/style-dark.css b/public/admin/js/audiojs/audiojs/style-dark.css
new file mode 100644
index 0000000000000000000000000000000000000000..4c54a1e46bd338cab20fd80aca6beafa3ace422b
--- /dev/null
+++ b/public/admin/js/audiojs/audiojs/style-dark.css
@@ -0,0 +1,189 @@
+.audiojs audio {
+ position: absolute;
+ left: -1px;
+}
+.audiojs {
+ width: 500px;
+ height: 36px;
+ background: #404040;
+ overflow: hidden;
+ font-family: monospace;
+ font-size: 12px;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
+ background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
+ -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
+ -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
+ box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
+}
+.audiojs .play-pause {
+ width: 25px;
+ height: 40px;
+ padding: 4px 6px;
+ margin: 0px;
+ float: left;
+ overflow: hidden;
+ border-right: 1px solid #000;
+}
+.audiojs p {
+ display: none;
+ width: 25px;
+ height: 40px;
+ margin: 0px;
+ cursor: pointer;
+}
+.audiojs .play {
+ display: block
+}
+.audiojs .scrubber {
+ position: relative;
+ float: left;
+ width: 280px;
+ background: #5a5a5a;
+ height: 14px;
+ margin: 10px;
+ border-top: 1px solid #3f3f3f;
+ border-left: 0px;
+ border-bottom: 0px;
+ overflow: hidden;
+}
+.audiojs .progress {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 14px;
+ width: 0px;
+ background: #ccc;
+ z-index: 1;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
+ background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%);
+}
+.audiojs .loaded {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 14px;
+ width: 0px;
+ background: #000;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
+ background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);
+}
+.audiojs .time {
+ float: left;
+ height: 36px;
+ line-height: 36px;
+ margin: 0px 0px 0px 6px;
+ padding: 0px 6px 0px 12px;
+ border-left: 1px solid #000;
+ color: #ddd;
+ text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
+}
+.audiojs .time em {
+ padding: 0px 2px 0px 0px;
+ color: #f9f9f9;
+ font-style: normal;
+}
+.audiojs .time strong {
+ padding: 0px 0px 0px 2px;
+ font-weight: normal;
+}
+.audiojs .level {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 12px;
+ width: 100%;
+ background: url("./vol-graphics.png") -10px -27px no-repeat;
+}
+.audiojs .error-message {
+ float: left;
+ display: none;
+ margin: 0px 10px;
+ height: 36px;
+ width: 400px;
+ overflow: hidden;
+ line-height: 36px;
+ white-space: nowrap;
+ color: #fff;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ -icab-text-overflow: ellipsis;
+ -khtml-text-overflow: ellipsis;
+ -moz-text-overflow: ellipsis;
+ -webkit-text-overflow: ellipsis;
+}
+.audiojs .error-message a {
+ color: #eee;
+ text-decoration: none;
+ padding-bottom: 1px;
+ border-bottom: 1px solid #999;
+ white-space: wrap;
+}
+.audiojs .play,
+.audiojs .loading,
+.audiojs .error,
+.audiojs .pause {
+ background-image: url("./player-graphics.gif");
+ background-repeat: no-repeat;
+}
+.audiojs .play {
+ background-position: -2px -1px
+}
+.audiojs .loading {
+ background-position: -2px -31px
+}
+.audiojs .error {
+ background-position: -2px -61px
+}
+.audiojs .pause {
+ background-position: -2px -91px
+}
+.audiojs.playing .play,
+.audiojs.playing .loading,
+.audiojs.playing .error {
+ display: none
+}
+.audiojs.playing .pause {
+ display: block
+}
+.audiojs.loading .play,
+.audiojs.loading .pause,
+.audiojs.loading .error {
+ display: none
+}
+.audiojs.loading .loading {
+ display: block
+}
+.audiojs.error .time,
+.audiojs.error .play,
+.audiojs.error .pause,
+.audiojs.error .scrubber,
+.audiojs.error .loading {
+ display: none
+}
+.audiojs.error .error {
+ display: block
+}
+.audiojs.error .play-pause p {
+ cursor: auto
+}
+.audiojs.error .error-message {
+ display: block
+}
+.audiojs .volume {
+ position: relative;
+ float: left;
+ width: 28px;
+ background: url("./vol-graphics.png") -10px -7px no-repeat;
+ height: 12px;
+ overflow: hidden;
+ margin: 10px;
+}
+.audiojs.error .time,
+.error .play,
+.error .pause,
+.error .scrubber,
+.error .loading,
+.error .volume {
+ display: none
+}
diff --git a/public/admin/js/audiojs/audiojs/style-light.css b/public/admin/js/audiojs/audiojs/style-light.css
new file mode 100644
index 0000000000000000000000000000000000000000..bce466ebe0b6d484560ea542cfa55d93f52e3374
--- /dev/null
+++ b/public/admin/js/audiojs/audiojs/style-light.css
@@ -0,0 +1,188 @@
+.audiojs audio {
+ display: none;
+}
+.audiojs {
+ width: 500px;
+ height: 22px;
+ background: none;
+ border: 1px solid LightGrey;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px;
+ border-radius: 4px;
+ overflow: hidden;
+ font-family: monospace;
+ font-size: 12px;
+ color: #8D8D8D;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ -o-box-shadow: none;
+ box-shadow: none;
+ padding: 1px 0px;
+ margin: 5px 0px;
+}
+.audiojs .play-pause {
+ width: 22px;
+ height: 22px;
+ padding: 0;
+ margin: 0px;
+ float: left;
+ overflow: hidden;
+ border-right: 1px solid #CECECE;
+}
+.audiojs p {
+ display: none;
+ width: 22px;
+ height: 22px;
+ margin: 0px;
+ cursor: pointer;
+}
+.audiojs .volume {
+ position: relative;
+ float: left;
+ width: 28px;
+ background: url("./player-graphics_blue.gif") -10px -143px no-repeat;
+ height: 12px;
+ overflow: hidden;
+ margin: 5px;
+}
+.audiojs .play {
+ display: block
+}
+.audiojs .scrubber {
+ position: relative;
+ float: left;
+ width: 320px;
+ background: #CECECE;
+ height: 12px;
+ margin: 5px 5px;
+ border-left: 0px;
+ border-bottom: 0px solid #F9F9F9;
+ border-top: 0px solid #AEAEAE;
+ overflow: hidden;
+}
+.audiojs .progress {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 12px;
+ width: 0px;
+ background: #338ce4;
+ z-index: 1;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #509dea), color-stop(1, #1c72dd));
+ background-image: -moz-linear-gradient(center top, #509dea 0%, #1c72dd 100%);
+}
+.audiojs .loaded {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 12px;
+ width: 0px;
+ background: #BABABA;
+}
+.audiojs .time {
+ float: left;
+ text-align: center;
+ width: 91px;
+ height: 22px;
+ line-height: 22px;
+ margin: 0px 0px 0px 0px;
+ padding: 0px 5px;
+ border-left: 1px solid #CECECE;
+ border-right: 1px solid #CECECE;
+}
+.audiojs .time em {
+ padding: 0px 2px 0px 0px;
+ color: #526f9a;
+ font-style: normal;
+ text-shadow: none;
+}
+.audiojs .time strong {
+ padding: 0px 0px 0px 2px;
+ color: #8D8D8D;
+ font-weight: normal;
+ text-shadow: none;
+}
+.audiojs .level {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 12px;
+ width: 100%;
+ background: url("./player-graphics_blue.gif") -10px -123px no-repeat;
+}
+.audiojs .error-message {
+ float: left;
+ display: none;
+ margin: 0px 10px;
+ height: 21px;
+ width: 375px;
+ overflow: hidden;
+ line-height: 21px;
+ white-space: nowrap;
+ color: #8D8D8D;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ -icab-text-overflow: ellipsis;
+ -khtml-text-overflow: ellipsis;
+ -moz-text-overflow: ellipsis;
+ -webkit-text-overflow: ellipsis;
+}
+.audiojs .error-message a {
+ color: #338ce4;
+ text-decoration: none;
+ white-space: wrap;
+}
+.audiojs .play {
+ background: url("./player-graphics_blue.gif") -3px -3px no-repeat
+}
+.audiojs .loading {
+ background: url("./player-graphics_blue.gif") -3px -33px no-repeat
+}
+.audiojs .error {
+ background: url("./player-graphics_blue.gif") -3px -63px no-repeat
+}
+.audiojs .pause {
+ background: url("./player-graphics_blue.gif") -3px -93px no-repeat
+}
+.audiojs .pause:hover,
+.audiojs .pause:focus {
+ background: url("./player-graphics_blue.gif") -33px -93px no-repeat
+}
+.audiojs .play:hover,
+.audiojs .play:focus {
+ background: url("./player-graphics_blue.gif") -33px -3px no-repeat
+}
+.audiojs.playing .play,
+.playing .loading,
+.playing .error {
+ display: none
+}
+.audiojs.playing .pause {
+ display: block
+}
+.audiojs.loading .play,
+.loading .pause,
+.loading .error {
+ display: none
+}
+.audiojs.loading .loading {
+ display: block
+}
+.audiojs.error .time,
+.error .play,
+.error .pause,
+.error .scrubber,
+.error .loading,
+.error .volume {
+ display: none
+}
+.audiojs.error .error {
+ display: block
+}
+.audiojs.error .play-pause p {
+ cursor: auto
+}
+.audiojs.error .error-message {
+ display: block
+}
diff --git a/public/admin/js/audiojs/audiojs/vol-graphics.png b/public/admin/js/audiojs/audiojs/vol-graphics.png
new file mode 100644
index 0000000000000000000000000000000000000000..847e7abe0bec98c22099c890c0d81105da8136a7
Binary files /dev/null and b/public/admin/js/audiojs/audiojs/vol-graphics.png differ
diff --git a/public/admin/js/audiojs/demos/test1.html b/public/admin/js/audiojs/demos/test1.html
new file mode 100644
index 0000000000000000000000000000000000000000..24d1d5e5623674c12da20f98ff36026787cd1f7f
--- /dev/null
+++ b/public/admin/js/audiojs/demos/test1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Test 1 - audio.js</title>
+ <style>
+ p { clear: both; }
+ </style>
+ <script src="../audiojs/audio.js"></script>
+ <script>
+ audiojs.events.ready(function() {
+ var as = audiojs.createAll();
+ });
+ </script>
+ <link rel="stylesheet" type="text/css" href="../audiojs/style-light.css">
+ </head>
+ <body>
+ <h1>audiojs.createAll()</h1>
+ <p>Load from remote URL</p>
+ <audio controls="controls">
+ <source src="http://s3.amazonaws.com/audiojs/02-juicy-r.mp3">
+ </audio>
+ </body>
+</html>
diff --git a/public/admin/js/audiojs/demos/test4.html b/public/admin/js/audiojs/demos/test4.html
new file mode 100644
index 0000000000000000000000000000000000000000..a6e515060ee77dc53fae690ce679df0aa370f179
--- /dev/null
+++ b/public/admin/js/audiojs/demos/test4.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Test 4 - audio.js</title>
+ <style>
+ p { clear: both; }
+ </style>
+ <script src="../audiojs/audio.js"></script>
+ <script>
+ audiojs.events.ready(function() {
+ var as = audiojs.createAll();
+ as[1].load({
+ mp3: "http://s3.amazonaws.com/audiojs/02-juicy-r.mp3",
+ ogg: "http://s3.amazonaws.com/audiojs/02-juicy-r.ogg"
+ });
+ });
+ </script>
+ </head>
+ <body>
+ <h1>audiojs.create(element, settings)</h1>
+ <p>.ogg fallback</p>
+ <audio src="http://s3.amazonaws.com/audiojs/02-juicy-r.mp3" preload>
+ <source src="http://s3.amazonaws.com/audiojs/02-juicy-r.ogg">
+ </audio>
+ <p>Dynamically-loaded audio file with .ogg fallback</p>
+ <audio preload="none"></audio>
+ </body>
+</html>
\ No newline at end of file
diff --git a/public/admin/js/audiojs/demos/test6.html b/public/admin/js/audiojs/demos/test6.html
new file mode 100644
index 0000000000000000000000000000000000000000..c45956a96f4d612699c19cda2e6868bf4a8e5137
--- /dev/null
+++ b/public/admin/js/audiojs/demos/test6.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Test 6 - audio.js</title>
+ <style>
+ p { clear: both; }
+ </style>
+ <script src="../audiojs/audio.js"></script>
+ <script>
+ audiojs.events.ready(function() {
+ var as = audiojs.createAll(),
+ audio = as[0],
+ ids = ['vol-0', 'vol-10', 'vol-40', 'vol-70', 'vol-100'];
+ for (var i = 0, ii = ids.length; i < ii; i++) {
+ var elem = document.getElementById(ids[i]),
+ volume = ids[i].split('-')[1];
+ elem.setAttribute('data-volume', volume / 100)
+ elem.onclick = function(e) {
+ audio.setVolume(this.getAttribute('data-volume'));
+ e.preventDefault();
+ return false;
+ }
+ }
+
+ });
+ </script>
+ </head>
+ <body>
+ <h1>audiojs.create(element, settings)</h1>
+ <p>Volume</p>
+ <audio src="http://s3.amazonaws.com/audiojs/02-juicy-r.mp3"></audio>
+ <p><a href="#" id="vol-0">Volume: 0.0</a></p>
+ <p><a href="#" id="vol-10">Volume: 0.1</a></p>
+ <p><a href="#" id="vol-40">Volume: 0.4</a></p>
+ <p><a href="#" id="vol-70">Volume: 0.7</a></p>
+ <p><a href="#" id="vol-100">Volume: 1.0</a></p>
+ </body>
+</html>
\ No newline at end of file
diff --git a/public/admin/js/audiojs/includes/divider.png b/public/admin/js/audiojs/includes/divider.png
new file mode 100644
index 0000000000000000000000000000000000000000..a342afdfddf44c497d45592fe7ad6aa0154cbf0b
Binary files /dev/null and b/public/admin/js/audiojs/includes/divider.png differ
diff --git a/public/admin/js/audiojs/includes/index.css b/public/admin/js/audiojs/includes/index.css
index bb076576afc9e6439d223eeff45d247916388e89..259fb8f7f9fe6d94e5f879bc6b304d4ee6e2ed56 100644
--- a/public/admin/js/audiojs/includes/index.css
+++ b/public/admin/js/audiojs/includes/index.css
@@ -1,4 +1,4 @@
-@font-face { font-family: 'bpreplay'; font-weight: normal; font-style: normal; src: url('BPreplay-webfont.eot'); src: local('☺'), url('BPreplay-webfont.woff') format('woff'), url('BPreplay-webfont.ttf') format('truetype'), url('BPreplay-webfont.svg#webfontgzJ8Cr4g') format('svg'); }
+@font-face { font-family: 'bpreplay'; font-weight: normal; font-style: normal; }
body { width: 480px; margin: 40px auto; font-family: sans-serif; background: #f6f6f0; color: #330; line-height: 1.5; }
header { display: block; background: url('./divider.png') bottom center no-repeat; padding: 10px 0px; margin: 0px 0px 20px; text-align: center; }
@@ -11,7 +11,7 @@ h2 { font-family: 'bpreplay', sans-serif; font-weight: normal; font-size: 24px;
.download { background: url('./divider.png') top center no-repeat, url('./divider.png') bottom center no-repeat; margin: 30px 0px; padding: 20px 0px; text-align: center; }
.download a em { color: rgba(255, 255, 255, 0.8); font-style: normal; }
.download a em:before { content: '⬇ '; font-size: 0.8em; padding: 0px 4px 0px 0px; }
-.download a { display: block; color: #f6f6f0; width: 190px; margin: 5px auto; padding: 8px 2px 8px 0px; font-size: 14px; border-bottom: 0px; background: #da1c5c;
+.download a { display: block; color: #f6f6f0; width: 190px; margin: 5px auto; padding: 8px 2px 8px 0px; font-size: 14px; border-bottom: 0px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #da1c5c), color-stop(0.5, #C81C5C), color-stop(0.51, #da1c5c), color-stop(1, #da1c5c));
background-image: -moz-linear-gradient(center top, #da1c5c 0%, #C81C5C 50%, #da1c5c 51%, #da1c5c 100%); }
@@ -21,24 +21,16 @@ h3 { margin: 30px 0px 8px; }
p { font-size: 13px; margin: 0px 0px 5px; padding: 0px 0px 1px; }
em { font-style: normal; color: #b1aca0; padding-right: 3px; }
a { color: #330; text-decoration: none; border-bottom: 1px solid; }
-blockquote { font-size: 13px; font-style: italic; border-left: 2px solid #b1aca0; padding: 0px 0px 2px 10px; margin: 0px 0px 10px; }
-cite:before { content: "From:\00a0"; }
-cite { border-top: 1px dotted #999; padding-top: 0.5em; display: block; word-wrap: break-word; }
-ol { padding: 0px; font-size: 12px; color: #b1aca0; }
-ol li { margin: 0px 0px 20px; }
+ol { padding: 0px; font-size: 11px; color: #C5C1B3; }
ol li p { color: #330; }
-ul { font-size: 13px; margin: 6px 0px; padding: 0px; list-style: none; }
-ul li { position: relative; }
-ul li:before { content: '\2022'; position: absolute; left: -1.8ex; }
-
pre,
code { background: #EFEEE6; color: #552; font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 12px; padding: 0px 3px; }
-pre { margin: 0px; padding: 4px 8px; }
+pre { padding: 4px 8px; }
-footer { display: block; margin: 30px 0px 0px; color: #b1aca0; text-align: center; margin: 50px 0px 0px; }
-footer a { color: #b1aca0; }
+footer { display: block; margin: 30px 0px 0px; color: #C1BDB0; text-align: center; }
+footer a { color: #C1BDB0; border-bottom: 1px solid; margin: 0px 3px; }
footer em { display: block; font-size: 1.2em; font-style: normal; }
-footer .ab-c { font-family: 'Andale Mono', 'Courier New', courier; font-size: 0.75em; margin: 30px 0px 0px; padding: 20px 0px; border-top: 1px solid #EFEEE6; }
-footer .ab-c a { padding: 0px; }
\ No newline at end of file
+footer .ab-c { font-family: 'Andale Mono', 'Courier New', courier; font-size: 0.75em; margin: 50px 0px 0px; padding: 20px 0px; border-top: 1px solid #EFEEE6; }
+footer .ab-c a { padding: 0px; }
diff --git a/public/admin/js/audiojs/index.html b/public/admin/js/audiojs/index.html
index fdad851f7943e6d3d434a329859ecdfd378eeced..2b7b9dc184e2fdcfc84457189148ed8247a9bbfb 100644
--- a/public/admin/js/audiojs/index.html
+++ b/public/admin/js/audiojs/index.html
@@ -3,8 +3,8 @@
<head>
<meta charset="utf-8">
<title>audio.js</title>
- <script>var _gaq=[['_setAccount','UA-20257902-1'],['_trackPageview']];(function(d,t){ var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'))</script>
- <script src="./audiojs/audio.min.js"></script>
+ <link rel="stylesheet" href="./audiojs/style-light.css" media="screen">
+ <script src="./audiojs/audio.js"></script>
<link rel="stylesheet" href="./includes/index.css" media="screen">
<script>
audiojs.events.ready(function() {
@@ -19,22 +19,14 @@
<audio src="http://s3.amazonaws.com/audiojs/02-juicy-r.mp3" preload="auto"></audio>
- <h2>audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere.</h2>
-
- <p>It uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.</audio>
-
- <div class="download">
- <a href="http://kolber.github.com/audiojs/audiojs.zip" class="button"><em>Download</em> audio.js</a>
- </div>
-
<h3>Installation</h3>
<ol>
<li>
<p>Put <code>audio.js</code>, <code>player-graphics.gif</code> & <code>audiojs.swf</code> in the same folder.</p>
</li>
<li>
- <p>Include the <code>audio.js</code> file:</p>
- <pre><code><script src="/audiojs/audio.min.js"></script></code></pre>
+ <p>Include audio.js:</p>
+ <pre><code><script src="/audiojs/audio.js"></script></code></pre>
</li>
<li>
<p>Initialise audio.js:</p>
@@ -52,10 +44,22 @@
<h3>Examples</h3>
<p>A series of API tests & examples for using and extending audio.js</p>
- <p><em>Example 1</em> <a href="http://kolber.github.com/audiojs/demos/test1.html">Test multiple load types</a></p>
- <p><em>Example 2</em> <a href="http://kolber.github.com/audiojs/demos/test2.html">Custom markup/css</a></p>
- <p><em>Example 3</em> <a href="http://kolber.github.com/audiojs/demos/test3.html">Multiple players, testing <code>preload</code>, <code>loop</code> & <code>autoplay</code> attributes</a></p>
- <p><em>Example 4</em> <a href="http://kolber.github.com/audiojs/demos/test5.html">Customised player</a></p>
+ <p><em>Example 1</em> <a href="http://dotzero.github.com/audiojs/demos/test1.html">Test multiple load types</a></p>
+ <p><em>Example 2</em> <a href="http://dotzero.github.com/audiojs/demos/test2.html">Custom markup/css</a></p>
+ <p><em>Example 3</em> <a href="http://dotzero.github.com/audiojs/demos/test3.html">Multiple players, testing <code>preload</code>, <code>loop</code> & <code>autoplay</code> attributes</a></p>
+ <p><em>Example 4</em> <a href="http://dotzero.github.com/audiojs/demos/test5.html">Customised player</a></p>
+ <p><em>Example 5</em> <a href="http://dotzero.github.com/audiojs/demos/test6.html">Customised playlist player</a></p>
+
+ <h3>Source code</h3>
+ <p>All efforts have been made to keep the source as clean and readable as possible. Until we release more detailed documentation, the annotated source is the best reference for usage.</p>
+ <p><a href="http://dotzero.github.com/audiojs/docs/">Annotated source</a> / <a href="http://github.com/dotzero/audiojs">Source on Github</a></p>
+
+ <footer>
+ <p class="ab-c"><em>ℜ</em> Another <a href='http://ab-c.com.au'>ab+c</a> joint</p>
+ </footer>
+ </body>
+</html>
+://kolber.github.com/audiojs/demos/test5.html">Customised player</a></p>
<p><em>Example 5</em> <a href="http://kolber.github.com/audiojs/demos/test6.html">Customised playlist player</a></p>
<!--<p><em>Example 6</em> <a href="http://kolber.github.com/audiojs/demos/test4.html">.ogg fallback</a></p>-->
diff --git a/tests/library/ZendAfi/View/Helper/AudioJSPlayerTest.php b/tests/library/ZendAfi/View/Helper/AudioJSPlayerTest.php
index 14f46a31c65628b07cb672a59caad41d751c294a..dd045bf0b6139bad7410e7ee41735c8e6decd53f 100644
--- a/tests/library/ZendAfi/View/Helper/AudioJSPlayerTest.php
+++ b/tests/library/ZendAfi/View/Helper/AudioJSPlayerTest.php
@@ -19,17 +19,18 @@
* Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
*/
-class ZendAfi_View_Helper_AudioJsPlayerTest extends PHPUnit_Framework_TestCase {
+class ZendAfi_View_Helper_AudioJsPlayerTest extends ViewHelperTestCase {
/**
* @var ZendAfi_View_Helper_AudioJsPlayer
*/
private $_helper;
+ private $_html;
- protected function setUp() {
+ public function setUp() {
Class_ScriptLoader::resetInstance();
$this->_helper = new ZendAfi_View_Helper_AudioJsPlayer();
$this->_helper->setView(new Zend_View());
- $this->_helper->audioJsPlayer();
+ $this->_html = $this->_helper->audioJsPlayer('http://alter-l/si-veriash.mp3');
}
/** @test */
@@ -43,6 +44,12 @@ class ZendAfi_View_Helper_AudioJsPlayerTest extends PHPUnit_Framework_TestCase {
public function audioJSShouldBeCreated() {
$this->assertContains('audiojs.createAll', Class_ScriptLoader::getInstance()->html());
}
+
+
+ /** @test */
+ public function audioTagShouldContainsSrc() {
+ $this->assertXPath($this->_html, '//audio/source[@src="http://alter-l/si-veriash.mp3"]', $this->_html);
+ }
}
?>
\ No newline at end of file