Add multi play feature with PixiJS example (resolves #11)

.eslintrc

@@ -91,7 +91,7 @@
         "no-underscore-dangle": 0,
         "no-unused-expressions": 0,
         "no-unused-vars": [2, {"vars": "all", "args": "after-used"}],
-        "no-use-before-define": 2,
+        "no-use-before-define": 0,
         "no-useless-concat": 2,
         "no-var": 2,
         "no-with": 2,

.travis.yml

@@ -4,7 +4,7 @@ node_js:
 addons:
   firefox: "latest"
 before_install:
-  - 'npm install -g karma-cli'
+  - 'npm i -g karma-cli && npm i -g eslint && npm i -g babel-eslint'
 before_script:
   - export DISPLAY=:99.0
   - sh -e /etc/init.d/xvfb start

README.md

@@ -1,6 +1,6 @@
 # sono
 
-[![NPM version](https://badge.fury.io/js/sono.svg)](http://badge.fury.io/js/sono) [![Build Status](https://travis-ci.org/Stinkdigital/sono.svg?branch=master)](https://travis-ci.org/Stinkdigital/sono)
+[![NPM version](https://badge.fury.io/js/sono.svg)](http://badge.fury.io/js/sono) [![Build Status](https://travis-ci.org/Stinkstudios/sono.svg?branch=master)](https://travis-ci.org/Stinkstudios/sono)
 
 A simple yet powerful JavaScript library for working with Web Audio
 

examples/css/control.css

@@ -104,6 +104,16 @@
   width: var(--control-markWidth);
 }
 
+.Control-mark--play {
+  width: 0;
+  height: 0;
+  border-top: 30px solid transparent;
+  border-bottom: 30px solid transparent;
+  border-left: 40px solid var(--control-markColor);
+  margin-left: 10px;
+  margin-top: 20px;
+}
+
 .Control-canvas {
   border: 1px solid #ddd;
   border-radius: 8px;

examples/css/styles.css

@@ -659,6 +659,16 @@ nav a {
   width: 10px;
 }
 
+.Control-mark--play {
+  width: 0;
+  height: 0;
+  border-top: 30px solid transparent;
+  border-bottom: 30px solid transparent;
+  border-left: 40px solid white;
+  margin-left: 10px;
+  margin-top: 20px;
+}
+
 .Control-canvas {
   border: 1px solid #ddd;
   border-radius: 8px;

examples/js/example.js

@@ -12,8 +12,8 @@
         '<li>Touch locked (mobile): ' + sono.isTouchLocked + '</li>' +
         '<li>Supported extensions: ' + sono.extensions.join(', ') + '</li>';
 
-    var baseURL = 'examples/audio/';
-    // var baseURL = 'https://dl.dropboxusercontent.com/u/15470024/prototypes/audio/';
+    // var baseURL = 'examples/audio/';
+    var baseURL = 'https://dl.dropboxusercontent.com/u/15470024/prototypes/audio/';
     // var baseURL = 'http://prototypes.stinkdigital.com/webaudio/sono/examples/audio/';
 
     var sound,