summaryrefslogtreecommitdiff
path: root/site/public/assets/javascripts/mx/primitives/mx.video.js
diff options
context:
space:
mode:
Diffstat (limited to 'site/public/assets/javascripts/mx/primitives/mx.video.js')
-rw-r--r--site/public/assets/javascripts/mx/primitives/mx.video.js110
1 files changed, 0 insertions, 110 deletions
diff --git a/site/public/assets/javascripts/mx/primitives/mx.video.js b/site/public/assets/javascripts/mx/primitives/mx.video.js
deleted file mode 100644
index c281f02..0000000
--- a/site/public/assets/javascripts/mx/primitives/mx.video.js
+++ /dev/null
@@ -1,110 +0,0 @@
-MX.Video = MX.Object3D.extend({
-
- init: function (ops) {
-
- this.type = "Video"
-
- this.media = ops.media
- this.width = ops.media.width
- this.height = ops.media.height
- this.x = ops.x || 0
- this.y = ops.y || 0
- this.z = ops.z || 0
- this.rotationX = ops.rotationX || 0
- this.rotationY = ops.rotationY || 0
- this.rotationZ = ops.rotationZ || 0
- this.scale = ops.scale || 1
- this.backface = ops.backface || false
-
- ops.className && this.el.classList.add(ops.className)
- this.backface && this.el.classList.add("backface-visible")
- this.el.classList.add("video")
- this.el.classList.add("mx-scenery")
- this.paused = !! this.media.autoplay
- this.muted = app.muted || !! this.media.mute
- },
-
- load: function(ops){
- this.paused = true
-
- this.player = document.createElement('video')
- this.player.addEventListener("loadedmetadata", this.ready.bind(this))
- this.player.addEventListener("error", this.error.bind(this))
- this.player.addEventListener("ended", this.finished.bind(this))
- this.player.width = "100%"
- this.player.height = "100%"
- this.player.src = this.media.url
- this.player.load()
-
- this.el.appendChild(this.player)
- },
-
- ready: function(){
- this.seek( this.media.keyframe || 0 )
-
- if (this.media.mute) {
- this.mute()
- }
- else {
- this.unmute()
- }
-
- if (this.media.autoplay) {
- this.play()
- }
- },
-
- error: function(err){
- console.log("video error", err)
- },
-
- play: function(){
- this.paused = false
- this.player.play()
- },
-
- pause: function(){
- this.paused = true
- this.player.pause()
- },
-
- seek: function(n){
- if (n < 1) {
- n = n * this.duration()
- }
- this.player.currentTime = n
- },
-
- mute: function(){
- this.player.muted = true
- this.player.volume = 0
- this.muted = true
- },
-
- unmute: function(){
- this.player.muted = false
- this.player.volume = 0.8
- this.muted = false
- },
-
- setLoop: function(state){
- this.media.loop = state
- },
-
- duration: function(){
- return this.player.duration
- },
-
- finished: function(){
- console.log("video finished")
- if (this.media.loop) {
- this.seek(0)
- this.play()
- }
- else if (this.bound) {
- $(".playButton").removeClass('playing')
- }
- },
-
-
-})