refactor video as view

1 files changed, 53 insertions, 49 deletions

diff --git a/public/js/lib/video.js b/public/js/lib/video.js
index 2eb5c82..aa01d23 100644
--- a/public/js/lib/video.js
+++ b/public/js/lib/video.js
@@ -1,12 +1,16 @@
-var video = (function(){
-  var video = {}
-  var mx
-  
-  video.init = function(media){
-    video.build()
-  }
+var VideoView = View.extend({
+
+  events: {
+  },
+
+  initialize: function(media){
+    this.media = media
+    this.mx
+    this.build(media)
+  },
 
-  video.build = function(media){
+  build: function(media){
+    var mxType
     switch (media.type) {
       case 'video':
         mxType = MX.Video
@@ -21,71 +25,71 @@ var video = (function(){
     if (app.muted) {
       media.mute = true
     }
-    mx = new mxType({
+    this.mx = new mxType({
       media: media,
       backface: false,
     })
-    video.el.innerHTML = ""
-    video.el.appendChild(mx.el)
+    this.el.innerHTML = ""
+    this.el.appendChild(this.mx.el)
     
-    mx.load()
-  }
+    this.mx.load()
+  },
   
-  video.play = function(){
-    mx.play()
-  }
+  play: function(){
+    this.mx.play()
+  },
   
-  video.pause = function(){
-    mx.pause()
-  }
+  pause: function(){
+    this.mx.pause()
+  },
   
-  video.toggle = function(shouldPause){
+  toggle: function(shouldPause){
     if (typeof shouldPause !== "boolean") {
-      shouldPause = ! mx.paused
+      shouldPause = ! this.mx.paused
     }
-    shouldPause ? mx.pause() : mx.play()
+    shouldPause ? this.mx.pause() : this.mx.play()
     return shouldPause
-  }
+  },
   
-  video.toggleMuted = function(shouldMute){
+  toggleMuted: function(shouldMute){
     if (typeof shouldMute !== "boolean") {
-      shouldMute = ! mx.muted
+      shouldMute = ! this.mx.muted
     }
-    shouldMute ? mx.mute() : mx.unmute()
+    shouldMute ? this.mx.mute() : this.mx.unmute()
     return shouldMute
-  }
+  },
   
-  video.paused = function(){
-    return mx.paused
-  }
+  paused: function(){
+    return this.mx.paused
+  },
   
-  video.muted = function(){
-    return mx.muted
-  }
+  muted: function(){
+    return this.mx.muted
+  },
   
-  video.seek = function(n){
-    mx.seek(n)
-  }
+  seek: function(n){
+    this.mx.seek(n)
+  },
   
-  video.setLoop = function(shouldLoop){
-    mx.setLoop(shouldLoop)
-  }
+  setLoop: function(shouldLoop){
+    this.mx.setLoop(shouldLoop)
+  },
   
-  video.mute = function(muted){
+  mute: function(muted){
     if (muted) {
-      mx.mute()
+      this.mx.mute()
     }
     else {
-      mx.unmute()
+      this.mx.unmute()
     }
-  }
+  },
 
-  video.unmute = function(){
-    mx.unmute()
-  }
+  unmute: function(){
+    this.mx.unmute()
+  },
   
-  video.setVolume = function(n){
-    mx.setVolume(n)
+  setVolume: function(n){
+    this.mx.setVolume(n)
   }
 
-})()
+})