OSDN Git Service

Version 0.6.134, add comments for closure compiler.
[pettanr/clientJs.git] / 0.6.x / js / 07_audio / 01_XWebAudio.js
index 07f4659..fb4a95f 100644 (file)
@@ -1,7 +1,12 @@
 
-var X_Audio_WebAudio_context = window.webkitAudioContext || window.AudioContext,
+var X_Audio_WebAudio_context = !X_UA[ 'iPhone_4s' ]  && !X_UA[ 'iPad_2Mini1' ]  && !X_UA[ 'iPod_4' ]  &&
+                                                               !( X_UA[ 'Gecko' ] && X_UA[ 'Android' ] ) &&
+                                                               ( window.AudioContext || window.webkitAudioContext ),
        X_Audio_WebAudioWrapper;
 
+/*
+ * iPhone 4s 以下、iPad2以下、iPad mini 1以下, iPod touch 4G 以下は不可
+ */
 if( X_Audio_WebAudio_context ){
        
        X_Audio_WebAudio_context = new X_Audio_WebAudio_context;
@@ -13,7 +18,7 @@ if( X_Audio_WebAudio_context ){
                };
        };
        
-       X_Audio_WebAudioWrapper = X.EventDispatcher.inherits(
+       X_Audio_WebAudioWrapper = X_EventDispatcher[ 'inherits' ](
                'X.AV.WebAudioWrapper',
                X.Class.POOL_OBJECT,
                {
@@ -27,16 +32,17 @@ if( X_Audio_WebAudio_context ){
                        loopEndTime     : -1,
                        seekTime        : -1,
                        duration        : 0,
-                       
+
                        playing         : false,
                        error           : 0,                    
                        loop            : false,
                        looped          : false,
+                       autoplay        : false,
                        volume          : 0.5,
                                                
+                       _startPos       : 0,
+                       _endPosition    : 0,
                        _startTime      : 0,
-                       _endTime        : 0,
-                       _playTime       : 0,
             _timerID        : 0,
             _interval       : 0,
                buffer          : null,
@@ -51,9 +57,8 @@ if( X_Audio_WebAudio_context ){
                        Constructor : function( proxy, url, option ){
                                var audio = X_Audio_WebAudio_getBuffer( url );
                                
-                               this.url = url;
-                               this.closed = false;
                                this.proxy  = proxy;
+                               this.url    = url;
                                
                                X_AudioWrapper_updateStates( this, option );
                                
@@ -62,25 +67,34 @@ if( X_Audio_WebAudio_context ){
                                } else
                                if( audio ){
                                        // TODO 当てにしていたaudioがclose 等した場合
-                                       audio.proxy.listenOnce( 'canplaythrough', this, this._onBufferReady );
+                                       audio.proxy[ 'listenOnce' ]( 'canplaythrough', this, this._onBufferReady );
                                } else {
                                        this.xhr = X.Net.xhrGet( url, 'arraybuffer' )
-                                                                       .listen( X.Event.PROGRESS, this )
-                                                                       .listenOnce( [ X.Event.SUCCESS, X.Event.COMPLETE, X.Event.CANCELED ], this );                                   
+                                                                       [ 'listen' ]( X_EVENT_PROGRESS, this )
+                                                                       [ 'listenOnce' ]( [ X_EVENT_SUCCESS, X_EVENT_COMPLETE, X_EVENT_CANCELED ], this );                                      
                                };
                        },
                        
                        handleEvent : function( e ){
                                switch( e.type ){
-                                       case X.Event.PROGRESS :
+                                       case X_EVENT_PROGRESS :
                                                e.percent ?
-                                                       this.proxy.dispatch( { type : 'progress', percent : e.percent } ) :
-                                                       this.proxy.dispatch( 'loadstart' );
+                                                       this.proxy[ 'dispatch' ]( { type : 'progress', percent : e.percent } ) :
+                                                       this.proxy[ 'dispatch' ]( 'loadstart' );
                                                return;
                                        
-                                       case X.Event.SUCCESS :
+                                       case X_EVENT_SUCCESS :
+                                               console.log( 'WebAudio xhr success! ' + !!X_Audio_WebAudio_context.decodeAudioData + ' t:' + typeof e.data );
                                        // TODO 旧api
                                        // https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext
+                                       
+                                       // http://qiita.com/sou/items/5688d4e7d3a37b4e2ff1
+                                       // iOS 7.1 で decodeAudioData に処理が入った瞬間にスクリーンを長押しする(スクロールを繰り返す)と
+                                       // decoeAudioData の処理がキャンセルされることがある(エラーやコールバックの発火もなく、ただ処理が消滅する)。
+                                       // ただし iOS 8.1.2 では エラーになる
+                                               if( X_Audio_WebAudio_context.createBuffer && X_UA[ 'iOS' ] < 8 ){
+                                                       this._onDecodeSuccess( X_Audio_WebAudio_context.createBuffer( e.data, false ) );
+                                               } else
                                                if( X_Audio_WebAudio_context.decodeAudioData ){
                                                        X_Audio_WebAudio_context.decodeAudioData( e.data,
                                                                this.onDecodeSuccess = X_Callback_create( this, this._onDecodeSuccess ),
@@ -90,41 +104,50 @@ if( X_Audio_WebAudio_context ){
                                                };
                                                break;
 
-                                       case X.Event.CANCELED :
+                                       case X_EVENT_CANCELED :
                                                this.error = 1;
-                                               this.proxy.dispatch( 'aborted' );
+                                               this.proxy[ 'dispatch' ]( 'aborted' );
                                                break;
 
-                                       case X.Event.COMPLETE :
+                                       case X_EVENT_COMPLETE :
                                                this.error = 2;                         
-                                               this.proxy.asyncDispatch( { type : 'error', message : 'xhr error' } );
+                                               this.proxy[ 'asyncDispatch' ]( { type : X_EVENT_ERROR, message : 'xhr error' } );
                                                break;
                                };
-                               this.xhr.unlisten( [ X.Event.PROGRESS, X.Event.SUCCESS, X.Event.COMPLETE, X.Event.CANCELED ], this );
+                               this.xhr[ 'unlisten' ]( [ X_EVENT_PROGRESS, X_EVENT_SUCCESS, X_EVENT_COMPLETE, X_EVENT_CANCELED ], this );
                                delete this.xhr;
                        },
                        
                                _onDecodeSuccess : function( buffer ){
+                                       console.log( 'WebAudio decode success!' );
+                                       
                                        this.onDecodeSuccess && this._onDecodeComplete();
                                        
                        if ( !buffer ) {
-                           this.proxy.asyncDispatch( { type : 'error', message : 'buffer is ' + buffer } );
+                           this.proxy[ 'asyncDispatch' ]( { type : X_EVENT_ERROR, message : 'buffer is ' + buffer } );
                            return;
                        };
        
                        this.buffer   = buffer;
                        this.duration = buffer.duration * 1000;
+                       /*
+                       this.proxy[ 'asyncDispatch' ]( 'loadedmetadata' );
+                       this.proxy[ 'asyncDispatch' ]( 'loadeddata' );
+                       this.proxy[ 'asyncDispatch' ]( 'canplay' );
+                       this.proxy[ 'asyncDispatch' ]( 'canplaythrough' );
+                       */
+                                       this.proxy[ 'asyncDispatch' ]( X_EVENT_READY );
+                       
+                       this.autoplay && X_Timer_once( 16, this, this.play );
                        
-                       this.proxy.asyncDispatch( 'loadedmetadata' );
-                       this.proxy.asyncDispatch( 'loadeddata' );
-                       this.proxy.asyncDispatch( 'canplay' );
-                       this.proxy.asyncDispatch( 'canplaythrough' );
+                       console.log( 'WebAudio decoded!' );
                                },
                                
                                _onDecodeError : function(){
+                                       console.log( 'WebAudio decode error!' );
                                        this._onDecodeComplete();
                                        this.error = 3;
-                                       this.proxy.asyncDispatch( { type : 'error', message : 'decode error' } );
+                                       this.proxy[ 'asyncDispatch' ]( { type : X_EVENT_ERROR, message : 'decode error' } );
                                },
                                
                                _onDecodeComplete : function(){
@@ -165,7 +188,10 @@ if( X_Audio_WebAudio_context ){
                        play : function(){
                                var begin, end;
                                
-                   if( !this.buffer ) return this;
+                   if( !this.buffer ){
+                       this.autoplay = true;
+                       return;
+                   };
                                
                                end   = X_AudioWrapper_getEndTime( this );
                                begin = X_AudioWrapper_getStartTime( this, end, true );
@@ -183,15 +209,14 @@ if( X_Audio_WebAudio_context ){
                    
                    this.gainNode.gain.value = this.volume;
                    
-                   this._timerID && X.Timer.remove( this._timerID );
-                   
                    // おかしい、stop 前に外していても呼ばれる、、、@Firefox33.1
-                   // 破棄された X.Callback が呼ばれて、obj._() でエラーになる。Firefox では、onended は使わない
+                   // 破棄された X.Callback が呼ばれて、obj.proxy() でエラーになる。Firefox では、onended は使わない
                 if( false && this.source.onended !== undefined ){
                        //console.log( '> use onended' );
                        this.source.onended = this._onended || ( this._onended = X_Callback_create( this, this._onEnded ) );
                 } else {
-                                       this._timerID = X.Timer.once( end - begin, this, this._onEnded );
+                       this._timerID && X_Timer_remove( this._timerID );
+                                       this._timerID = X_Timer_once( end - begin, this, this._onEnded );
                 };
        
                    if( this.source.start ){
@@ -200,11 +225,11 @@ if( X_Audio_WebAudio_context ){
                        this.source.noteGrainOn( 0, begin / 1000, end / 1000 );
                    };
                    
-                   this.playing    = true;
-                   this._startTime = begin;
-                   this._endTime   = end;
-                   this._playTime  = X_Audio_WebAudio_context.currentTime * 1000;
-                   this._interval  = this._interval || X.Timer.add( 1000, 0, this, this._onInterval );
+                   this.playing      = true;
+                   this._startPos    = begin;
+                   this._endPosition = end;
+                   this._startTime   = X_Audio_WebAudio_context.currentTime * 1000;
+                   this._interval    = this._interval || X_Timer_add( 1000, 0, this, this._onInterval );
                        },
 
                                _onInterval : function(){
@@ -212,7 +237,7 @@ if( X_Audio_WebAudio_context ){
                                                delete this._interval;
                                                return X_Callback_UN_LISTEN;
                                        };
-                                       this.proxy.dispatch( 'timeupdate' );
+                                       this.proxy[ 'dispatch' ]( X_EVENT_MEDIA_PLAYING );
                                },
                                                
                                _onEnded : function(){
@@ -220,26 +245,29 @@ if( X_Audio_WebAudio_context ){
                                        delete this._timerID;
                                        
                            if( this.playing ){
-                               time = X_Audio_WebAudio_context.currentTime * 1000 - this._playTime - this._endTime + this._startTime | 0;
-                               //console.log( '> onEnd ' + ( this.playing && ( X_Audio_WebAudio_context.currentTime * 1000 - this._playTime ) ) + ' < ' + ( this._endTime - this._startTime ) );
+                               time = X_Audio_WebAudio_context.currentTime * 1000 - this._startTime - this._endPosition + this._startPos | 0;
+                               //console.log( '> onEnd ' + ( this.playing && ( X_Audio_WebAudio_context.currentTime * 1000 - this._startTime ) ) + ' < ' + ( this._endPosition - this._startPos ) );
                                if( this._onended ){
                                        // Firefox 用の対策,,,
                                        if( time < 0 ) return;
                                } else {
-                                       if( time < -16 ){
-                                               console.log( '> onEnd ' + time );
-                                               this._timerID = X.Timer.once( -time, this, this._onEnded );
+                                       if( time < 0 ){
+                                               console.log( '> onEnd crt:' + ( X_Audio_WebAudio_context.currentTime * 1000 ) + ' startTime:' + this._startTime +
+                                                       ' from:' + this._startPos + ' to:' + this._endPosition );
+                                               this._timerID = X_Timer_once( -time, this, this._onEnded );
                                                return;
                                        };
                                };
                                
                                if( this.loop ){
-                                       this.looped = true;
-                                       this.play();
-                                       this.proxy.dispatch( 'looped' );
+                                       if( !( this.proxy[ 'dispatch' ]( X_EVENT_MEDIA_BEFORE_LOOP ) & X_Callback_PREVENT_DEFAULT ) ){
+                                               this.looped = true;
+                                               this.proxy[ 'dispatch' ]( X_EVENT_MEDIA_LOOPED );
+                                               this.play();
+                                       };
                                } else {
                                        this.pause();
-                                       this.proxy.dispatch( 'ended' );
+                                       this.proxy[ 'dispatch' ]( X_EVENT_MEDIA_ENDED );
                                };
                            };
                                },
@@ -249,7 +277,9 @@ if( X_Audio_WebAudio_context ){
                                
                                console.log( '[WebAudio] pause' );
                                
-                   this._timerID && X.Timer.remove( this._timerID );
+                               this.seekTime = this.state().currentTime;
+                               
+                   this._timerID && X_Timer_remove( this._timerID );
                                delete this._timerID;
                                delete this.playing;
 
@@ -262,8 +292,7 @@ if( X_Audio_WebAudio_context ){
                        },
        
                        state : function( obj ){
-                               var time = this.playing ? ( X_Audio_WebAudio_context.currentTime * 1000 - this._playTime ) : 0,
-                                       result;
+                               var result;
                                
                                if( obj === undefined ){
                                    return {
@@ -277,19 +306,16 @@ if( X_Audio_WebAudio_context ){
                                        playing       : this.playing,                           
                                        duration      : this.duration,
                                        
-                                       currentTime   : time + this._startTime,
+                                       currentTime   : this.playing ? ( X_Audio_WebAudio_context.currentTime * 1000 - this._startTime + this._startPos | 0 ) : this.seekTime,
                                        error         : this.error
                                    };
                                };
                        
                                result = X_AudioWrapper_updateStates( this, obj );
                                
-                               if( result & 2 ){ // seek
+                               if( result & 2 || result & 1 ){ // seek
                        this.play();
                                } else
-                               if( result & 1 ){
-                                       this.play();
-                               } else
                                if( result & 4 ){
                       this.gainNode.gain.value = this.volume;
                                };
@@ -297,19 +323,18 @@ if( X_Audio_WebAudio_context ){
 
                }
        );
-       
+
+
        X_Audio_BACKENDS.push(
                {
                        backendName : 'Web Audio',
 
+                       // 
                        detect : function( proxy, source, ext ){
-                               var ok = ext === 'mp3' || ext === 'ogg';
-                               
-                               proxy.asyncDispatch( ok ? 'support' : 'nosupport' );
+                               proxy[ 'asyncDispatch' ]( { type : X_EVENT_COMPLETE, canPlay : X_Audio_codecs[ ext ] } );
                        },
                        
                        klass : X_Audio_WebAudioWrapper
                }
        );
-
 };