added tag-annotator/playback.html.

toolness · Jul 10, 2012 · 2be9901 · 2be9901
1 parent 7635881
commit 2be9901
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/static/tag-annotator/playback.html b/static/tag-annotator/playback.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Tag Annotator Player</title>
+<audio id="audio" controls>
+  <source src="../recording.mp3" type="audio/mp3">
+  <source src="../recording.ogg" type="audio/ogg">
+</audio>
+<div id="current-tag"></div>
+<script src="../js/jquery.min.js"></script>
+<script src="http://popcornjs.org/code/dist/popcorn.min.js"></script>
+<script src="tag.popcorn.js"></script>
+<script>
+$(window).ready(function() {
+  $.getJSON("../metadata.json", function(metadata) {
+    Popcorn.tag.annotate(Popcorn("#audio"), metadata, $("#current-tag"));
+  });
+});
+</script>