charmy dance example

javascript/examples/HTML5/Video/charmyDance/mov.js

@@ -0,0 +1,68 @@
+
+// wait for the DOM to become ready
+window.onload = function () {
+    
+    // try to find the Processing sketch instance, or retry
+    function tryFindSketch () {
+        var sketch = Processing.instances[0];
+        if ( sketch == undefined )
+            setTimeout(tryFindSketch, 200); // retry in 0.2 secs
+        else
+            initVideos( sketch );
+    }
+    tryFindSketch();
+}
+
+// look for the video and send to sketch
+function initVideos ( sketch ) {
+    
+    var video = document.getElementsByTagName("video")[0];
+
+    video['loop'] = true; // as "loop" is not supported by many browsers
+    
+    // similar to tryFindSketch this creates a loop that
+    // continues until the video becomes ready.
+    (function( s, v ){
+        var tryAddVideo = function () {
+            if ( v.readyState > 0 ) {
+                s.addVideo(v);
+            } else {
+                setTimeout(tryAddVideo, 200);
+            }
+        }
+        tryAddVideo();
+    })( sketch, video );
+    
+    // force loop when set as this is currently not supported by most browsers
+    addEvent(video,'ended',function(){
+        if ( 'loop' in this && this.loop ) {
+            this.currentTime = 0;
+            this.play();
+        }
+    });
+}
+
+// http://html5demos.com/
+var addEvent = (function () {
+  if (document.addEventListener) {
+    return function (el, type, fn) {
+      if (el && el.nodeName || el === window) {
+        el.addEventListener(type, fn, false);
+      } else if (el && el.length) {
+        for (var i = 0; i < el.length; i++) {
+          addEvent(el[i], type, fn);
+        }
+      }
+    };
+  } else {
+    return function (el, type, fn) {
+      if (el && el.nodeName || el === window) {
+        el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
+      } else if (el && el.length) {
+        for (var i = 0; i < el.length; i++) {
+          addEvent(el[i], type, fn);
+        }
+      }
+    };
+  }
+})();