spade 0.0.1 → 0.0.2

data/sproutcore/frameworks/media/.greenhouseconf

@@ -1,29 +0,0 @@
-{
-  "name": "/media",
-  "views": [
-    {
-      "name": "Audio",
-      "scClass": "SC.AudioView"
-    },
-    {
-      "name": "Media Controls",
-      "scClass": "SC.MediaControlsView"
-    },
-    {
-      "name": "Media Slider",
-      "scClass": "SC.MediaSlider"
-    },
-    {
-      "name": "Mini Media Controls",
-      "scClass": "SC.MiniMediaControlsView"
-    },
-    {
-      "name": "Simple Media Controls",
-      "scClass": "SC.SimpleMediaControlsView"
-    },
-    {
-      "name": "Video",
-      "scClass": "SC.VideoView"
-    }
-  ]
-}

data/sproutcore/frameworks/media/resources/video.css

@@ -1,124 +0,0 @@
-.sc-video-view
-{
-  background: black;
-}
-
-.sc-media-controls .stop
-{
-  background: static_url('controls.png') no-repeat -8px 4px;  
-  height: 20px;
-  width: 22px;
-}
-
-.sc-media-controls .play
-{
-  background: static_url('controls.png') no-repeat 7px 4px;  
-  height: 20px;
-  width: 22px;
-}
-
-.sc-media-controls .theater
-{
-  background: static_url('controls.png') no-repeat -24px 4px;  
-  height: 20px;
-  width: 18px;
-}
-
-.sc-media-controls .minus
-{
-  background: static_url('controls.png') no-repeat -45px 3px;
-  height: 20px;
-  width: 20px;
-}
-
-.sc-media-controls .plus
-{
-  background: static_url('controls.png') no-repeat -60px 3px;
-  height: 20px;
-  width: 20px;
-}
-
-.sc-media-controls .time{
-  font-size: 10px !important;
-  line-height: 20px !important;
-}
-
-.sc-media-controls{
-  background: black;
-  opacity:0.8;
-}
-
-.sc-media-controls .sc-view.sc-slider-view {
-  overflow:visible;
-}
-
-.sc-media-controls .sc-view.sc-slider-view .sc-inner{
-  height:2px;
-  top:9px;
-  right:0px;
-  left:0px;
-}
-
-.sc-media-controls .sc-view.sc-slider-view .sc-track{
-  background:white;
-  position:absolute;
-  left:0px;
-  top:0px;
-  right:0px;
-  bottom:0px;
-  z-index:1;
-}
-
-.sc-media-controls .sc-view.sc-slider-view .sc-loaded-ranges{
-  position:absolute;
-  left:0px;
-  top:0px;
-  right:0px;
-  bottom:0px;
-  z-index:2;
-}
-
-.sc-media-controls .sc-view.sc-slider-view .sc-loaded-range,
-.sc-media-controls .sc-view.sc-slider-view .sc-loaded-range-inner{
-  position:absolute;
-  /*left defined by js*/
-  /*width defined by js*/
-  top:0px;
-  bottom:0px;
-  overflow:hidden;
-}
-
-.sc-media-controls .sc-view.sc-slider-view .sc-inner .sc-loaded-range-inner .sc-track,
-.sc-media-controls .sc-view.sc-slider-view .sc-inner .sc-loaded-range-inner .sc-leftcap,
-.sc-media-controls .sc-view.sc-slider-view .sc-inner .sc-loaded-range-inner .sc-rightcap{
-  background:green;
-}
-
-.sc-media-controls .sc-view.sc-slider-view .sc-inner .sc-leftcap{
-  position:absolute;
-  left:0px;
-  top:0px;
-  width:0px;
-  height:0px;
-  background:white;
-  z-index:1;
-}
-
-.sc-media-controls .sc-view.sc-slider-view .sc-inner .sc-rightcap{
-  position:absolute;
-  right:0px;
-  top:0px;
-  width:0px;
-  height:0px;
-  background:white;
-  z-index:1;
-}
-
-.sc-media-controls .sc-view.sc-slider-view .sc-handle{
-  background:white;
-  height: 10px;
-  width:10px;
-  top:-4px;
-  margin-left:0px;
-  z-index:10;
-}

data/sproutcore/frameworks/media/views/audio.js

@@ -1,741 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2010 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-sc_require('views/controls');
-sc_require('views/mini_controls');
-/** 
-  @class
-  
-  Renders a audioView using different technologies like HTML5 audio tag, 
-  quicktime and flash.
-  
-  This view wraps the different technologies so you can use one standard and 
-  simple API to play audio.
-  
-  You can specify and array with the order of how the technologies will degrade
-  depending on availability. For example you can set degradeList to be 
-  ['html5', 'flash'] and it will load your audio in an audio tag if the 
-  technology is available otherwise flash and if neither of the technologies 
-  are available it will show a message saying that your machine needs to install
-  one of this technologies.
-  
-  @extends SC.View
-  @since SproutCore 1.1
-*/
-
-SC.AudioView = SC.View.extend({
-
-  /** 
-    Audio view className. 
-    @property {String}
-  */
-  classNames: 'sc-audio-view',
-  
-  /** 
-    Properties that trigger a re render of the view. If the value changes, it
-    means that the audio url changed.
-    
-    @property {Array}
-  */
-  displayProperties: ['value', 'shouldAutoResize'],
-  
-  /** 
-    Reference to the audio object once is created. 
-    @property {Object}
-  */
-  
-  audioObject:null,
-  
-  /** 
-    Array containing the technologies and the order to load them depending
-    availability
-     
-    @property {Array}
-  */
-  degradeList: ['html5','quicktime', 'flash'],
-  
-  /** 
-    Current time in secs
-    @property {Number}
-  */
-  currentTime: 0, 
-  
-  /** 
-    Duration in secs
-    @property {Number}
-  */
-  duration: 0, //audio duration in secs
-  
-  /** 
-    Volume. The value should be between 0 and 1
-    @property {Number}
-  */
-  volume:0, //volume value from 0 to 1
-  
-  /** 
-    Tells you if the audio is paused or not.
-    @property {Boolean}
-  */
-  paused: YES, //is the audio paused
-
-  /** 
-    Tells you if the audio is loaded.
-    @property {Boolean}
-  */
-
-  loaded: NO, //has the audio loaded
-  
-  /** 
-    Indicates if the audio has reached the end
-    @property {Boolean}
-  */
-  
-  ended: NO, //did the audio finished playing
-  
-  /** 
-    Indicates if the audio is ready to be played.
-    @property {Boolean}
-  */
-  
-  canPlay: NO, //can the audio be played
-  
-  loadedTimeRanges:[], //loaded bits
-  
-  /** 
-    Formatted currentTime. (00:00)
-    @property {String}
-  */
-  time: function(){
-    var currentTime=this.get('currentTime'),
-        totaltimeInSecs = this.get('duration');
-    var formattedTime = this._addZeros(Math.floor(currentTime/60))+':'+this._addZeros(Math.floor(currentTime%60))+"/"+this._addZeros(Math.floor(totaltimeInSecs/60))+':'+this._addZeros(Math.floor(totaltimeInSecs%60));
-    return formattedTime;
-  }.property('currentTime', 'duration').cacheable(),
-  
-  /** 
-    Renders the appropiate HTML according for the technology to use.
-    
-    @param {SC.RenderContext} context the render context
-    @param {Boolean} firstTime YES if this is creating a layer
-    @returns {void}
-  */
-  render: function(context, firstTime) {
-    var i, j, listLen, pluginsLen, id = SC.guidFor(this);
-    if(firstTime){
-      for(i=0, listLen = this.degradeList.length; i<listLen; i++){
-        switch(this.degradeList[i]){
-        case "html5":
-          if(SC.browser.safari){                          
-            context.push('<audio src="'+this.get('value')+'"');
-            if(this.poster){
-              context.push(' poster="'+this.poster+'"');
-            }
-            context.push('/>');
-            this.loaded='html5';
-            return;
-          }
-          break;
-        case "quicktime":
-          if(SC.browser.msie){
-            context.push('<object id="qt_event_source" '+
-                        'classid="clsid:CB927D12-4FF7-4a9e-A169-56E4B8A75598" '+         
-                        'codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=7,2,1,0"> '+
-                        '</object> ');
-          }
-          context.push('<object width="100%" height="100%"');
-          if(SC.browser.msie){
-            context.push('style="behavior:url(#qt_event_source);"');
-          }
-          context.push('classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" '+
-                      'id="qt_'+id+'" '+
-                      'codebase="http://www.apple.com/qtactivex/qtplugin.cab">'+
-                      '<param name="src" value="'+this.get('value')+'"/>'+
-                      '<param name="autoplay" value="false"/>'+
-                      '<param name="loop" value="false"/>'+
-                      '<param name="controller" value="false"/>'+
-                      '<param name="postdomevents" value="true"/>'+
-                      '<param name="kioskmode" value="true"/>'+
-                      '<param name="bgcolor" value="000000"/>'+
-                      '<param name="scale" value="aspect"/>'+
-                      '<embed width="100%" height="100%" '+
-                      'name="qt_'+id+'" '+
-                      'src="'+this.get('value')+'" '+
-                      'autostart="false" '+
-                      'EnableJavaScript="true" '+
-                      'postdomevents="true" '+
-                      'kioskmode="true" '+
-                      'controller="false" '+
-                      'bgcolor="000000"'+
-                      'scale="aspect" '+
-                      'pluginspage="www.apple.com/quicktime/download">'+
-                      '</embed></object>'+
-                      '</object>');
-          this.loaded='quicktime';
-          return;
-        case "flash":
-          var flashURL= sc_static('videoCanvas.swf');
-
-          var movieURL = this.get('value');
-          if (!movieURL) return;
-
-          if(movieURL.indexOf('http:')==-1){
-            movieURL=location.protocol+'//'+location.host+movieURL;
-          }
-          if(movieURL.indexOf('?')!=-1){
-            movieURL=movieURL.substring(0, movieURL.indexOf('?'));
-          }
-          movieURL = encodeURI(movieURL);
-          context.push('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" '+
-                        'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" '+
-                        'width="100%" '+
-                        'height="100%" '+
-                        'id="flash_'+id+'" '+
-                        'align="middle">'+
-        	              '<param name="allowScriptAccess" value="sameDomain" />'+
-        	              '<param name="allowFullScreen" value="true" />'+
-        	              '<param name="movie" value="'+flashURL+'&src='+movieURL+'&scid='+id+'" />'+
-        	              '<param name="quality" value="autohigh" />'+
-        	              '<param name="scale" value="default" />'+
-        	              '<param name="wmode" value="transparent" />'+
-        	              '<param name="menu" value="false" />'+
-                        '<param name="bgcolor" value="#000000" />	'+
-        	              '<embed src="'+flashURL+'&src='+movieURL+'&scid='+id+'" '+
-        	              'quality="autohigh" '+
-        	              'scale="default" '+
-        	              'wmode="transparent" '+
-        	              'bgcolor="#000000" '+
-        	              'width="100%" '+
-        	              'height="100%" '+
-        	              'name="flash_'+id+'" '+
-        	              'align="middle" '+
-        	              'allowScriptAccess="sameDomain" '+
-        	              'allowFullScreen="true" '+
-        	              'menu="false" '+
-        	              'type="application/x-shockwave-flash" '+
-        	              'pluginspage="http://www.adobe.com/go/getflashplayer" />'+
-        	              '</object>');
-          this.loaded='flash';
-          SC.AudioView.addToAudioFlashViews(this);
-          return;
-        default:
-          context.push('audio is not supported by your browser');
-          return;
-        }
-      }
-    }
-  },
-
-  valueObserver:function(){
-    this.set('currentTime', 0); 
-    this.set('duration', 0); 
-    this.set('volume', 0); 
-    this.set('paused', YES); 
-    this.set('loaded', NO); 
-    this.set('ended', NO); 
-    this.set('canPlay', NO); 
-    this.set('loadedTimeRanges', []); 
-    this.replaceLayer();
-  }.observes('value'),
-  
-  /** 
-    In didCreateLayer we add DOM events for audio tag or quicktime.
-    
-    @returns {void}
-  */
-  didCreateLayer :function(){
-    if(this.loaded==="html5"){
-      this.addAudioDOMEvents();
-    }
-    if(this.loaded==="quicktime"){
-      this.addQTDOMEvents();
-    }
-  },
-  
-  didAppendToDocument :function(){
-    if(this.loaded==="quicktime"){
-      this.addQTDOMEvents();
-    }
-  },
-  
-  /** 
-    Adds all the neccesary audio DOM elements.
-    
-    @returns {void}
-  */
-  addAudioDOMEvents: function() {
-    var audioElem, view=this;
-    audioElem = this.$('audio')[0];
-    this.set('audioObject', audioElem);
-    SC.Event.add(audioElem, 'durationchange', this, function () {
-      SC.run(function() {
-        view.set('duration', audioElem.duration);
-      });
-    }) ;
-
-    SC.Event.add(audioElem, 'timeupdate', this, function () {
-      SC.run(function() {
-        view.set('currentTime', audioElem.currentTime);
-      });
-    }) ;
-
-    SC.Event.add(audioElem, 'loadstart', this, function () {
-      SC.run(function() {
-        view.set('volume', audioElem.volume);        
-      });
-    });
-
-    SC.Event.add(audioElem, 'play', this, function () {
-      SC.run(function() {
-        view.set('paused', NO);        
-      });
-    });
-
-    SC.Event.add(audioElem, 'pause', this, function () {
-      SC.run(function() {
-        view.set('paused', YES);        
-      });
-    });
- 
-    SC.Event.add(audioElem, 'loadedmetadata', this, function () {
-      SC.run(function() {
-        // view.set('audioWidth', audioElem.audioWidth);
-        // view.set('audioHeight', audioElem.audioHeight);
-      });
-    });    
-       
-    SC.Event.add(audioElem, 'canplay', this, function () {
-      SC.run(function() {
-        view.set('canPlay', YES);        
-      });
-    });     
-
-    SC.Event.add(audioElem, 'ended', this, function () {
-      SC.run(function() {
-        view.set('ended', YES);        
-      });
-    });
-
-    SC.Event.add(audioElem, 'progress', this, function (e) {
-      SC.run(function() {
-        this.loadedTimeRanges=[];
-        for (var j=0, jLen = audioElem.seekable.length; j<jLen; j++){
-          this.loadedTimeRanges.push(audioElem.seekable.start(j));
-          this.loadedTimeRanges.push(audioElem.seekable.end(j));
-        }
-
-        try {
-          var trackCount=view.GetTrackCount(),i;
-          for (i=1; i<=trackCount;i++){
-            if ("Closed Caption"===this.GetTrackType(i)){
-              view._closedCaptionTrackIndex=i;
-            }
-          }
-        } catch (f) {}
-      }, this);
-
-      //view.set('loadedData', ev.loaded);
-      //console.log('progress '+ev.loaded+","+ev.total );
-    });
-         
-    // SC.Event.add(audioElem, 'suspend', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('suspend');
-    //       SC.RunLoop.end();
-    //     });     
-    // SC.Event.add(audioElem, 'load', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('load');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'abort', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('abort');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'error', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('error');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'loadend', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('loadend');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'emptied', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('emptied');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'stalled', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('stalled');
-    //       SC.RunLoop.end();
-    //     });     
-    // SC.Event.add(audioElem, 'loadeddata', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('loadeddata');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'waiting', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('waiting');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'playing', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('playing');
-    //       SC.RunLoop.end();
-    //     });
-    // SC.Event.add(audioElem, 'canplaythrough', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('canplaythrough');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'seeking', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('seeking');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'seeked', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('seeked');
-    //       SC.RunLoop.end();
-    //     });
-    // SC.Event.add(audioElem, 'ratechange', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('ratechange');
-    //       SC.RunLoop.end();
-    //     });     
-    //     SC.Event.add(audioElem, 'volumechange', this, function () {
-    //       SC.RunLoop.begin();
-    //       console.log('volumechange');
-    //       SC.RunLoop.end();
-    //     });
-    
-  },
-  
-  /** 
-     Adds all the neccesary quicktime DOM elements.
-
-     @returns {void}
-   */
-  addQTDOMEvents: function() {
-    var media=this._getAudioObject(),
-        audioElem = this.$()[0],
-        view=this,
-        dimensions;
-    try{
-      media.GetVolume(); 
-      // add media.GetTimeScale(); ?
-    }catch(e){
-      SC.Logger.log('loaded fail trying later');
-      this.invokeLater(this.didAppendToDocument, 100);
-      return;
-    }
-    this.set('audioObject', media);
-    view.set('duration', media.GetDuration()/media.GetTimeScale());
-    view.set('volume', media.GetVolume()/256);
-    
-    SC.Event.add(audioElem, 'qt_durationchange', this, function () {
-      SC.run(function() {
-        view.set('duration', media.GetDuration()/media.GetTimeScale());
-      });
-    });
-    
-    SC.Event.add(audioElem, 'qt_begin', this, function () {
-      SC.run(function() {
-        view.set('volume', media.GetVolume()/256);        
-      });
-    });
-    
-    SC.Event.add(audioElem, 'qt_loadedmetadata', this, function () {
-      SC.run(function() {
-        view.set('duration', media.GetDuration()/media.GetTimeScale());        
-      });
-    });
-    
-    SC.Event.add(audioElem, 'qt_canplay', this, function () {
-      SC.run(function() {
-        view.set('canPlay', YES);        
-      });
-    });
-    
-    SC.Event.add(audioElem, 'qt_ended', this, function () {
-      SC.run(function() {
-        view.set('ended', YES);        
-      });
-    });
-
-    SC.Event.add(audioElem, 'qt_pause', this, function () {
-      SC.run(function() {
-        view.set('currentTime', media.GetTime()/media.GetTimeScale());
-        view.set('paused', YES);
-      });
-    });
-
-    SC.Event.add(audioElem, 'qt_play', this, function () {
-      SC.run(function() {
-        view.set('currentTime', media.GetTime()/media.GetTimeScale());
-        view.set('paused', NO);
-      });
-    });
-    // SC.Event.add(audioElem, 'qt_loadedfirstframe', this, function () {
-    //       console.log('qt_loadedfirstframe');
-    //     });
-    // SC.Event.add(audioElem, 'qt_error', this, function () {
-    //       console.log('qt_error');
-    //     });
-    // SC.Event.add(audioElem, 'qt_canplaythrough', this, function () {
-    //       console.log('qt_canplaythrough');
-    //     });
-    //     SC.Event.add(audioElem, 'qt_load', this, function () {
-    //       console.log('qt_load');
-    //     });
-    // SC.Event.add(audioElem, 'qt_progress', this, function () {
-    //       console.log('qt_progress');
-    //     });
-    //     SC.Event.add(audioElem, 'qt_waiting', this, function () {
-    //       console.log('qt_waiting');
-    //     });
-    //     SC.Event.add(audioElem, 'qt_stalled', this, function () {
-    //       console.log('qt_stalled');
-    //     });
-    //     SC.Event.add(audioElem, 'qt_volumechange', this, function () {
-    //       console.log('qt_volumechange');
-    //     });
-    // SC.Event.add(audioElem, 'qt_timechanged', this, function () {
-      // SC.RunLoop.begin();
-      //         view.set('currentTime', media.GetTime()/media.GetTimeScale());
-      //         console.log('qt_timechanged');
-      //         view.updateTime();
-      //         SC.RunLoop.end();
-    // });
-  },
-  
-  
-  /** 
-     For Quicktime we need to simulated the timer as there is no data,
-     coming back from the plugin that reports back the currentTime of the 
-     audio.
-
-     @returns {void}
-   */
-  _qtTimer:function(){
-    if(this.loaded==='quicktime' && !this.get('paused')){
-      this.incrementProperty('currentTime');
-      this.invokeLater(this._qtTimer, 1000);
-    }
-  }.observes('paused'),
-  
-  /** 
-    Called when currentTime changes. Notifies the differnt technologies 
-    then new currentTime.
-    
-    @returns {void}
-  */
-  seek:function(){
-    var timeInSecs, totaltimeInSecs, formattedTime, media=this._getAudioObject();
-    if(this.loaded==='html5'){
-      // also check for media && media.currentTime, because media.currentTime doesn't exist on value change
-      if(this.get('paused') && media && media.currentTime) media.currentTime=this.get('currentTime');
-    }
-    if(this.loaded==='quicktime'){
-      if(this.get('paused')) media.SetTime(this.get('currentTime')*media.GetTimeScale());
-    }
-    if(this.loaded==='flash'){
-      if(this.get('paused')) media.setTime(this.get('currentTime'));
-    }
-  }.observes('currentTime'),
-  
-  /** 
-    Should be called once the progress view is clicked to stop the event and
-    later start seeking.
-    
-    @returns {void}
-  */
-  startSeek: function(){
-    if(!this.get('paused')) {
-      SC.Logger.log('startseetk');
-      this.stop();
-      this._wasPlaying = true;
-    }
-  },
-  
-  /** 
-    Should be called once the progress view gets a mouseUp. It will get the
-    player to continue playing if it was playing before starting the seek.
-    
-    @returns {void}
-  */
-  endSeek: function(){
-    if(this._wasPlaying) {
-      SC.Logger.log('startseetk');
-      this.play();
-      this._wasPlaying = false;
-    }
-  },
-  
-  
-  /** 
-    Set the volume of the audio.
-    
-    @returns {void}
-  */
-  setVolume:function(){
-    var media=this._getAudioObject();
-    if(this.loaded==="html5") media.volume=this.get('volume');
-    if(this.loaded==="quicktime") media.SetVolume(this.get('volume')*256);
-    if(this.loaded==="flash") media.setVolume(this.get('volume'));
-  }.observes('volume'),
-  
-  /** 
-    Calls the right play method depending on the technology.
-    @returns {void}
-  */
-  play: function(){
-    var media=this._getAudioObject();
-    if(this.loaded==="html5") media.play();
-    if(this.loaded==="quicktime") media.Play();
-    if(this.loaded==="flash") media.playVideo();
-    this.set('paused', NO);
-  },
-  
-  /** 
-    Calls the right stop method depending on the technology.
-    @returns {void}
-  */
-  stop: function(){
-    var media=this._getAudioObject();
-    if(this.loaded==="html5")  media.pause();
-    if(this.loaded==="quicktime")  media.Stop();
-    if(this.loaded==="flash")  media.pauseVideo();
-    this.set('paused', YES);
-  },
-  
-  /** 
-    Plays or stops the audio.
-    @returns {void}
-  */
-  playPause: function(){
-    if(this.get('paused')){
-      this.play();
-    }else{
-      this.stop();
-    }   
-  },
-   
-  /** 
-    Enables captions if available
-    @returns {void}
-  */
-  closedCaption:function(){
-    if(this.loaded==="html5"){
-      try{
-        if(this.get('captionsEnabled')){
-          if(this._closedCaptionTrackIndex){
-            this.SetTrackEnabled(this._closedCaptionTrackIndex,true);
-            this.set('captionsEnabled', YES);
-          }
-        }else{
-          this.SetTrackEnabled(this._closedCaptionTrackIndex,false);
-          this.set('captionsEnabled', NO);
-        }   
-      }catch(a){}
-    }
-    return;
-  },
-  
-  /*private*/
-  
-  
-  /** 
-    Gets the right audio object depending on the browser.
-    @returns {void}
-  */
-  _getAudioObject:function(){
-    if(this.loaded==="html5") return this.get('audioObject');
-    if(this.loaded==="quicktime") return document['qt_'+SC.guidFor(this)];
-    if(this.loaded==="flash") {
-      var movieName='flash_'+SC.guidFor(this);
-      if (window.document[movieName]) 
-      {
-        return window.document[movieName];
-      }
-      if (navigator.appName.indexOf("Microsoft Internet")==-1)
-      {
-        if (document.embeds && document.embeds[movieName]) {
-          return document.embeds[movieName]; 
-        }
-      }
-      else
-      {
-        return document.getElementById(movieName);
-      }
-    }
-  },
-  
-  _addZeros:function(value){
-    if(value.toString().length<2) return "0"+value;
-    return value;
-  }
-  
-});
-
-/** 
-  Hash to store references to the different flash audios.
-*/
-SC.AudioView.flashViews={};
-
-/**
-  Adds the flash view to the flashViews hash.
-*/
-SC.AudioView.addToAudioFlashViews = function(view) {
-  SC.AudioView.flashViews[SC.guidFor(view)]=view;
-} ;
-
-/**
-  This function is called from flash to update the properties of the corresponding
-  flash view.
-*/
-SC.AudioView.updateProperty = function(scid, property, value) {
-  var view = SC.AudioView.flashViews[scid];
-  if(view){
-    SC.run(function() {
-      view.set(property, value);
-    });
-  }
-} ;
-
-/**
-  Function to log events coming from flash.
-*/
-SC.AudioView.logFlash = function(message) {
-  SC.Logger.log("FLASHLOG: "+message);
-} ;
-
-
-SC.AudioPlayerView = SC.View.extend({
-  classNames: 'sc-audio-view',
-  
-  childViews: 'audioView mini'.w(),
-  
-  value: null,
-  
-  degradeList: null,
-  
-  audioView:SC.AudioView.design({
-    layout: { top: 0, left:0, width:100, height:100},
-    degradeListBinding: '*parentView.degradeList',
-    valueBinding: '*parentView.value'
-  }),
-  
-  mini: SC.MiniMediaControlsView.design({
-     layout: { bottom:0, left: 0, right: 0, height: 20 },
-     targetBinding: '*parentView.audioView'
-   })
-});