add example of using control gadget

09977a82 · Xiaowu Zhang · c08b51d8 · 09977a82 · 09977a82
Commit 09977a82 authored May 23, 2014 by Xiaowu Zhang
Hide whitespace changes
Inline Side-by-side

Showing with 11 additions and 21 deletions

src/audioplayer/audioplayer.js src/audioplayer/audioplayer.js +9 -15

src/audioplayer/index.html src/audioplayer/index.html +2 -6

No files found.
--- a/src/audioplayer/audioplayer.js
+++ b/src/audioplayer/audioplayer.js
 /*global window, rJS, RSVP, console */
-/*jslint maxlen:80, nomen: true */
+/*jslint nomen: true*/
 (function (window, rJS) {
  "use strict";
  rJS(window).ready(function (g) {
    // First, load the progress gadget
-    var div_context = g.__element.getElementsByTagName('div')[0];
+    var input_context = g.__element.getElementsByTagName('input')[0];
    g.declareGadget(
-      '../audioplayer_progress/index.html',
+      '../audioplayer_control/index.html'
-      {
-        element: div_context
-       // sandbox: 'iframe'
-      }
    )
-      .then(function (progress) {
+      .then(function (control) {
-        progress.setValue(50);
+        input_context.onchange = function () {
-        progress.setMax(100);
+          control.setSong(input_context.files[0]);
-        return [50, 100];
+          control.playSong();
-      })
+        };
-      .then(function (e) {
-        console.log(e[0] + e[1]);
      })
      .fail(function (e) {
-        console.log("error" + e);
+        console.log("[ERROR]: " + e);
      });
  });
 }(window, rJS));
--- a/src/audioplayer/index.html
+++ b/src/audioplayer/index.html
@@ -15,12 +15,8 @@
 </head>
 <body>
+	<input type="file" id="file" name="file" multiple />
-<div style="color:#00FF00" id="div">
-</div>  
 </body>
 </html>