+
+
+ +
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/360-player/script/360player.js b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/360-player/script/360player.js
new file mode 100755
index 0000000..4546a41
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/360-player/script/360player.js
@@ -0,0 +1,1416 @@
+/**
+ *
+ * SoundManager 2 Demo: 360-degree / "donut player"
+ * ------------------------------------------------
+ * http://schillmania.com/projects/soundmanager2/
+ *
+ * An inline player with a circular UI.
+ * Based on the original SM2 inline player.
+ * Inspired by Apple's preview feature in the
+ * iTunes music store (iPhone), among others.
+ *
+ * Requires SoundManager 2 Javascript API.
+ * Also uses Bernie's Better Animation Class (BSD):
+ * http://www.berniecode.com/writing/animator.html
+ *
+*/
+
+/*jslint white: false, onevar: true, undef: true, nomen: false, eqeqeq: true, plusplus: false, bitwise: true, regexp: false, newcap: true, immed: true */
+/*global document, window, soundManager, navigator */
+
+var threeSixtyPlayer, // instance
+ ThreeSixtyPlayer; // constructor
+
+(function(window) {
+
+function ThreeSixtyPlayer() {
+
+ var self = this,
+ pl = this,
+ sm = soundManager, // soundManager instance
+ uA = navigator.userAgent,
+ isIE = (uA.match(/msie/i)),
+ isOpera = (uA.match(/opera/i)),
+ isSafari = (uA.match(/safari/i)),
+ isChrome = (uA.match(/chrome/i)),
+ isFirefox = (uA.match(/firefox/i)),
+ isTouchDevice = (uA.match(/ipad|iphone/i)),
+ hasRealCanvas = (typeof window.G_vmlCanvasManager === 'undefined' && typeof document.createElement('canvas').getContext('2d') !== 'undefined'),
+ // I dunno what Opera doesn't like about this. I'm probably doing it wrong.
+ fullCircle = (isOpera||isChrome?359.9:360),
+ // exclude old IE from hi-DPI / "retina"-scale display size
+ hiDPIScale = (navigator.userAgent.match(/msie [678]/i)? 1 : 2);
+
+ // CSS class for ignoring MP3 links
+ this.excludeClass = 'threesixty-exclude';
+ this.links = [];
+ this.sounds = [];
+ this.soundsByURL = [];
+ this.indexByURL = [];
+ this.lastSound = null;
+ this.lastTouchedSound = null;
+ this.soundCount = 0;
+ this.oUITemplate = null;
+ this.oUIImageMap = null;
+ this.vuMeter = null;
+ this.callbackCount = 0;
+ this.peakDataHistory = [];
+
+ // 360player configuration options
+ this.config = {
+
+ playNext: false, // stop after one sound, or play through list until end
+ autoPlay: false, // start playing the first sound right away
+ allowMultiple: false, // let many sounds play at once (false = only one sound playing at a time)
+ loadRingColor: '#ccc', // how much has loaded
+ playRingColor: '#000', // how much has played
+ backgroundRingColor: '#eee', // color shown underneath load + play ("not yet loaded" color)
+
+ // optional segment/annotation (metadata) stuff..
+ segmentRingColor: 'rgba(255,255,255,0.33)', // metadata/annotation (segment) colors
+ segmentRingColorAlt: 'rgba(0,0,0,0.1)',
+ loadRingColorMetadata: '#ddd', // "annotations" load color
+ playRingColorMetadata: 'rgba(128,192,256,0.9)', // how much has played when metadata is present
+
+ circleDiameter: null, // set dynamically according to values from CSS
+ circleRadius: null,
+ animDuration: 500,
+ animTransition: window.Animator.tx.bouncy, // http://www.berniecode.com/writing/animator.html
+ showHMSTime: false, // hours:minutes:seconds vs. seconds-only
+ scaleFont: true, // also set the font size (if possible) while animating the circle
+
+ // optional: spectrum or EQ graph in canvas (not supported in IE <9, too slow via ExCanvas)
+ useWaveformData: false,
+ waveformDataColor: '#0099ff',
+ waveformDataDownsample: 3, // use only one in X (of a set of 256 values) - 1 means all 256
+ waveformDataOutside: false,
+ waveformDataConstrain: false, // if true, +ve values only - keep within inside circle
+ waveformDataLineRatio: 0.64,
+
+ // "spectrum frequency" option
+ useEQData: false,
+ eqDataColor: '#339933',
+ eqDataDownsample: 4, // use only one in X (of 256 values)
+ eqDataOutside: true,
+ eqDataLineRatio: 0.54,
+
+ // enable "amplifier" (canvas pulses like a speaker) effect
+ usePeakData: true,
+ peakDataColor: '#ff33ff',
+ peakDataOutside: true,
+ peakDataLineRatio: 0.5,
+
+ useAmplifier: true, // "pulse" like a speaker
+
+ fontSizeMax: null, // set according to CSS
+
+ scaleArcWidth: 1, // thickness factor of playback progress ring
+
+ useFavIcon: false // Experimental (also requires usePeakData: true).. Try to draw a "VU Meter" in the favicon area, if browser supports it (Firefox + Opera as of 2009)
+
+ };
+
+ this.css = {
+
+ // CSS class names appended to link during various states
+ sDefault: 'sm2_link', // default state
+ sBuffering: 'sm2_buffering',
+ sPlaying: 'sm2_playing',
+ sPaused: 'sm2_paused'
+
+ };
+
+ this.addEventHandler = (typeof window.addEventListener !== 'undefined' ? function(o, evtName, evtHandler) {
+ return o.addEventListener(evtName,evtHandler,false);
+ } : function(o, evtName, evtHandler) {
+ o.attachEvent('on'+evtName,evtHandler);
+ });
+
+ this.removeEventHandler = (typeof window.removeEventListener !== 'undefined' ? function(o, evtName, evtHandler) {
+ return o.removeEventListener(evtName,evtHandler,false);
+ } : function(o, evtName, evtHandler) {
+ return o.detachEvent('on'+evtName,evtHandler);
+ });
+
+ this.hasClass = function(o,cStr) {
+ return typeof(o.className)!=='undefined'?o.className.match(new RegExp('(\\s|^)'+cStr+'(\\s|$)')):false;
+ };
+
+ this.addClass = function(o,cStr) {
+
+ if (!o || !cStr || self.hasClass(o,cStr)) {
+ return false;
+ }
+ o.className = (o.className?o.className+' ':'')+cStr;
+
+ };
+
+ this.removeClass = function(o,cStr) {
+
+ if (!o || !cStr || !self.hasClass(o,cStr)) {
+ return false;
+ }
+ o.className = o.className.replace(new RegExp('( '+cStr+')|('+cStr+')','g'),'');
+
+ };
+
+ this.getElementsByClassName = function(className,tagNames,oParent) {
+
+ var doc = (oParent||document),
+ matches = [], i,j, nodes = [];
+ if (typeof tagNames !== 'undefined' && typeof tagNames !== 'string') {
+ for (i=tagNames.length; i--;) {
+ if (!nodes || !nodes[tagNames[i]]) {
+ nodes[tagNames[i]] = doc.getElementsByTagName(tagNames[i]);
+ }
+ }
+ } else if (tagNames) {
+ nodes = doc.getElementsByTagName(tagNames);
+ } else {
+ nodes = doc.all||doc.getElementsByTagName('*');
+ }
+ if (typeof(tagNames)!=='string') {
+ for (i=tagNames.length; i--;) {
+ for (j=nodes[tagNames[i]].length; j--;) {
+ if (self.hasClass(nodes[tagNames[i]][j],className)) {
+ matches.push(nodes[tagNames[i]][j]);
+ }
+ }
+ }
+ } else {
+ for (i=0; iSoundManager 2 / 360° Player: JavaScript + Canvas UI
+ +Canvas-based UI. Load progress, seek, play/pause etc. Also see 360° UI visualization demo.
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+How This Works
+ +The script looks for a container element matching div.ui360, and then the first link inside of it.
+
+
+
+ <div class="ui360">
+ <a href="/path/to/an.mp3">play "an.mp3"</a>
+</div>When the 360 player script loads, it adds a UI template to the block, prepending it in front of the MP3 link:
<div class="ui360">
+ <-- dynamically-inserted block -->
+ <div class="ui">
+ <canvas class="sm2-canvas"></canvas>
+ <span class="sm2-360btn"></span>
+ <div class="sm2-timing"></div>
+ <div class="sm2-cover"></div>
+ </div>
+ <-- /UI -->
+ <a href="/path/to/an.mp3">
+</div>Customizing the UI
+ +The player's default 50x50-pixel canvas is defined both within JavaScript and CSS. For an example with different values, see this larger version.
+ +threeSixtyPlayer.config = {
+ playNext: false, // stop after one sound, or play through list until end
+ autoPlay: false, // start playing the first sound right away
+ allowMultiple: true, // let many sounds play at once (false = one at a time)
+ loadRingColor: '#ccc', // amount of sound which has loaded
+ playRingColor: '#000', // amount of sound which has played
+ backgroundRingColor: '#eee', // "default" color shown underneath everything else
+ animDuration: 500,
+ animTransition: Animator.tx.bouncy // http://www.berniecode.com/writing/animator.html
+}The CSS for the canvas UI block is a bit ugly, but JavaScript reads the width of the .sm2-360ui element in the DOM as set by CSS and uses that to later draw and update the canvas element while playing.
.ui360,
+.sm2-360ui {
+ /* size of the container for the circle, etc. */
+ width:50px;
+ height:50px;
+}
+Third-party Components
+ +This demo includes use of Bernie's Better Animation Class (Apache licensed) for some animation effects.
+Also, some loader/spinner icons from ajaxload.info are used for showing loading/buffering states.
+ ++ +
+ SoundManager 2 project page (not an MP3 link) +
+ + +
+
+
+
+Interval-based animation (with sound)
+ ++ Click + drag for fun. +
+ +Speeding Up ExternalInterface: Keep .swf in view
+ +SoundManager 2 now incorporates a "high performance" mode, which has been shown to noticeably improve timing and frequency of flash callbacks. This is important for timing, reducing delay between a JS call and the sound being played, etc.
+ +To reduce audio delay and timing issues from slow JS/Flash communication, SM2 will try to ensure that the flash movie is visible on screen at all times. If hidden or otherwise off-screen, Flash will be given lower priority and thus JS/flash "lag" (ie., delay) will be introduced when trying to play audio "in sync."
+ +Generally, positioning the flash movie using position:fixed and bottom/left or bottom/right 0px is the less-intrusive option.
+ ++ Throw from mouse +
++ + +
+ + +Sound source: "Acclivity", freesound.org
+ +
+ 
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-1/script/animation.js b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-1/script/animation.js
new file mode 100755
index 0000000..2228c86
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-1/script/animation.js
@@ -0,0 +1,190 @@
+var balls = [];
+var canvasX = 0;
+var canvasY = 0;
+var timer = null;
+var m_lastX = 0;
+var m_lastY = 0;
+var M_SPACE = 24;
+var B_VMIN = 5;
+var B_VMAX = 5;
+var B_WIDTH = 13;
+var B_HEIGHT = 13;
+var useMouse = null;
+var ballSound = null;
+var ballPopSound = null;
+
+function rnd(n) {
+ return Math.random()*n;
+}
+
+function rndI(n) {
+ return parseInt(rnd(n));
+}
+
+function createBall(oParent) {
+ oParent.appendChild(balls[0].cloneNode(true));
+ initBall(balls[balls.length-1],balls.length);
+}
+
+function createBallAtMouse(e) {
+ e = e?e:event;
+ createBall(document.getElementById('ball-container'));
+ with (balls[balls.length-1]) {
+ _x = e.clientX;
+ _y = e.clientY;
+ if (useMouse.checked != false) {
+ _vX = (m_lastX-e.clientX)*-0.7;
+ _vY = (m_lastY-e.clientY)*-0.7;
+ } else {
+ _vX = 0;
+ _vY = 0;
+ }
+ }
+ moveBall(balls[balls.length-1]);
+}
+
+function initBall(oBall,i) {
+ oBall._id = 'ball'+i;
+ oBall._active = true;
+ oBall._x = rnd(canvasX);
+ oBall._y = rnd(canvasY);
+ oBall._vX = B_VMIN+rnd(B_VMAX)*(Math.random()>0.5?1:-1);
+ oBall._vY = B_VMIN+rnd(B_VMAX);
+ oBall.style.display = 'block';
+}
+
+function moveBall(oBall) {
+ oBall._x += oBall._vX;
+ oBall._y += (oBall._vY++); // gravity!
+ var bounce = false;
+ if ((oBall._vX>0 && oBall._x+oBall._vX+B_WIDTH>canvasX) || (oBall._vX<0 && oBall._x+oBall._vX<0)) {
+ oBall._vX *= -1;
+ bounce = true;
+ }
+ if ((oBall._vY>0 && oBall._y+oBall._vY+B_HEIGHT>canvasY) || (oBall._vY<0 && oBall._y+oBall._vY<0)) {
+ // bounce on Y axis - with resistance on both axes
+ if (oBall._vY>0) oBall._y = canvasY-B_HEIGHT; // bounce exactly from bottom
+ oBall._vY *= -(oBall._vY>1?0.6:1);
+ bounce = true;
+ if (Math.abs(oBall._vX)>0.5) {
+ oBall._vX *= 0.85;
+ } else {
+ oBall._vX = 0;
+ }
+ if (Math.abs(oBall._vY)<=3 && Math.abs(oBall._vX==0)) {
+ oBall._active = false;
+ bounce = false;
+ ballPopSound.play();
+ oBall.style.display = 'none';
+ }
+ }
+ oBall.style.left = oBall._x+'px';
+ oBall.style.top = oBall._y+'px';
+ if (bounce) ballSound.play({pan:getPan(oBall._x,canvasX)});
+}
+
+function getPan(x,canvasX) {
+ var pos = x/canvasX;
+ var pan = null;
+ if (pos<=0.4) {
+ pan = Math.floor(-100+(pos/0.4*100));
+ } else if (pos>0.4 && pos<=0.5) {
+ pan = 0;
+ } else {
+ pan = Math.floor(pos*100);
+ }
+ return pan;
+}
+
+function animateStuff() {
+ for (var i=balls.length; i--;) {
+ if (balls[i]._active) moveBall(balls[i]);
+ }
+}
+
+function startAnimation() {
+ if (!timer) timer = setInterval(animateStuff,20);
+ document.getElementById('b-start').disabled = true;
+ document.getElementById('b-stop').disabled = false;
+}
+
+function stopAnimation() {
+ if (!timer) return false;
+ clearInterval(timer);
+ timer = null;
+ document.getElementById('b-start').disabled = false;
+ document.getElementById('b-stop').disabled = true;
+}
+
+function mouseDown(e) {
+ e = e?e:event;
+ m_lastX = e.clientX;
+ m_lastY = e.clientY;
+ document.onmousemove = mouseMove;
+ document.onmouseup = mouseUp;
+ return false;
+}
+
+function mouseMove(e) {
+ e = e?e:event;
+ if (Math.abs(e.clientX-m_lastX)>M_SPACE || Math.abs(e.clientY-m_lastY)>M_SPACE) {
+ createBallAtMouse(e);
+ m_lastX = e.clientX;
+ m_lastY = e.clientY;
+ }
+ return false;
+}
+
+function mouseUp() {
+ document.onmousemove = null;
+ document.onmouseup = null;
+}
+
+function init() {
+ ballSound = soundManager.createSound({
+ id: 'ballSound',
+ url: '../animation/audio/fingerplop.mp3',
+ volume: 50,
+ multiShot: true,
+ autoLoad: true
+ });
+ ballPopSound = soundManager.createSound({
+ id: 'ballPopSound',
+ url: '../animation/audio/fingerplop2.mp3',
+ volume: 50,
+ multiShot: true,
+ autoLoad: true
+ });
+ balls = document.getElementById('ball-container').getElementsByTagName('img');
+ for (var i=balls.length; i--;) {
+ initBall(balls[i],i);
+ }
+ useMouse = document.getElementById('useMouse');
+ useMouse.checked = true;
+ getWindowCoords();
+ startAnimation();
+ document.onmousedown = mouseDown;
+}
+
+// I know this is kinda broken in Opera.
+getWindowCoords = (navigator.userAgent.toLowerCase().indexOf('opera')>0||navigator.appVersion.toLowerCase().indexOf('safari')!=-1)?function() {
+ canvasX = window.innerWidth;
+ canvasY = window.innerHeight;
+}:function() {
+ canvasX = document.documentElement.clientWidth||document.body.clientWidth||document.body.scrollWidth;
+ canvasY = document.documentElement.clientHeight||document.body.clientHeight||document.body.scrollHeight;
+}
+
+window.onresize = getWindowCoords;
+
+soundManager.setup({
+ preferFlash: true,
+ flashVersion: 9,
+ url: '../../swf/',
+ useHighPerformance: true,
+ debugMode: false, // disable debug mode
+ onready: function() {
+ // soundManager is ready to use (create sounds and so on)
+ init();
+ }
+});
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/bg-land.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/bg-land.png
new file mode 100755
index 0000000..0d0bc8e
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/bg-land.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/bg-sky.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/bg-sky.png
new file mode 100755
index 0000000..24b1989
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/bg-sky.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-10.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-10.cur
new file mode 100755
index 0000000..1f78e9e
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-10.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-11.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-11.cur
new file mode 100755
index 0000000..c559d34
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-11.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-3.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-3.cur
new file mode 100755
index 0000000..5864f78
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-3.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-4.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-4.cur
new file mode 100755
index 0000000..668fba6
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-4.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-5.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-5.cur
new file mode 100755
index 0000000..54de2c9
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-5.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-6.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-6.cur
new file mode 100755
index 0000000..d6c536f
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-6.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-7.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-7.cur
new file mode 100755
index 0000000..779af62
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-7.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-8.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-8.cur
new file mode 100755
index 0000000..07c406e
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-8.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-9.cur b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-9.cur
new file mode 100755
index 0000000..98bf364
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-9.cur differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-shadow.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-shadow.png
new file mode 100755
index 0000000..bb9b73e
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/cursor-shadow.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/dot.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/dot.png
new file mode 100755
index 0000000..7a6b6d8
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/dot.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/index.html b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/index.html
new file mode 100755
index 0000000..9e356a6
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2a/index.html
@@ -0,0 +1,361 @@
+
+
+
+
+
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/bonk.mp3 b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/bonk.mp3
new file mode 100755
index 0000000..2bce046
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/bonk.mp3 differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/fingerplop.mp3 b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/fingerplop.mp3
new file mode 100755
index 0000000..663155e
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/fingerplop.mp3 differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/fingerplop2.mp3 b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/fingerplop2.mp3
new file mode 100755
index 0000000..10f8bb2
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/audio/fingerplop2.mp3 differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/css/animation.css b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/css/animation.css
new file mode 100755
index 0000000..2764bc2
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/css/animation.css
@@ -0,0 +1,36 @@
+body {
+ font-size:75%;
+ background:#667788;
+ color:#fff;
+ text-shadow:0 0 0 #fff; /* Safari nonsense */
+}
+
+h1, h2, h3 {
+ font:normal 3em "Helvetica Neue",georgia,"times new roman","Arial Rounded MT Bold",helvetica,verdana,tahoma,arial,"sans serif";
+ font-weight:normal;
+ margin-bottom:0px;
+}
+
+
+h1 {
+ margin-top:0px;
+}
+
+h1, h2 {
+ letter-spacing:-1px; /* zomg web x.0! ;) */
+}
+
+h2 {
+ font-size:2em;
+ margin-top:0.25em;
+}
+
+p {
+ font:normal 1em verdana,tahoma,arial,"sans serif";
+}
+
+.point {
+ position:absolute;
+ width:32px;
+ height:32px;
+}
\ No newline at end of file
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/image/ball.gif b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/image/ball.gif
new file mode 100755
index 0000000..65bb539
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/image/ball.gif differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/image/point.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/image/point.png
new file mode 100755
index 0000000..7770afc
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/image/point.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/index.html b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/index.html
new file mode 100755
index 0000000..e51dcf5
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+SoundManager 2: JS/DOM + Sound Demo
+Heavy DOM manipulation + Javascript Sound (see code for experimental ideas)
+Click and drag to draw.. Noisily.
+ + +
+
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/script/animation.js b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/script/animation.js
new file mode 100755
index 0000000..b80e960
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/animation-2b/script/animation.js
@@ -0,0 +1,97 @@
+soundManager.setup({
+ preferFlash: true,
+ flashVersion: 9,
+ url: '../../swf/',
+ useHighPerformance: true,
+ wmode: 'transparent',
+ debugMode: false
+});
+
+var points = [];
+var o = null;
+var lastX = 0;
+var lastY = 0;
+var threshhold = 4;
+var threshMax = 32;
+var noise = null;
+var screenX = 0;
+
+function doPaint(e) {
+ var x = (e||event).clientX;
+ var y = (e||event).clientY;
+ var diff = Math.max(Math.abs(x-lastX),Math.abs(y-lastY));
+ if (diff>threshhold) {
+ lastX = x;
+ lastY = y;
+ points.push(new Point(x,y,Math.min(diff/(32),3)));
+ }
+ return false;
+}
+
+function stopPaint() {
+ document.onmousemove = null;
+ document.onmouseup = null;
+ // soundManager.play('up');
+}
+
+function startPaint(e) {
+ // soundManager.play('down');
+ document.onmousemove = doPaint;
+ document.onmouseup = stopPaint;
+ lastX = (e||event).clientX;
+ lastY = (e||event).clientY;
+ screenX = (window.innerWidth?window.innerWidth:document.documentElement.clientWidth||document.body.clientWidth);
+ e?e.stopPropagation():event.returnValue = false;
+ return false;
+}
+
+function initPoints() {
+ o = document.createElement('img');
+ o.src = 'image/point.png';
+ o.className = 'point';
+ document.onmousedown = startPaint;
+ document.onmouseup = stopPaint;
+}
+
+function Point(x,y,scale) {
+ var self = this;
+ this.data = {
+ x: x,
+ y: y,
+ scale: scale,
+ scalePX: parseInt(32*scale)
+ }
+ this.o = o.cloneNode(false);
+ this.o.style.left = (x-(this.data.scalePX/2))+'px';
+ this.o.style.top = (y-(this.data.scalePX/2))+'px';
+ this.o.style.width = this.o.style.height = this.data.scalePX+'px';
+ var screenX2 = parseInt(screenX/2);
+ noise.play({volume:parseInt(Math.min(1,scale/3)*100),pan:(xSoundManager 2 demo: A Noisy Page
+Example of sound tied to javascript/DOM event handlers
+ +Click and drag for fun.
+ +
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/api/index.html b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/api/index.html
new file mode 100755
index 0000000..1b6b3b1
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/api/index.html
@@ -0,0 +1,993 @@
+
+
+
+Javascript Animation + Sound Demos using SoundManager 2
+ +-
+
- Interval-based animation (with sound) +
- Smashable Christmas Lights +
- JS-DOM "painting" + Sound, V1 +
- JS-DOM "painting" + Sound, V2 +
External demo: A Noisy DOM - part of a Yahoo! User Interface blog post, Enhancing YUI-based Apps with Audio.
+ + + +
+
+ The
+
+ Variant: Create + play sound with an
+
+Demo 2: Create with
+Demo 2a: Create with
+Demo 2b: Create and load with
+Demo 3: Play a pre-existing sound by
+Demo 4a: Play a sequence of sounds via
+Demo 4b: Create and play a sequence of new sounds via
+Demo 4c: Looping a sound (conventional,
+Demo 4d: Looping a sound (
+Demo 4e: Sound timing notifications using
+Demo 4f: Sound timing with
+Demo 4g: Sound splicing / sampling with
+Demo 4g: "Fitter, Happier" example using
+
+
+Demo 11: Inline
+Demo 13:
+Demo 14:
+Demo 15:
+
+
+ + + +
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/css/bar-ui.css b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/css/bar-ui.css
new file mode 100755
index 0000000..80997cb
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/css/bar-ui.css
@@ -0,0 +1,1003 @@
+/**
+ * SoundManager 2: "Bar UI" player - CSS
+ * Copyright (c) 2014, Scott Schiller. All rights reserved.
+ * http://www.schillmania.com/projects/soundmanager2/
+ * Code provided under BSD license.
+ * http://schillmania.com/projects/soundmanager2/license.txt
+ */
+
+.sm2-bar-ui {
+ position: relative;
+ display: inline-block;
+ width: 100%;
+ font-family: helvetica, arial, verdana, sans-serif;
+ font-weight: normal;
+ /* prevent background border bleed */
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ /* because indeed, fonts do look pretty "fat" otherwise in this case. */
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ /* general font niceness? */
+ font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ min-width: 20em;
+ max-width: 30em;
+ /* take out overflow if you want an absolutely-positioned playlist dropdown. */
+ border-radius: 2px;
+ overflow: hidden;
+ /* just for fun (animate normal / full-width) */
+ transition: max-width 0.2s ease-in-out;
+}
+
+.sm2-bar-ui .sm2-playlist li {
+ text-align: center;
+ margin-top: -2px;
+ font-size: 95%;
+ line-height: 1em;
+}
+
+.sm2-bar-ui.compact {
+ min-width: 1em;
+ max-width: 15em;
+}
+
+.sm2-bar-ui ul {
+ line-height: 1em;
+}
+
+/* want things left-aligned? */
+.sm2-bar-ui.left .sm2-playlist li {
+ text-align: left;
+}
+
+.sm2-bar-ui .sm2-playlist li .load-error {
+ cursor: help;
+}
+
+.sm2-bar-ui.full-width {
+ max-width: 100%;
+ z-index: 5;
+}
+
+.sm2-bar-ui.fixed {
+ position: fixed;
+ top: auto;
+ bottom: 0px;
+ left: 0px;
+ border-radius: 0px;
+ /* so the absolutely-positioned playlist can show... */
+ overflow: visible;
+ /* and this should probably have a high z-index. tweak as needed. */
+ z-index: 999;
+}
+
+.sm2-bar-ui.fixed .bd,
+.sm2-bar-ui.bottom .bd {
+ /* display: table; */
+ border-radius: 0px;
+ border-bottom: none;
+}
+
+.sm2-bar-ui.bottom {
+ /* absolute bottom-aligned UI */
+ top: auto;
+ bottom: 0px;
+ left: 0px;
+ border-radius: 0px;
+ /* so the absolutely-positioned playlist can show... */
+ overflow: visible;
+}
+
+.sm2-bar-ui.playlist-open .bd {
+ border-bottom-left-radius: 0px;
+ border-bottom-right-radius: 0px;
+ border-bottom-color: transparent;
+}
+
+.sm2-bar-ui .bd,
+.sm2-bar-ui .sm2-extra-controls {
+ position: relative;
+ background-color: #2288cc;
+ /*
+ transition: background 0.2s ease-in-out;
+ */
+}
+
+.sm2-bar-ui .sm2-inline-gradient {
+ /* gradient */
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,0.125) 5%, rgba(255,255,255,0.125) 45%, rgba(255,255,255,0.15) 52%, rgba(0,0,0,0.01) 51%, rgba(0,0,0,0.1) 95%); /* W3C */
+ background-image: linear-gradient(to bottom, rgba(255,255,255,0.125) 5%, rgba(255,255,255,0.125) 45%, rgba(255,255,255,0.15) 50%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.1) 95%); /* W3C */
+}
+
+.sm2-bar-ui.flat .sm2-inline-gradient {
+ background-image: none;
+}
+
+.sm2-bar-ui.flat .sm2-box-shadow {
+ display: none;
+ box-shadow: none;
+}
+
+.sm2-bar-ui.no-volume .sm2-volume {
+ /* mobile devices (android + iOS) ignore attempts to set volume. */
+ display: none;
+}
+
+.sm2-bar-ui.textured .sm2-inline-texture {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ /* for example */
+ /* background-image: url(../image/wood_pattern_dark.png); */
+ /* additional opacity effects can be applied here. */
+ opacity: 0.75;
+
+}
+
+.sm2-bar-ui.textured.dark-text .sm2-inline-texture {
+ /* dark text + textured case: use light wood background (for example.) */
+ /* background-image: url(../image/patterns/wood_pattern.png); */
+}
+
+.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper {
+ /* dark text + textured case: ditch 10% dark on playlist body. */
+ background-color: transparent;
+}
+
+.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper ul li:hover a,
+.sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper ul li.selected a {
+ /* dark + textured case: dark highlights */
+ background-color: rgba(0,0,0,0.1);
+ background-image: url(../image/black-10.png);
+ /* modern browsers don't neeed the image */
+ background-image: none, none;
+}
+
+.sm2-bar-ui .bd {
+ display: table;
+ border-bottom: none;
+}
+
+.sm2-bar-ui .sm2-playlist-wrapper {
+ background-color: rgba(0,0,0,0.1);
+}
+
+.sm2-bar-ui .sm2-extra-controls .bd {
+ background-color: rgba(0,0,0,0.2);
+}
+
+
+.sm2-bar-ui.textured .sm2-extra-controls .bd {
+ /* lighten extra color overlays */
+ background-color: rgba(0,0,0,0.05);
+}
+
+.sm2-bar-ui .sm2-extra-controls {
+ background-color: transparent;
+ border: none;
+}
+
+.sm2-bar-ui .sm2-extra-controls .bd {
+ /* override full-width table behaviour */
+ display: block;
+ border: none;
+}
+
+.sm2-bar-ui .sm2-extra-controls .sm2-inline-element {
+ display: inline-block;
+}
+
+.sm2-bar-ui,
+.sm2-bar-ui .bd a {
+ color: #fff;
+}
+
+.sm2-bar-ui.dark-text,
+.sm2-bar-ui.dark-text .bd a {
+ color: #000;
+}
+
+.sm2-bar-ui.dark-text .sm2-inline-button {
+ /* Warning/disclaimer: SVG might be fuzzy when inverted on Chrome, losing resolution on hi-DPI displays. */
+ -webkit-filter: invert(1);
+ /* SVG-based invert filter for Firefox */
+ filter: url("data:image/svg+xml;utf8,#invert");
+ /* IE 8 inverse filter, may only match pure black/white */
+ /* filter: xray; */
+ /* pending W3 standard */
+ filter: invert(1);
+ /* not you, IE < 10. */
+ filter: none\9;
+}
+
+.sm2-bar-ui .bd a {
+ text-decoration: none;
+}
+
+.sm2-bar-ui .bd .sm2-button-element:hover {
+ background-color: rgba(0,0,0,0.1);
+ background-image: url(../image/black-10.png);
+ background-image: none, none;
+}
+
+.sm2-bar-ui .bd .sm2-button-element:active {
+ background-color: rgba(0,0,0,0.25);
+ background-image: url(../image/black-25.png);
+ background-image: none, none;
+}
+
+.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active .sm2-inline-button,
+.sm2-bar-ui .bd .active .sm2-inline-button/*,
+.sm2-bar-ui.playlist-open .sm2-menu a */{
+ -ms-transform: scale(0.9);
+ -webkit-transform: scale(0.9);
+ -webkit-transform-origin: 50% 50%;
+ /* firefox doesn't scale quite right. */
+ transform: scale(0.9);
+ transform-origin: 50% 50%;
+ /* firefox doesn't scale quite right. */
+ -moz-transform: none;
+}
+
+.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:hover,
+.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active,
+.sm2-bar-ui .bd .active {
+ background-color: rgba(0,0,0,0.1);
+ background-image: url(../image/black-10.png);
+ background-image: none, none;
+}
+
+.sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active {
+ /* box shadow is excessive on smaller elements. */
+ box-shadow: none;
+}
+
+.sm2-bar-ui {
+ /* base font size */
+ font-size: 15px;
+ text-shadow: none;
+}
+
+.sm2-bar-ui .sm2-inline-element {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ padding: 0px;
+ overflow: hidden;
+}
+
+.sm2-bar-ui .sm2-inline-element,
+.sm2-bar-ui .sm2-button-element .sm2-button-bd {
+ position: relative;
+ /**
+ * .sm2-button-bd exists because of a Firefox bug from 2000
+ * re: nested relative / absolute elements inside table cells.
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=63895
+ */
+}
+
+.sm2-bar-ui .sm2-inline-element,
+.sm2-bar-ui .sm2-button-element .sm2-button-bd {
+ /**
+ * if you play with UI width/height, these are the important ones.
+ * NOTE: match these values if you want square UI buttons.
+ */
+ min-width: 2.8em;
+ min-height: 2.8em;
+}
+
+.sm2-bar-ui .sm2-inline-button {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+}
+
+.sm2-bar-ui .sm2-extra-controls .bd {
+ /* don't double-layer. */
+ background-image: none;
+ background-color: rgba(0,0,0,0.15);
+}
+
+.sm2-bar-ui .sm2-extra-controls .sm2-inline-element {
+ width: 25px; /* bare minimum */
+ min-height: 1.75em;
+ min-width: 2.5em;
+}
+
+.sm2-bar-ui .sm2-inline-status {
+ line-height: 100%;
+ /* how much to allow before truncating song artist / title with ellipsis */
+ display: inline-block;
+ min-width: 200px;
+ max-width: 20em;
+ /* a little more spacing */
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+}
+
+.sm2-bar-ui .sm2-inline-element {
+ /* extra-small em scales up nicely, vs. 1px which gets fat */
+ border-right: 0.075em dotted #666; /* legacy */
+ border-right: 0.075em solid rgba(0,0,0,0.1);
+}
+
+.sm2-bar-ui .sm2-inline-element.noborder {
+ border-right: none;
+}
+
+.sm2-bar-ui .sm2-inline-element.compact {
+ min-width: 2em;
+ padding: 0px 0.25em;
+}
+
+.sm2-bar-ui .sm2-inline-element:first-of-type {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+ overflow: hidden;
+}
+
+.sm2-bar-ui .sm2-inline-element:last-of-type {
+ border-right: none;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.sm2-bar-ui .sm2-inline-status a:hover {
+ background-color: transparent;
+ text-decoration: underline;
+}
+
+.sm2-inline-time,
+.sm2-inline-duration {
+ display: table-cell;
+ width: 1%;
+ font-size: 75%;
+ line-height: 0.9em;
+ min-width: 2em; /* if you have sounds > 10:00 in length, make this bigger. */
+ vertical-align: middle;
+}
+
+.sm2-bar-ui .sm2-playlist {
+ position: relative;
+ height: 1.45em;
+}
+
+.sm2-bar-ui .sm2-playlist-target {
+ /* initial render / empty case */
+ position: relative;
+ min-height: 1em;
+}
+
+.sm2-bar-ui .sm2-playlist ul {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ width: 100%;
+ list-style-type: none;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.sm2-bar-ui p,
+.sm2-bar-ui .sm2-playlist ul,
+.sm2-bar-ui .sm2-playlist ul li {
+ margin: 0px;
+ padding: 0px;
+}
+
+.sm2-bar-ui .sm2-playlist ul li {
+ position: relative;
+}
+
+.sm2-bar-ui .sm2-playlist ul li,
+.sm2-bar-ui .sm2-playlist ul li a {
+ position: relative;
+ display: block;
+ /* prevent clipping of characters like "g" */
+ height: 1.5em;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-align: center;
+}
+
+.sm2-row {
+ position: relative;
+ display: table-row;
+}
+
+.sm2-progress-bd {
+ /* spacing between progress track/ball and time (position) */
+ padding: 0px 0.8em;
+}
+
+.sm2-progress .sm2-progress-track,
+.sm2-progress .sm2-progress-ball,
+.sm2-progress .sm2-progress-bar {
+ position: relative;
+ width: 100%;
+ height: 0.65em;
+ border-radius: 0.65em;
+}
+
+.sm2-progress .sm2-progress-bar {
+ /* element which follows the progres "ball" as it moves */
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ width: 0px;
+ background-color: rgba(0,0,0,0.33);
+ background-image: url(../image/black-33.png);
+ background-image: none, none;
+}
+
+.volume-shade,
+.playing .sm2-progress .sm2-progress-track,
+.paused .sm2-progress .sm2-progress-track {
+ cursor: pointer;
+}
+
+.playing .sm2-progress .sm2-progress-ball {
+ cursor: -moz-grab;
+ cursor: -webkit-grab;
+ cursor: grab;
+}
+
+.sm2-progress .sm2-progress-ball {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 1em;
+ height: 1em;
+ margin: -0.2em 0px 0px -0.5em;
+ width: 14px;
+ height: 14px;
+ margin: -2px 0px 0px -7px;
+ width: 0.9333em;
+ height: 0.9333em;
+ margin: -0.175em 0px 0px -0.466em;
+ background-color: #fff;
+ padding: 0px;
+/*
+ z-index: 1;
+*/
+ -webkit-transition: -webkit-transform 0.15s ease-in-out;
+ transition: transform 0.15s ease-in-out;
+}
+
+/*
+.sm2-bar-ui.dark-text .sm2-progress .sm2-progress-ball {
+ background-color: #000;
+}
+*/
+
+.sm2-progress .sm2-progress-track {
+ background-color: rgba(0,0,0,0.4);
+ background-image: url(../image/black-33.png); /* legacy */
+ background-image: none, none; /* modern browsers */
+}
+
+/* scrollbar rules have to be separate, browsers not supporting this syntax will skip them when combined. */
+.sm2-playlist-wrapper ul::-webkit-scrollbar-track {
+ background-color: rgba(0,0,0,0.4);
+}
+
+.playing.grabbing .sm2-progress .sm2-progress-track,
+.playing.grabbing .sm2-progress .sm2-progress-ball {
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing;
+ cursor: grabbing;
+}
+
+.sm2-bar-ui.grabbing .sm2-progress .sm2-progress-ball {
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15);
+}
+
+.sm2-inline-button {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ /* hide inner text */
+ line-height: 10em;
+ /**
+ * image-rendering seems to apply mostly to Firefox in this case. Use with caution.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering#Browser_compatibility
+ */
+ image-rendering: -moz-crisp-edges;
+ image-rendering: -webkit-optimize-contrast;
+ image-rendering: crisp-edges;
+ -ms-interpolation-mode: nearest-neighbor;
+ -ms-interpolation-mode: bicubic;
+}
+
+.play-pause,
+.play-pause:hover,
+.paused .play-pause:hover {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/play.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/play.svg);
+ background-size: 67.5%;
+ background-position: 40% 53%;
+}
+
+.playing .play-pause {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/pause.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/pause.svg);
+ background-size: 57.6%;
+ background-position: 50% 53%;
+}
+
+.sm2-volume-control {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/volume.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/volume.svg);
+}
+
+.sm2-volume-control,
+.sm2-volume-shade {
+ background-position: 42% 50%;
+ background-size: 56%;
+}
+
+.volume-shade {
+ filter: alpha(opacity=33); /* <= IE 8 */
+ opacity: 0.33;
+/* -webkit-filter: invert(1);*/
+ background-image: url(../image/icomoon/entypo-25px-000000/PNG/volume.png);
+ background-image: none, url(../image/icomoon/entypo-25px-000000/SVG/volume.svg);
+}
+
+.menu {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/list2.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/list2.svg);
+ background-size: 58%;
+ background-position: 54% 51%;
+}
+
+.previous {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/first.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/first.svg);
+}
+
+.next {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/last.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/last.svg);
+}
+
+.previous,
+.next {
+ background-size: 49.5%;
+ background-position: 50% 50%;
+}
+
+
+.sm2-extra-controls .previous,
+.sm2-extra-controls .next {
+ backgound-size: 53%;
+}
+
+.shuffle {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/shuffle.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/shuffle.svg);
+ background-size: 45%;
+ background-position: 50% 50%;
+}
+
+.repeat {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/loop.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/loop.svg);
+ background-position: 50% 43%;
+ background-size: 54%;
+}
+
+.sm2-extra-controls .repeat {
+ background-position: 50% 45%;
+}
+
+.sm2-playlist-wrapper ul li .sm2-row {
+ display: table;
+ width: 100%;
+}
+
+.sm2-playlist-wrapper ul li .sm2-col {
+ display: table-cell;
+ vertical-align: top;
+ /* by default, collapse. */
+ width: 0%;
+}
+
+.sm2-playlist-wrapper ul li .sm2-col.sm2-wide {
+ /* take 100% width. */
+ width: 100%;
+}
+
+.sm2-playlist-wrapper ul li .sm2-icon {
+ display: inline-block;
+ overflow: hidden;
+ width: 2em;
+ color: transparent !important; /* hide text */
+ white-space: nowrap; /* don't let text affect height */
+ padding-left: 0px;
+ padding-right: 0px;
+ text-indent: 2em; /* IE 8, mostly */
+}
+
+.sm2-playlist-wrapper ul li .sm2-icon,
+.sm2-playlist-wrapper ul li:hover .sm2-icon,
+.sm2-playlist-wrapper ul li.selected .sm2-icon {
+ background-size: 55%;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+}
+
+.sm2-playlist-wrapper ul li .sm2-col {
+ /* sibling table cells get borders. */
+ border-right: 1px solid rgba(0,0,0,0.075);
+}
+
+.sm2-playlist-wrapper ul li.selected .sm2-col {
+ border-color: rgba(255,255,255,0.075);
+}
+
+.sm2-playlist-wrapper ul li .sm2-col:last-of-type {
+ border-right: none;
+}
+
+.sm2-playlist-wrapper ul li .sm2-cart,
+.sm2-playlist-wrapper ul li:hover .sm2-cart,
+.sm2-playlist-wrapper ul li.selected .sm2-cart {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/cart.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/cart.svg);
+ /* slight alignment tweak */
+ background-position: 48% 50%;
+}
+
+.sm2-playlist-wrapper ul li .sm2-music,
+.sm2-playlist-wrapper ul li:hover .sm2-music,
+.sm2-playlist-wrapper ul li.selected .sm2-music {
+ background-image: url(../image/icomoon/entypo-25px-ffffff/PNG/music.png);
+ background-image: none, url(../image/icomoon/entypo-25px-ffffff/SVG/music.svg);
+}
+
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-cart,
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover .sm2-cart,
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-cart {
+ background-image: url(../image/icomoon/entypo-25px-000000/PNG/cart.png);
+ background-image: none, url(../image/icomoon/entypo-25px-000000/SVG/cart.svg);
+}
+
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-music,
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover .sm2-music,
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-music {
+ background-image: url(../image/icomoon/entypo-25px-000000/PNG/music.png);
+ background-image: none, url(../image/icomoon/entypo-25px-000000/SVG/music.svg);
+}
+
+
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li .sm2-col {
+ border-left-color: rgba(0,0,0,0.15);
+}
+
+.sm2-playlist-wrapper ul li .sm2-icon:hover {
+ background-color: rgba(0,0,0,0.33);
+}
+
+.sm2-bar-ui .sm2-playlist-wrapper ul li .sm2-icon:hover {
+ background-color: rgba(0,0,0,0.45);
+}
+
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li.selected .sm2-icon:hover {
+ background-color: rgba(255,255,255,0.25);
+ border-color: rgba(0,0,0,0.125);
+}
+
+.sm2-progress-ball .icon-overlay {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0px;
+ left: 0px;
+ background: none, url(../image/icomoon/free-25px-000000/SVG/spinner.svg);
+ background-size: 72%;
+ background-position: 50%;
+ background-repeat: no-repeat;
+ display: none;
+}
+
+.playing.buffering .sm2-progress-ball .icon-overlay {
+ display: block;
+ -webkit-animation: spin 0.6s linear infinite;
+ animation: spin 0.6s linear infinite;
+}
+
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ }
+}
+
+@-moz-keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+.sm2-element ul {
+ font-size: 95%;
+ list-style-type: none;
+}
+
+.sm2-element ul,
+.sm2-element ul li {
+ margin: 0px;
+ padding: 0px;
+}
+
+.bd.sm2-playlist-drawer {
+ /* optional: absolute positioning */
+ /* position: absolute; */
+ z-index: 3;
+ border-radius: 0px;
+ width: 100%;
+ height: 0px;
+ border: none;
+ background-image: none;
+ display: block;
+ overflow: hidden;
+ transition: height 0.2s ease-in-out;
+}
+
+.sm2-bar-ui.fixed .bd.sm2-playlist-drawer,
+.sm2-bar-ui.bottom .bd.sm2-playlist-drawer {
+ position: absolute;
+}
+
+.sm2-bar-ui.fixed .sm2-playlist-wrapper,
+.sm2-bar-ui.bottom .sm2-playlist-wrapper {
+ padding-bottom: 0px;
+}
+
+.sm2-bar-ui.fixed .bd.sm2-playlist-drawer,
+.sm2-bar-ui.bottom .bd.sm2-playlist-drawer {
+ /* show playlist on top */
+ bottom: 2.8em;
+}
+
+.sm2-bar-ui .bd.sm2-playlist-drawer {
+ opacity: 0.5;
+ /* redraw fix for Chrome, background color doesn't always draw when playlist drawer open. */
+ transform: translateZ(0);
+}
+
+/* experimental, may not perform well. */
+/*
+.sm2-bar-ui .bd.sm2-playlist-drawer a {
+ -webkit-filter: blur(5px);
+}
+*/
+
+.sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer {
+ height: auto;
+ opacity: 1;
+}
+
+.sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer a {
+ -webkit-filter: none; /* blur(0px) was still blurred on retina displays, as of 07/2014 */
+}
+
+.sm2-bar-ui.fixed.playlist-open .bd.sm2-playlist-drawer .sm2-playlist-wrapper,
+.sm2-bar-ui.bottom.playlist-open .bd.sm2-playlist-drawer .sm2-playlist-wrapper {
+ /* extra padding when open */
+ padding-bottom: 0.5em;
+ box-shadow: none;
+}
+
+.sm2-bar-ui .bd.sm2-playlist-drawer {
+ transition: all 0.2s ease-in-out;
+ transition-property: transform, height, opacity, background-color, -webkit-filter;
+}
+
+.sm2-bar-ui .bd.sm2-playlist-drawer a {
+ transition: -webkit-filter 0.2s ease-in-out;
+}
+
+.sm2-bar-ui .bd.sm2-playlist-drawer .sm2-inline-texture {
+ /* negative offset for height of top bar, so background is seamless. */
+ background-position: 0px -2.8em;
+}
+
+.sm2-box-shadow {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ box-shadow: inset 0px 1px 6px rgba(0,0,0,0.15);
+}
+
+.sm2-playlist-wrapper {
+ position: relative;
+ padding: 0.5em 0.5em 0.5em 0.25em;
+ background-image: none, none;
+}
+
+.sm2-playlist-wrapper ul {
+ max-height: 9.25em;
+ overflow: auto;
+}
+
+.sm2-playlist-wrapper ul li {
+ border-bottom: 1px solid rgba(0,0,0,0.05);
+}
+
+.sm2-playlist-wrapper ul li:nth-child(odd) {
+ background-color: rgba(255,255,255,0.03);
+}
+
+.sm2-playlist-wrapper ul li a {
+ display: block;
+ padding: 0.5em 0.25em 0.5em 0.75em;
+ margin-right: 0px;
+ font-size: 90%;
+ vertical-align: middle;
+}
+
+.sm2-playlist-wrapper ul li a.sm2-exclude {
+ display: inline-block;
+}
+
+.sm2-playlist-wrapper ul li a.sm2-exclude .label {
+ font-size: 95%;
+ line-height: 1em;
+ margin-left: 0px;
+ padding: 2px 4px;
+}
+
+.sm2-playlist-wrapper ul li:hover a {
+ background-color: rgba(0,0,0,0.20);
+ background-image: url(../image/black-20.png);
+ background-image: none, none;
+}
+
+.sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover a {
+ background-color: rgba(255,255,255,0.1);
+ background-image: url(../image/black-10.png);
+ background-image: none, none;
+}
+
+.sm2-playlist-wrapper ul li.selected a {
+ background-color: rgba(0,0,0,0.25);
+ background-image: url(../image/black-20.png);
+ background-image: none, none;
+}
+
+.sm2-bar-ui.dark-text ul li.selected a {
+ background-color: rgba(255,255,255,0.1);
+ background-image: url(../image/black-10.png);
+ background-image: none, none;
+}
+
+.sm2-bar-ui .disabled {
+ filter: alpha(opacity=33); /* <= IE 8 */
+ opacity: 0.33;
+}
+
+.sm2-bar-ui .bd .sm2-button-element.disabled:hover {
+ background-color: transparent;
+}
+
+.sm2-bar-ui .active,
+/*.sm2-bar-ui.playlist-open .sm2-menu,*/
+.sm2-bar-ui.playlist-open .sm2-menu:hover {
+ /* depressed / "on" state */
+ box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
+ background-image: none;
+}
+
+.firefox-fix {
+ /**
+ * This exists because of a Firefox bug from 2000
+ * re: nested relative / absolute elements inside table cells.
+ * https://bugzilla.mozilla.org/show_bug.cgi?id=63895
+ */
+ position: relative;
+ display: inline-block;
+ width: 100%;
+ height: 100%;
+}
+
+/* some custom scrollbar trickery, where supported */
+
+.sm2-playlist-wrapper ul::-webkit-scrollbar {
+ width: 10px;
+}
+
+.sm2-playlist-wrapper ul::-webkit-scrollbar-track {
+ background: rgba(0,0,0,0.33);
+ border-radius: 10px;
+}
+
+.sm2-playlist-wrapper ul::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ background: #fff;
+}
+
+.sm2-extra-controls {
+ font-size: 0px;
+ text-align: center;
+}
+
+.sm2-bar-ui .label {
+ position: relative;
+ display: inline-block;
+ font-size: 0.7em;
+ margin-left: 0.25em;
+ vertical-align: top;
+ background-color: rgba(0,0,0,0.25);
+ border-radius: 3px;
+ padding: 0px 3px;
+ box-sizing: padding-box;
+}
+
+.sm2-bar-ui.dark-text .label {
+ background-color: rgba(0,0,0,0.1);
+ background-image: url(../image/black-10.png);
+ background-image: none, none;
+}
+
+.sm2-bar-ui .sm2-playlist-drawer .label {
+ font-size: 0.8em;
+ padding: 0px 3px;
+}
+
+/* --- full width stuff --- */
+
+.sm2-bar-ui .sm2-inline-element {
+ display: table-cell;
+}
+
+.sm2-bar-ui .sm2-inline-element {
+ /* collapse */
+ width: 1%;
+}
+
+.sm2-bar-ui .sm2-inline-status {
+ /* full width */
+ width: 100%;
+ min-width: 100%;
+ max-width: 100%;
+}
+
+.sm2-bar-ui > .bd {
+ width: 100%;
+}
+
+.sm2-bar-ui .sm2-playlist-drawer {
+ /* re-hide playlist */
+ display: block;
+ overflow: hidden;
+}
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/css/demo.css b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/css/demo.css
new file mode 100755
index 0000000..e38a54c
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/css/demo.css
@@ -0,0 +1,139 @@
+/* demo only */
+
+html {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ min-width: 980px; /* enough for two-column demo UI */
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ /* http://files.christophzillgens.com/webkit-font-smoothing.html */
+ /* font-smoothing: subpixel-antialiased; */
+ /* general font niceness? */
+ font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ background: #fff;
+ color: #000;
+ transition: background 0.2s ease-in-out;
+}
+
+body {
+ font-family: helvetica, verdana, tahoma, arial, sans-serif;
+ font-weight: 300;
+ margin: 0px;
+ padding: 0.5em;
+ transition: color 0.2s ease-in-out;
+ padding-bottom: 64px; /* room for the bottom bar UI player */
+}
+
+h1 {
+ display: inline-block;
+ font-family: "helvetica neue", helvetica, verdana, tahoma, arial, sans-serif;
+ font-size: 2em;
+ font-weight: 300;
+ margin: 0px 0px 0.25em 0px;
+ padding: 0px 0px 0.15em 0px;
+ border-bottom: 1px dotted #ccc;
+}
+
+h1 a {
+ font-size: 100%;
+ text-decoration: none;
+ color: #000;
+}
+
+h1 a:hover {
+ color: #336699;
+ text-decoration: underline;
+}
+
+h2 {
+ margin: 0px;
+ padding: 0px;
+ font-weight: 300;
+}
+
+h3 {
+ font-weight: 300;
+ margin: 1em 0px 0.5em 0px;
+ padding: 0px;
+}
+
+p {
+ margin-top: 0.5em;
+}
+
+.demo-wrapper {
+ position: relative;
+ width: 100%;
+ /* whitespace trickery */
+ font-size: 0px;
+}
+
+.demo-left,
+.demo-right {
+ font-size: 16px;
+ font-size: 1rem;
+ position: relative;
+ display: inline-block;
+ width: 48%;
+ vertical-align: top;
+}
+
+.demo-left {
+ margin-right: 2%;
+ border-right: 1px dotted transparent;
+}
+
+.demo-wrapper .demo-bd {
+ padding-right: 1em;
+}
+
+.demo-right {
+ left: -1px; /* sneaky */
+ margin-left: -2%;
+ border-left: 1px dotted transparent;
+}
+
+.demo-left,
+.demo-right {
+ border-color: #ccc;
+}
+
+.demo-right .demo-bd {
+ padding-left: 1em;
+ padding-right: 0.5em;
+}
+
+.about {
+ color: #333;
+ font-size: small;
+ line-height: 1.5em;
+ margin-bottom: 0.5em;
+}
+
+.about a {
+ text-decoration: none;
+}
+
+.note {
+ font-size: 0.5em;
+ color: #333;
+}
+
+#size-field {
+ vertical-align: middle;
+}
+
+#colors {
+ margin-bottom: 0.5em;
+}
+
+#colors * {
+ vertical-align: middle;
+}
+
+.sm2-bar-ui {
+ /* demo silliness */
+ transition: all 0.2s ease-in-out;
+}
\ No newline at end of file
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-10.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-10.png
new file mode 100755
index 0000000..fe545ed
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-10.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-25.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-25.png
new file mode 100755
index 0000000..a498b98
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-25.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-33.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-33.png
new file mode 100755
index 0000000..cfb1cb6
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/black-33.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/credits.txt b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/credits.txt
new file mode 100755
index 0000000..34c4b3a
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/credits.txt
@@ -0,0 +1,6 @@
+SVG icons via Icomoon
+https://icomoon.io/app
+
+Icons used from the following sets:
+* Entypo - Creative Commons BY-SA 3.0 http://creativecommons.org/licenses/by-sa/3.0/us/
+* IcoMoon - Free (GPL) http://www.gnu.org/licenses/gpl.html
\ No newline at end of file
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/arrow.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/arrow.png
new file mode 100755
index 0000000..e77449b
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/arrow.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/cart.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/cart.png
new file mode 100755
index 0000000..70e74a1
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/cart.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/first.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/first.png
new file mode 100755
index 0000000..0947734
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/first.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/last.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/last.png
new file mode 100755
index 0000000..3621d33
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/last.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/list.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/list.png
new file mode 100755
index 0000000..2684aaf
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/list.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/list2.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/list2.png
new file mode 100755
index 0000000..601413b
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/list2.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/loop.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/loop.png
new file mode 100755
index 0000000..6f9aba0
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/loop.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/music.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/music.png
new file mode 100755
index 0000000..6e1ae08
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/music.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/pause.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/pause.png
new file mode 100755
index 0000000..e9fe4b9
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/pause.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/play.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/play.png
new file mode 100755
index 0000000..6fcf777
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/play.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/shuffle.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/shuffle.png
new file mode 100755
index 0000000..7eb8f6c
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/shuffle.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/volume.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/volume.png
new file mode 100755
index 0000000..e5c077f
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/PNG/volume.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/arrow.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/arrow.svg
new file mode 100755
index 0000000..e6f2a0b
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/arrow.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/cart.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/cart.svg
new file mode 100755
index 0000000..590ffa8
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/cart.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/first.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/first.svg
new file mode 100755
index 0000000..e69482d
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/first.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/last.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/last.svg
new file mode 100755
index 0000000..9a958b2
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/last.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/list.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/list.svg
new file mode 100755
index 0000000..88c3981
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/list.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/list2.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/list2.svg
new file mode 100755
index 0000000..0c9ea62
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/list2.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/loop.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/loop.svg
new file mode 100755
index 0000000..7b0c90c
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/loop.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/music.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/music.svg
new file mode 100755
index 0000000..135ccde
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/music.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/pause.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/pause.svg
new file mode 100755
index 0000000..d08ab5a
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/pause.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/play.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/play.svg
new file mode 100755
index 0000000..352ccad
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/play.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/shuffle.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/shuffle.svg
new file mode 100755
index 0000000..a6fc25f
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/shuffle.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/volume.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/volume.svg
new file mode 100755
index 0000000..dcc4a3c
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-000000/SVG/volume.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/arrow.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/arrow.png
new file mode 100755
index 0000000..2452d28
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/arrow.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/cart.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/cart.png
new file mode 100755
index 0000000..611a396
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/cart.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/first.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/first.png
new file mode 100755
index 0000000..09de90a
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/first.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/last.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/last.png
new file mode 100755
index 0000000..e0dd932
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/last.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/list.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/list.png
new file mode 100755
index 0000000..79b3206
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/list.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/list2.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/list2.png
new file mode 100755
index 0000000..a8892c2
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/list2.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/loop.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/loop.png
new file mode 100755
index 0000000..60b071a
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/loop.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/music.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/music.png
new file mode 100755
index 0000000..c1a64a6
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/music.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/pause.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/pause.png
new file mode 100755
index 0000000..70b4f86
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/pause.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/play.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/play.png
new file mode 100755
index 0000000..3c72042
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/play.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/shuffle.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/shuffle.png
new file mode 100755
index 0000000..60f5868
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/shuffle.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/volume.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/volume.png
new file mode 100755
index 0000000..7c251dd
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/PNG/volume.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/arrow.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/arrow.svg
new file mode 100755
index 0000000..ea2a59a
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/arrow.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/cart.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/cart.svg
new file mode 100755
index 0000000..4b08a94
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/cart.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/first.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/first.svg
new file mode 100755
index 0000000..ac3cf39
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/first.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/last.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/last.svg
new file mode 100755
index 0000000..4e3b833
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/last.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/list.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/list.svg
new file mode 100755
index 0000000..fa2f717
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/list.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/list2.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/list2.svg
new file mode 100755
index 0000000..7cec36c
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/list2.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/loop.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/loop.svg
new file mode 100755
index 0000000..79c8957
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/loop.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/music.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/music.svg
new file mode 100755
index 0000000..9a6fd46
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/music.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/pause.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/pause.svg
new file mode 100755
index 0000000..77ca91b
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/pause.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/play.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/play.svg
new file mode 100755
index 0000000..b98385f
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/play.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/shuffle.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/shuffle.svg
new file mode 100755
index 0000000..13a4007
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/shuffle.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/volume.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/volume.svg
new file mode 100755
index 0000000..9d70843
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/entypo-25px-ffffff/SVG/volume.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-000000/PNG/spinner.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-000000/PNG/spinner.png
new file mode 100755
index 0000000..bd6d1a4
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-000000/PNG/spinner.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-000000/SVG/spinner.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-000000/SVG/spinner.svg
new file mode 100755
index 0000000..1fa2d52
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-000000/SVG/spinner.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-ffffff/PNG/spinner.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-ffffff/PNG/spinner.png
new file mode 100755
index 0000000..7db5525
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-ffffff/PNG/spinner.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-ffffff/SVG/spinner.svg b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-ffffff/SVG/spinner.svg
new file mode 100755
index 0000000..eac5df2
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/icomoon/free-25px-ffffff/SVG/spinner.svg
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/credits.txt b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/credits.txt
new file mode 100755
index 0000000..acd61f2
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/credits.txt
@@ -0,0 +1,2 @@
+Patterns from subtlepatterns.com.
+"If you need more, that's where to get 'em."
\ No newline at end of file
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/pinstriped_suit_vertical.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/pinstriped_suit_vertical.png
new file mode 100755
index 0000000..26d547a
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/pinstriped_suit_vertical.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/pool_table.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/pool_table.png
new file mode 100755
index 0000000..609866f
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/pool_table.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/rubber_grip.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/rubber_grip.png
new file mode 100755
index 0000000..076b960
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/rubber_grip.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/tasky_pattern.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/tasky_pattern.png
new file mode 100755
index 0000000..81d218b
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/tasky_pattern.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/textured_paper.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/textured_paper.png
new file mode 100755
index 0000000..856ad37
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/textured_paper.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/tweed.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/tweed.png
new file mode 100755
index 0000000..03fb796
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/tweed.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/wood_pattern.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/wood_pattern.png
new file mode 100755
index 0000000..47903e4
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/wood_pattern.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/wood_pattern_dark.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/wood_pattern_dark.png
new file mode 100755
index 0000000..410fa77
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/wood_pattern_dark.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/woven.png b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/woven.png
new file mode 100755
index 0000000..761ead6
Binary files /dev/null and b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/image/patterns/woven.png differ
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/index.html b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/index.html
new file mode 100755
index 0000000..a6f27eb
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/index.html
@@ -0,0 +1,728 @@
+
+
+
+SoundManager 2 / API Demo and Code Examples
+ +Wondering where to start? This page has inline executable code examples using the SoundManager 2 API.
+ +If you're wondering how to include SM2 in your page, the basic template will get you started.
+ +SoundManager 2 Configurations
+ +SM2's API features and behaviour can vary somewhat depending on client support, so it can be helpful to test under different configurations. The following are different configuration defaults for SoundManager 2. Clicking will change URL parameters and reload the page, causing SM2 to start up with the new options applied. Look at JS console output for details.
+ +HTML5 options: HTML5-only mode (API default, where supported) | HTML5 + fast polling | HTML5 + prefer flash for MP3/MP4 formats | disable HTML5
+ +Flash options: Flash 8 | Flash 9 (normal) | Flash 9 + highPerformance + fastPolling modes (higher JS callback frequency)
+ +
+
+
+
+ The soundManager.setup() method
+
+ In order to configure SoundManager 2 for use, you must first call the setup() method. The url property and an onready function callback are commonly used together here.
soundManager.setup({
+
+ // where to find the SWF files, if needed
+ url: '/path/to/swf-directory/',
+
+ onready: function() {
+ // SM2 has loaded, API ready to use e.g., createSound() etc.
+ },
+
+ ontimeout: function() {
+ // Uh-oh. No HTML5 support, SWF missing, Flash blocked or other issue
+ }
+
+});
+SoundManager processes the onready and ontimeout queue in the order items were added. You can also add callbacks via soundManager.onready() and soundManager.ontimeout(), respectively. If you add listeners for these events after SM2 has loaded, your callback will be fired immediately.
A note about initialization
+ +Keep in mind SoundManager's core methods (createSound, etc.) will not be available until soundManager's onready() event fires. The initialization time for SM2 can vary across browsers/platforms, and should effectively be assumed to be "asynchronous." Because of this, it is recommended you write your code to handle onready being fired either before or after window.onload().
If you wish to have SM2 always wait for window.onload() before calling onready() or ontimeout(), you can pass waitForWindowLoad: true to soundManager.setup().
Debug Output, disabling and minified versions
+SoundManager 2 has debug mode enabled by default and will write to agents supporting console.log-style debugging, and/or a custom <div> element in the absence of a console.
+To disable debug output, pass debugMode: false to soundManager.setup().
Alternately, you may use the no-debug, minified version of the SM2 javascript library (which has internal debug code removed, and will silently return false.)
+ +Demo 1: Create + play a sound
+ +var mySound = soundManager.createSound({
+ url: '../mpc/audio/CHINA_1.mp3'
+});
+mySound.play();Creates a new sound object with a url, and calls its play() method.
Note: It is recommended you make one sound object per url, generally speaking, that you wish to play. Expressed another way: "Reduce, reuse, recycle."
Variant: Create + play sound with an id
+
+soundManager.createSound({
+ id: 'mySound2',
+ url: '../mpc/audio/CHINA_1.mp3'
+});
+soundManager.play('mySound2');Creates a new sound object with the given id, and then calls soundManager.play(), specifying the id of the desired sound.
If omitted, an id will be automatically generated. If a sound object with the provided id already exists, the existing object will be returned.
Cases for providing your own id
The id parameter is optional, but makes sound objects easier to look up. It's also helpful when the object returned from createSound() wasn't stored, or isn't in scope. Calling soundManager.getSoundById('mySound2') will return the matching sound object, or null if none is found.
soundManager.play() and related convenience methods take an id string, and call the method on the given sound object. Thus, soundManager.play('foo') is functionally equivalent to soundManager.getSoundById('foo').play()
Reduce, reuse, recycle
+ +Unless you need to track separate instances of a sound playing simultaneously, it's best to create and re-use one sound object for each unique sound resource (URL) you have. If you want to play a single sound multiple times, layered on top of itself in an overlapping/chorus style, look at the multiShot sound option (Flash 9 + HTML5 only).
Demo 2: Create with onfinish event handler + play with volume argument
+var demo2Sound = soundManager.createSound({
+ url: '../mpc/audio/CHINA_1.mp3',
+ onfinish: function() {
+ soundManager._writeDebug(this.id + ' finished playing');
+ }
+});
+demo2Sound.play({
+ volume: 50
+});
+(creates, then plays a new sound - a function is called when the sound finishes playing)
+ +Demo 2a: Create with onload event handler
+soundManager.createSound({
+ url: '../mpc/audio/CHINA_1.mp3',
+ // callback for when the sound has loaded
+ onload: function() {
+ soundManager._writeDebug(this.id + ' loaded');
+ this.play();
+ }
+}).load();This creates and loads a sound, using the onload event callback to begin playback once the sound has loaded.
Demo 2b: Create and load with whileloading event handler
+soundManager.createSound({
+ url: 'http://freshly-ground.com/data/audio/mpc/20060826%20-%20Armstrong.mp3?rnd=' + Math.random(),
+ // begin loading right away
+ autoLoad: true,
+ whileloading: function() {
+ soundManager._writeDebug(this.id + ': loading ' + this.bytesLoaded + ' / ' + this.bytesTotal);
+ }
+});This creates and auto-loads a sound, showing load progress where applicable.
+ +Demo 3: Play a pre-existing sound by id
+soundManager.play('aDrumSound');This plays an existing sound made earlier using soundManager.createSound(), specifying an id parameter of aDrumSound.
Alternately, you can reference a sound by id and call methods directly on the object itself - for example, soundManager.getSoundById('aDrumSound').play();
Demo 4a: Play a sequence of sounds via onfinish, with multiShot (Flash 9 + HTML5 only)
+soundManager.play('aDrumSound', {
+ // allow onfinish() to fire for each "shot", instead of only last shot
+ multiShotEvents: true,
+ onfinish: function() {
+ soundManager.play('aCymbalSound');
+ }
+});This will play an existing sound (created in-page), and uses the onfinish() callback to play a second, pre-existing sound.
Also note that the button can be clicked multiple times, and the sound will be "layered" as multiShot is enabled for both of these sounds when using Flash 9 or HTML5. An onfinish event will also fire as each sound finishes.
+Bug/behaviour note: Whenever "play" is called on a SMSound object, any parameters passed in will apply to all currently-playing instances of the sound if multiShot is allowed. For example, the onfinish handler from demo 4a will apply to demo 3 if 4a is started while 3 is still playing.
+* Multishot is Flash 9+ and HTML5 only.
+ +Demo 4b: Create and play a sequence of new sounds via onfinish()
+soundManager.createSound({
+ id: 'aBassDrum',
+ url: '../mpc/audio/AMB_BD_1.mp3',
+ multiShot: false,
+ // when the first sound finishes...
+ onfinish: function() {
+ // create and play the second.
+ soundManager.createSound({
+ id: 'aRimSound',
+ url: '../mpc/audio/AMB_RIM1.mp3'
+ }).play();
+ }
+});
+soundManager.play('aBassDrum');This will create and play a new sound, using the onfinish() callback to create and play a second, new sound.
Note that createSound() will return an existing sound object if one already exists with the given id. You can test this by running the demo more than once.
Demo 4c: Looping a sound (conventional, onfinish()-based)
+var s = soundManager.createSound({
+ id: 'hhCymbal',
+ url: '../mpc/audio/AMB_HHOP.mp3'
+});
+
+function loopSound(sound) {
+ sound.play({
+ onfinish: function() {
+ loopSound(sound);
+ }
+ });
+}
+
+loopSound(s);
+Note that there are issues with seamlessly-looping sounds, it is "close, but not perfect" with Flash 8/9 at this point.
+ +Demo 4d: Looping a sound (loops parameter method)
+var s = soundManager.createSound({
+ id: 'hhCymbal',
+ url: '../mpc/audio/AMB_HHOP.mp3'
+});
+
+s.play({
+ loops: 3
+});
+Looping is possible as shown above using Flash 9. With flash 8, the sound must be preloaded before looping can begin - eg. autoLoad: true, onload: function() { this.play{loops: 3} }. For tighter looping, see See Seamless Looping MP3 in Flash for further details.
HTML5 support note: Native HTML5 looping is infinite when enabled, and does not support arbitrary loop counts. For now, consider using your own function with onfinish() -> play() if you want to loop a sound a certain number of times. Refer to the above onfinish() example for a basic idea.
Demo 4e: Sound timing notifications using onPosition()
+var s = soundManager.getSoundById('aCymbalSound'); // existing sound object
+
+// register some listeners (only do this once, they will work for subsequent plays)
+
+if (typeof addedListeners === 'undefined') {
+ addedListeners = true;
+
+ s.onPosition(500, function(eventPosition) { // fire at 0.5 seconds
+ soundManager._writeDebug('Sound ' + this.id + ' has reached position ' + eventPosition);
+ });
+
+ s.onPosition(1000, function(eventPosition) { // fire at 1 second
+ soundManager._writeDebug('Sound ' + this.id + ' has reached position ' + eventPosition);
+ });
+}
+
+s.play({
+ multiShot: false,
+ whileplaying: function() {
+ // demo only: show sound position while playing, for context
+ soundManager._writeDebug('position = ' + this.position);
+ }
+});
+onPosition() allows you to add an event listener for a given time (in miliseconds, watching the position property); the event fires when that time has been reached while a sound is playing.
Note that for multiShot cases, the listeners will only fire for the original (first) shot because its position is the only one that is tracked within Flash.
+ +Demo 4f: Sound timing with onPosition() and clearOnPosition()
+var s = soundManager.getSoundById('aCymbalSound'); // existing sound object
+
+// clear listeners from prior demo, if they were assigned...
+
+if (typeof addedListeners !== 'undefined') {
+
+ soundManager._writeDebug('Removing previous demo listeners...');
+ s.clearOnPosition(500); // remove 500 msec listener
+ s.clearOnPosition(1000); // remove 1000 msec listener
+
+}
+
+s.onPosition(750, function(eventPosition) { // fire at 0.75 seconds
+
+ soundManager._writeDebug('Sound ' + this.id + ' has reached position ' + eventPosition);
+ // and now, remove the listener using the eventPosition specified in this callback
+ // so next time the sound plays, this listener will not fire
+ this.clearOnPosition(eventPosition);
+
+});
+
+s.play({
+ whileplaying: function() {
+ // demo only: show sound position while playing, for context
+ soundManager._writeDebug('position = ' + this.position);
+ },
+ onfinish: function() {
+ // when the sound finishes, play it once more to show that the listener does not fire.
+ soundManager._writeDebug('Playing once more, onPosition() should not fire');
+ this.play({
+ onfinish: function() {
+ soundManager._writeDebug('"' + this.id + '" finished.');
+ }
+ });
+ }
+});
+When onPosition() is used, a listener is added and a callback is fired when the sound reaches the desired position. To remove the listener, clearOnPosition() is called using the same position value.
Demo 4g: Sound splicing / sampling with from: and to: parameters
+var spliceDemo = soundManager.createSound({
+ id: 'spliceSound',
+ url: '../mpc/audio/AMB_HHOP.mp3'
+});
+
+// optional: stop before re-starting sound (covers overlapping play attempts)
+spliceDemo.stop();
+
+spliceDemo.play({
+ // start position
+ from: 500,
+ // end position
+ to: 1200,
+ onstop: function() {
+ soundManager._writeDebug('sound stopped at position ' + this.position);
+ // note that the "to" target may be over-shot by 200+ msec, depending on polling and other factors.
+ }
+});
+By specifying "from" and "to" parameters to methods like play() and createSound(), you may play a sample (or segment) of audio from a larger file. An audio "sprite" of one file with many sounds is one way to think of this. Given timing accuracy of the "to" target may vary a lot, it is safest to have perhaps 500-msec gaps of silence between distinct sounds to ensure that no accidental overlaps occur.
+To tighten the accuracy of the "to" timing, try using soundManager.useHighPerformance.
+If HTML5 audio is being used, the sound should begin playing once a "canplay" event fires (after a connection has established), and the sound will then seek to the correct start position. When using flash, the whole audio file will be loaded before playback can begin.
+Given limitations, Flash 9's multiShot (chorusing) mode does not apply here. If you wish to trigger a sound numerous times, call stop() before play() to reset the sound each time, or make multiple sound objects that reuse the same sprite.
+ +Demo 4g: "Fitter, Happier" example using from: and to: parameters
+
+
+ 
+
Portions of a sound can be played by specifying from and to when calling play(). This can be useful for performance, i.e., having an "audio sprite" that loads in a single HTTP request.
var fhDemo = soundManager.createSound({
+ url: 'http://freshly-ground.com/data/audio/sm2/fitter-happier-64kbps.mp3'
+});
+
+function playFromTo(nFrom, nTo) {
+ fhDemo.stop(); // optional: stop before re-starting sound (covers overlapping play attempts)
+ fhDemo.play({
+ from: nFrom,
+ to: nTo,
+ onstop: function() {
+ soundManager._writeDebug('sound stopped at position ' + this.position);
+ // note that the "to" target may be over-shot by 200+ msec, depending on polling and other factors.
+ }
+ });
+}
+
+function fitterHappier() {
+ playFromTo(128, 2100);
+}
+
+function moreProductive() {
+ playFromTo(2500, 3850);
+}
+
+function comfortable() {
+ playFromTo(4275, 5200);
+}
+
+function notDrinkingTooMuch() {
+ playFromTo(5500, 7250);
+}
+
+function regularExerciseAtTheGymThreeDaysAWeek() {
+ playFromTo(7500, 11500);
+}
+
+function atEase() {
+ // interesting edge case: flash may cut off sound near end.
+ // workarounds: use play({position:x}), or specify "to" time > duration eg. 99999.
+ playFromTo(11600, 99999);
+}
+
+// demo-specific hack: assign to the window object, so demo buttons work
+window.fitterHappier = fitterHappier;
+window.moreProductive = moreProductive;
+window.comfortable = comfortable;
+window.notDrinkingTooMuch = notDrinkingTooMuch;
+window.regularExerciseAtTheGymThreeDaysAWeek = regularExerciseAtTheGymThreeDaysAWeek;
+window.atEase = atEase;
+Demo 5a: Set sound parameters, then play
+// predefined/preloaded sound
+var sound = soundManager.getSoundById('chinaCymbal');
+
+// volume at 85%
+sound.setVolume(85);
+
+// 0.25 seconds into sound
+sound.setPosition(250);
+
+// pan 75% to the left
+sound.setPan(-75);
+
+// begin playback with new settings
+sound.play();
+This will set the position and pan of an existing, pre-loaded sound, then play it. Where applicable, these settings become the new defaults for the sound.
+ +play() with sound options
+var sound = soundManager.getSoundById('chinaCymbal');
+sound.play({
+ volume: 100,
+ position: 0,
+ pan: 75
+});This is an elegant way of playing a sound with specific parameters "just one time", overriding the defaults applied when the sound was created.
+ +Note that if planning to layer sounds with multiShot (Flash 9 only), this variant method will give best results as each new "channel" is started with parameters.
+ +Demo 5b: Global sound muting
+If not passed a sound ID, soundManager.mute() will mute all existing and newly-created sounds. soundManager.unmute() can also be passed a sound ID, and performs the inverse either on a single sound or all sounds.
+In this demo, all sounds are globally muted and unmuted a few times. Different parameters are used to help audibly separate the sounds.
+soundManager.mute(); // mute all sounds
+
+soundManager.createSound({
+ id: '880hz',
+ url: '../_mp3/880hz.mp3',
+ autoLoad: true,
+ onload: function() {
+ // soundManager.mute(); // mute all sounds
+ // play (muted) cymbal sound..
+ this.play({
+ volume: 75, // volume for when un-muted
+ pan: -75, // mostly on left channel
+ // .. and clean-up afterwards
+ onfinish: function() {
+ this.destruct();
+ }
+ });
+
+ this.setVolume(25); // new volume for when un-muted..
+
+ soundManager.play('s440hz', {
+ pan: 75,
+ onfinish: function() {
+ document.getElementById('btn-d5b').disabled = false;
+ }
+ });
+
+ // once playing, toggle all sounds some more
+ setTimeout(soundManager.unmute, 500);
+ setTimeout(soundManager.mute, 1000);
+ setTimeout(soundManager.unmute, 1500);
+ setTimeout(soundManager.mute, 2000);
+ setTimeout(soundManager.unmute, 2500);
+ }
+});Demo 5c: Per-object sound muting
+soundManager.createSound({
+ id: '880hz',
+ url: '../_mp3/880hz.mp3',
+ autoLoad: true,
+ onload: function() {
+ soundManager.mute('880hz'); // mute this - alternately, this.mute() would work here
+ soundManager.play('s440hz', { // play another sound to demo muting
+ onfinish: function() {
+ document.getElementById('btn-d5c').disabled = false;
+ }
+ });
+
+ // play 880hz (muted)..
+ this.play({
+ volume: 75,
+ // .. and clean-up afterwards
+ onfinish: function() {
+ this.destruct();
+ }
+ });
+
+ this.setVolume(50); // still muted, however..
+
+ // mute/unmute china cymbal some more
+ // mute sound calls: soundManager.mute('880hz'), or soundManager.getSoundById('880hz').mute();
+ setTimeout(this.unmute, 250);
+ setTimeout(this.mute, 500);
+ setTimeout(this.unmute, 750);
+ setTimeout(this.mute, 1000);
+ setTimeout(this.unmute, 1250);
+ }
+});Demo 6: Create, play, unload and destroy a sound
+var foo = soundManager.createSound({
+ id: 'fooSound',
+ url: '../mpc/audio/AMB_BD_1.mp3'
+});
+
+// soundManager.play('fooSound');
+
+// (Some time later on...)
+// soundManager.unload('fooSound'); - release the loaded MP3
+// soundManager.destroySound('fooSound'); - destroy the sound, freeing up memory etc. Also calls unload().
+
+// Alternate (demo) approach, call methods directly on sound object itself:
+foo.play({
+ onfinish: function() {
+ // once sound has loaded and played, unload and destroy it.
+ this.destruct(); // will also try to unload before destroying.
+ }
+});Demo 7: Create, manually pre-load and finally play a sound
+var preload = soundManager.createSound({
+ id: 'preloadSound',
+ url: '../mpc/audio/AMB_HHOP.mp3'
+});
+
+// load the sound ahead of time
+preload.load({
+ // and start playing it at onload
+ onload: function() {
+ this.play();
+ }
+});
+Demo 8: Create and play an invalid sound (404)
+var bad = soundManager.createSound({
+ id: 'badSound',
+ url: 'badurl.mp3',
+ onload: function(bSuccess) {
+ soundManager._writeDebug('sound '+(bSuccess?'loaded!': 'did NOT load.'));
+ }
+});
+bad.play();
+Demo 9: Create and destroy a sound at once (unusual crash testcase)
+var s = soundManager.createSound({
+ url: '../mpc/audio/AMB_HHOP.mp3'
+});
+s.play();
+s.destruct();
+Demo 10: Sound timing (position accuracy testcase)
+The Flash 9 version seems to resume the sound 1 msec earlier than it should, perhaps related to the timing/delay issue most noticeable on Windows.
+var count = 0;
+var pos = -1;
+var s = soundManager.createSound({
+ url: '../mpc/audio/CHINA_1.mp3',
+ whileplaying: function() {
+ if (count == 0) {
+ if (this.position > 1000) {
+ this.pause();
+ pos = this.position;
+ count++;
+ this.resume();
+ }
+ } else if (count == 1) {
+ soundManager._writeDebug('old position: ' + pos);
+ soundManager._writeDebug('new position: ' + this.position);
+ // See that this.position is less than pos!
+ count++;
+ }
+ },
+ onfinish: function() {
+ this.destruct();
+ }
+});
+s.play();Demo 11: Inline whileplaying() event assignment
+Note that when using the Flash 9 version of SM2 with Flash 9 and 10 plugins, flash/OS-related delay conditions may result in the position property being less than the duration property, even by the end of the sound.
var foo = soundManager.createSound({
+ url: '../mpc/audio/CRASH_1.mp3'
+});
+foo.options.whileplaying = function() {
+ soundManager._writeDebug('whileplaying(): '+this.position+' / '+this.duration);
+}
+foo.play();
+
+// note: assign .options before calling .play(), as that "bakes" the options into a play instance object.
+// the below "late" event handler assignment will have no effect on the already-playing instance.
+foo.options.onfinish = function() { soundManager._writeDebug(this.id + ' stopped.'); }
+Demo 12: 48 KHz MP3 sampling rate playback issue workaround
+To work around a known "chipmunk" sampling rate issue with 48 KHz MP3s in Flash, one can apparently load a sound using Flash 9 with stream = false, and then call play() once the sound has fully-loaded. Exactly why this works is not known.
+var fortyeight = soundManager.createSound({
+ url: 'http://freshly-ground.com/data/audio/48khz-test.mp3'
+});
+
+if (!fortyeight.loaded) {
+ // first time loading/playing
+ fortyeight.load({
+ stream: false,
+ onload: function() {
+ // sound has fully-loaded
+ this.play();
+ }
+ });
+} else {
+ // sound has already loaded
+ fortyeight.play();
+}
+Demo 13: autoLoad:true + play() testcase
+Bug testcase (Flash 8 version-specific): creating a sound with autoLoad:true and immediately calling play() does not work.
+var autoLoadTest = soundManager.createSound({
+ id: 'autoLoadTest',
+ url: getRandomMP3URL(),
+ onload: function() {
+ soundManager._writeDebug(this.id + ' loaded.');
+ },
+ onplay: function() {
+ soundManager._writeDebug('Starting sound: '+this.id);
+ },
+ autoPlay: false,
+ autoLoad: true,
+ stream: true
+ });
+ // autoLoadTest.play(); // sound will not start
+ setTimeout(autoLoadTest.play,1000); // may work with a delay?
+Under Flash 8, this case does not work as expected. Even with the delay, the sound does not begin playing as soon as expected - sometimes it fires after the sound loads, in fact. For this reason, avoid using autoLoad:true if you intend to play the sound shortly after creating it when using Flash 8.
Demo 14: autoPlay + onfinish() testcase
+Bug testcase (Flash 8 version-specific): onfinish() does not fire with autoPlay:true
+var sound = soundManager.createSound({
+ id: 'demo14',
+ url: '../mpc/audio/AMB_SN13.mp3',
+ onfinish: function() {
+ soundManager._writeDebug(this.id + ' finished (now destroying)');
+ // destroy this sound
+ this.destruct();
+ },
+ autoPlay: true,
+ multiShot: false
+});
+Demo 15: onstop() -> unload() testcase
+Bug testcase: unload() from onstop() does not work
+var sound16 = soundManager.createSound({
+ id: 'demo15',
+ url: getRandomMP3URL(),
+ onstop: function() {
+ soundManager.unload(this.id);
+ },
+ onload: function() {
+ soundManager._writeDebug('loaded');
+ }
+});
+sound15.play();
+setTimeout(sound15.stop, 1500);
+Demo 16: Buffering event handler/property example (Flash 9 only)
+Reporting the isBuffering property of a SMSound object
+if (soundManager.flashVersion != 8) {
+ var sound16 = soundManager.createSound({
+ id: 'demo16',
+ url: getRandomMP3URL(),
+ onbufferchange: function() {
+ soundManager._writeDebug('Buffering '+(this.isBuffering?'started': 'stopped')+'.');
+ },
+ onload: function() {
+ soundManager._writeDebug(this.id + ' loaded.');
+ }
+ });
+ sound16.play();
+}
+data: URIs (HTML5 only, experimental)
+Subject to browser support, a data: URI should work when provided to a native HTML5 Audio() instance.
You should not use this unless you know what you're doing and are willing to rely only on HTML5 support.
+Additionally, data: URIs appear not to work on mobile devices (iOS: iPad, iPhone in particular.)
+IE 9 + 10 do not support WAV under HTML5 Audio(). In addition to being the only major browser lacking .WAV support, irony is not lost on the fact that MSFT co-created the WAV/RIFF spec with IBM. (See yonder.)
+
+
+
+if (soundManager.html5) {
+ soundManager.createSound({
+ // explicit type, SM2 doesn't detect MIME type in data: URIs yet
+ type: 'audio/wav',
+ // view source (or console) for the full URI.
+ url: getWaveDataURI()
+ }).play();
+}+
+ + + +
+
+
+
+
+
+
++ SoundManager 2: Live API Demos + + +
+ +See your JS console for live debug/log output.
+ ++ Getting Started + + +
+ +-
+
-
+
+
-
+
soundManager.setup()(url, onready etc.)
+ - Create + play a sound +
soundManager.play()
+ play()with sound options
+ - Debug output, minified versions +
+ Basic Events + + +
+-
+
- Loading:
onload()event
+ - Load progress:
whileloading()event
+ - Play with
onfinish()
+ - Looping with
onfinish()
+ CreateSound()andplay()with events
+ - play() with
multiShotEvents
+ - Looping via
loops
+ - Buffering:
onbufferchange(),isBuffering
+
+ Timing / Audio Sprites + + +
+-
+
- Timing notifications via
onPosition()
+ - Timing:
onPosition()+clearOnPosition()
+ - Sound splicing with
from+to
+ - "Fitter, Happier" demo using
fromandto
+ - Sound position accuracy test +
+ Miscellaneous + + +
+ + +
+
SoundManager 2: Bar UI ("second draft" version)
+ +A configurable, resolution-independent HTML + SVG-based UI for playing collections of sounds.
+ +
+
+
+
+
+
+
+
+
+
diff --git a/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/script/bar-ui.js b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/script/bar-ui.js
new file mode 100755
index 0000000..95c87c3
--- /dev/null
+++ b/listenToTheTrackers/js/soundmanagerv297a-20150601/demo/bar-ui/script/bar-ui.js
@@ -0,0 +1,1676 @@
+/*jslint plusplus: true, white: true, nomen: true */
+/*global console, document, navigator, soundManager, window */
+
+(function(window) {
+
+ /**
+ * SoundManager 2: "Bar UI" player
+ * Copyright (c) 2014, Scott Schiller. All rights reserved.
+ * http://www.schillmania.com/projects/soundmanager2/
+ * Code provided under BSD license.
+ * http://schillmania.com/projects/soundmanager2/license.txt
+ */
+
+ "use strict";
+
+ var Player,
+ players = [],
+ // CSS selector that will get us the top-level DOM node for the player UI.
+ playerSelector = '.sm2-bar-ui',
+ playerOptions,
+ utils;
+
+ /**
+ * Slightly hackish: event callbacks.
+ * Override globally by setting window.sm2BarPlayers.on = {}, or individually by window.sm2BarPlayers[0].on = {} etc.
+ */
+ players.on = {
+ /*
+ play: function(player) {
+ console.log('playing', player);
+ },
+ finish: function(player) {
+ // each sound
+ console.log('finish', player);
+ },
+ pause: function(player) {
+ console.log('pause', player);
+ },
+ error: function(player) {
+ console.log('error', player);
+ }
+ end: function(player) {
+ // end of playlist
+ console.log('end', player);
+ }
+ */
+ };
+
+ playerOptions = {
+ // useful when multiple players are in use, or other SM2 sounds are active etc.
+ stopOtherSounds: true,
+ // CSS class to let the browser load the URL directly e.g., download foo.mp3
+ excludeClass: 'sm2-exclude'
+ };
+
+ soundManager.setup({
+ // trade-off: higher UI responsiveness (play/progress bar), but may use more CPU.
+ html5PollingInterval: 50,
+ flashVersion: 9
+ });
+
+ soundManager.onready(function() {
+
+ var nodes, i, j;
+
+ nodes = utils.dom.getAll(playerSelector);
+
+ if (nodes && nodes.length) {
+ for (i=0, j=nodes.length; i
+
+
+
+
+
+
+
+
+
+Standard UI
+ + + + + +Extra controls inline, playlist open by default
+ + + + + +Compact UI, single item
+ + + + + +Compact UI, full width
+ + + +JavaScript API
+ +Once initialized, players will be added to the array window.sm2BarPlayers. You can access and control players in this fashion. For example, window.sm2BarPlayers[0].actions.play() will start the first player UI. You can also toggle the playlist "drawer" via window.sm2BarPlayers[0].actions.menu().
Credits
+ +Thanks to SonReal and Adrian Glynn for making these demos sound notably better.
+Sample textures are from subtlepatterns.com. "If you need more, that's where to get 'em."
+SVG icons are from IcoMoon, "Entypo" (CC-BY SA 3.0) and "IcoMoon Free" (GPL) sets.
+Missing button images? Make sure your server is returning an appropriate MIME type for SVG assets. An .htaccess example: AddType image/svg+xml svg svgz
+
+
+
+
+
+
+
+
+
+
+
+Live UI options
+ +
+
+ Fixed-position, full-width player via
+
+
+
+
+
+
+
+
+ Color
+ +
+
+
+ Color opacity
+ +
+
+
+ Player texture
+ +
+
+
+ Page background
+ +
+
+
+ Font size
+ 12 64 +Try combinations of color, opacity and texture.
+ +HTML classname options
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ CSS for these options:
+ +
+.sm2-bar-ui {
+ font-size: 16px;
+}
+.sm2-bar-ui .sm2-main-controls,
+.sm2-bar-ui .sm2-playlist-drawer {
+ background-color: #2288cc;
+}
+.sm2-bar-ui .sm2-inline-texture {
+ background: transparent;
+}
+
+
+ HTML for these options:
+ +
+
+
+ <div class="sm2-bar-ui"> + <!-- player HTML goes here --> +</div>+
Fixed-position, full-width player via <div class="sm2-bar-ui fixed full-width"> ... </div> below ↓
+
+- ' + item.innerHTML.replace(extras.loadFailedCharacter, '') + '