made it so you can mashup more than once

boazsender · Sep 11, 2011 · 2ce41a6 · 2ce41a6
1 parent ee097c8
commit 2ce41a6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 16 deletions.
diff --git a/index.html b/index.html
@@ -23,19 +23,13 @@
 
 </head>
 <body>
-  <figure id="bin1">
-  </figure>
+  <figure id="bin1"></figure>
   <figure id="canvas">
-    <section id="audioSource">
-    </section>
-    <section id="videoSource">
-    </section>
+    <section id="audioSource"></section>
+    <section id="videoSource"></section>
     <a href="#" id="makeMashup" class="btn primary">Mashup!</a>
-    <section id="mashup">
-
-    </section>
-  </figure>
-  <figure id="bin2">
+    <section id="mashup"></section>
   </figure>
+  <figure id="bin2"></figure>
 </body>
 </html>
diff --git a/scripts/remixer.js b/scripts/remixer.js
@@ -59,11 +59,13 @@ jQuery(function($){
      display: 'none' 
     });
 
-    $('<video>', {
-      src: videoSrc,
-      id: 'newVideo'
-    })
-    .appendTo('#canvas')
+    $('#mashup').html(
+      $('<video>', {
+        src: videoSrc,
+        id: 'newVideo'
+      })
+    )
+
 
     var newAudio = Popcorn('#newAudio'),
         newVideo = Popcorn('#newVideo');