OSDN Git Service

Version 0.6.187, add Scroll-Indicator for X.UI.ScrollBox, bugfix of X.HTMLAudio.
[pettanr/clientJs.git] / 0.6.x / js / 07_audio / 00_XAudio.js
index b12e679..5d714c2 100644 (file)
@@ -1,7 +1,7 @@
 \r
 /*\r
        WebAudio    : 1,\r
-       HTML5       : 2,\r
+       HTMLAudio   : 2,\r
        Flash       : 3,\r
        Silverlight : 4,\r
        Unity       : 5,\r
@@ -15,9 +15,12 @@ var X_Audio_BACKENDS     = []; // Array.<Hash>
 X_TEMP.onSystemReady.push(\r
        function(){\r
                var canPlay = X[ 'Audio' ][ 'canPlay' ] = {},\r
-                       i = X_Audio_BACKENDS.length;\r
+                       i = X_Audio_BACKENDS.length,\r
+                       be;\r
                for( ; i; ){\r
-                       X_Object_override( canPlay, X_Audio_BACKENDS[ --i ].canPlay );\r
+                       be = X_Audio_BACKENDS[ --i ];\r
+                       X_Object_override( canPlay, be.canPlay );\r
+                       X[ 'Audio' ][ be.backendName ] = be.backendID;\r
                };\r
        });\r
 \r
@@ -25,11 +28,11 @@ X_TEMP.onSystemReady.push(
  * <p>複数のバックエンドから、与えられた音声を再生可能なものを見つけ、音声を再生します。\r
  * <p>HTMLAudio の動作・機能がブラウザ毎にバラバラなのに業を煮やし、メソッドやイベントは独自に定義しています。\r
  * <h4>バックエンドの種類</h4>\r
- * <p>HTMLAudio, WebAudio, Silverlight\r
+ * <p>HTMLAudio, WebAudio, Silverlight, WMP\r
  * <h4>イベント</h4>\r
  * <dl>\r
  * <dt>X.Event.BACKEND_READY <dd>音声(src リスト)を再生可能なバックエンドが見つかった。\r
- * <dt>X.Event.BACKEND_NONE  <dd>音声を再生可能なバックエンドが見つからなかった。\r
+ * <dt>X.Event.BACKEND_NONE  <dd>音声を再生可能なバックエンドが見つからなかった。Audio は kill されます。\r
  * <dt>X.Event.READY         <dd>再生可能、実際の状態は canplay から loadeddata まで様々、、、\r
  * <dt>X.Event.ERROR         <dd><ul>\r
  *   <li> 1 : ユーザーによってメディアの取得が中断された\r
@@ -37,13 +40,14 @@ X_TEMP.onSystemReady.push(
  *   <li> 3 : メディアのデコードエラー\r
  *   <li> 4 : メディアがサポートされていない\r
  * </ul>\r
- * <dt>X.Event.MEDIA_PLAYING <dd>再生中に1秒以下のタイミングで発生.currentTime が取れる?\r
- * <dt>X.Event.MEDIA_LOOP    <dd>ループ直前に発生、キャンセル可能\r
- * <dt>X.Event.MEDIA_LOOPED  <dd>ループ時に発生\r
- * <dt>X.Event.MEDIA_ENDED   <dd>再生位置の(音声の)最後についた\r
- * <dt>X.Event.MEDIA_PAUSED  <dd>ポーズした\r
- * <dt>X.Event.MEDIA_WAITING <dd>再生中に音声が待機状態に。間もなく X.Event.MEDIA_PLAYING に移行。\r
- * <dt>X.Event.MEDIA_SEEKING <dd>シーク中に音声が待機状態に。間もなく X.Event.MEDIA_PLAYING に移行。\r
+ * <dt>X.Event.MEDIA_PLAYING   <dd>再生中に1秒以下のタイミングで発生.currentTime が取れる?\r
+ * <dt>X.Event.MEDIA_LOOP      <dd>ループ直前に発生、キャンセル可能\r
+ * <dt>X.Event.MEDIA_LOOPED    <dd>ループ時に発生\r
+ * <dt>X.Event.MEDIA_ENDED     <dd>再生位置の(音声の)最後についた\r
+ * <dt>X.Event.MEDIA_PAUSED    <dd>ポーズした\r
+ * <dt>X.Event.MEDIA_WAITING   <dd>再生中に音声が待機状態に。\r
+ * <dt>X.Event.MEDIA_SEEKING   <dd>シーク中に音声が待機状態に。\r
+ * <dt>X.Event.MEDIA_CAN_TOUCH <dd>シーク中に音声が待機状態に。\r
  * </dl>\r
  * \r
  * @alias X.Audio\r
@@ -73,12 +77,14 @@ X[ 'Audio' ] = X_EventDispatcher[ 'inherits' ](
                 */\r
                'backendName' : '',\r
                \r
+               // TODO\r
                'Constructor' : function( sourceList, opt_option ){\r
                        X_Audio_startDetectionBackend(\r
                                X_Audio_BACKENDS[ 0 ], this,\r
                                X_Type_isArray( sourceList ) ? X_Array_copy( sourceList ) : [ sourceList ],\r
                                opt_option || {} );\r
                        this[ 'listenOnce' ]( [ X_EVENT_BACKEND_READY, X_EVENT_BACKEND_NONE, X_EVENT_KILL_INSTANCE ], X_Audio_handleEvent );\r
+                       X_ViewPort[ 'listenOnce' ]( X_EVENT_UNLOAD, this, X_AudioSprite_handleEvent );\r
                },\r
                \r
                /**\r
@@ -173,7 +179,7 @@ X[ 'Audio' ] = X_EventDispatcher[ 'inherits' ](
 );\r
 \r
 function X_Audio_handleEvent( e ){\r
-       var backend;\r
+       var backend, pair;\r
        \r
        switch( e.type ){\r
                case X_EVENT_BACKEND_READY :\r
@@ -182,17 +188,28 @@ function X_Audio_handleEvent( e ){
                        this[ 'unlisten' ]( X_EVENT_BACKEND_NONE, X_Audio_handleEvent );\r
                        this[ 'source' ]      = e[ 'source' ];\r
                        this[ 'backendName' ] = backend.backendName;\r
+                       \r
                        X_Pair_create( this, backend.klass( this, e[ 'source' ], e[ 'option' ] ) );\r
+                       this[ 'listenOnce' ]( X_EVENT_READY, X_Audio_handleEvent );\r
+                       break;\r
+               \r
+               case X_EVENT_READY :\r
+                       pair = X_Pair_get( this );\r
+                       ( pair.autoplay || pair._playReserved ) && pair.actualPlay();\r
+                       delete pair._playReserved;\r
                        break;\r
                \r
                case X_EVENT_BACKEND_NONE :\r
+               case X_EVENT_UNLOAD :\r
                        this[ 'kill' ]();\r
                        break;\r
                \r
                case X_EVENT_KILL_INSTANCE :\r
-                       backend = X_Pair_get( this );\r
-                       backend && backend[ 'kill' ]();\r
-                       X_Pair_release( this, backend );\r
+                       X_ViewPort[ 'unlisten' ]( X_EVENT_UNLOAD, this, X_AudioSprite_handleEvent );\r
+                       if( backend = X_Pair_get( this ) ){\r
+                               backend[ 'kill' ]();\r
+                               X_Pair_release( this, backend );\r
+                       };\r
                        break;\r
        };\r
 };\r
@@ -246,28 +263,28 @@ function X_Audio_onEndedDetection( e, xaudio, sourceList, option, source, ext, s
 \r
 \r
 \r
-var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ](\r
-       'X.AbstractAudioBackend',\r
+var X_AudioBase = X_EventDispatcher[ 'inherits' ](\r
+       'X.AudioBase',\r
        X_Class.ABSTRACT,\r
        {\r
+               disatcher     : null,\r
                \r
-               url           : '',\r
-               target        : null,\r
-               \r
-               startTime     : 0,\r
-               endTime       : -1,\r
+               startTime     : 0,    // state_startTime\r
+               endTime       : -1,   // state_startTime\r
                loopStartTime : -1,\r
                loopEndTime   : -1,\r
                seekTime      : -1,\r
-               duration      : 0,\r
+               duration      : 0,    //\r
 \r
                playing       : false,\r
-               error         : 0,                      \r
+               error         : 0,    //                \r
                autoLoop      : false,\r
                looped        : false,\r
-               autoplay      : false,\r
+               autoplay      : false,//\r
                gain          : 0.5,\r
                \r
+               _playReserved : false,\r
+               \r
                play : function( startTime, endTime, loop, loopStartTime, loopEndTime ){\r
                        if( 0 <= startTime ){\r
                                this.setState( {\r
@@ -275,21 +292,26 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ](
                                        'startTime'     : startTime,\r
                                        'endTime'       : endTime,\r
                                        'loop'          : loop,\r
+                                       'looped'        : false,\r
                                        'loopStartTime' : loopStartTime,\r
                                        'loopEndTime'   : loopEndTime\r
                                } );\r
                        };\r
+                       // canPlay() : autoplay = true\r
                        this.actualPlay();\r
                },\r
                \r
                seek : function( seekTime ){\r
-                       if( seekTime < X_AudioWrapper_getEndTime( this ) ){\r
+                       if( seekTime < X_Audio_getEndTime( this ) ){\r
                                this.setState( { 'currentTime' : seekTime } );\r
                        };\r
                },\r
                \r
                pause : function(){\r
+                       this.seekTime = this.getActualCurrentTime();\r
                        this.playing && this.actualPause();\r
+                       // delete this.autoplay\r
+                       // delete this.playing\r
                },              \r
                \r
                loop : function( v ){\r
@@ -339,8 +361,8 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ](
                        for( k in obj ){\r
                                v = obj[ k ];\r
                                switch( k ){\r
-                                       case 'currentTime' :\r
-                                               v = X_AudioWrapper_timeStringToNumber( v );\r
+                                       case 'currentTime'   :\r
+                                               v = X_Audio_timeStringToNumber( v );\r
                                                if( X_Type_isNumber( v ) ){\r
                                                        if( playing ){\r
                                                                if( this.getActualCurrentTime() !== v ){\r
@@ -356,7 +378,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ](
                                                break;\r
                                                        \r
                                        case 'startTime'     :\r
-                                               v = X_AudioWrapper_timeStringToNumber( v );\r
+                                               v = X_Audio_timeStringToNumber( v );\r
                                                if( v || v === 0 ){\r
                                                        if( this.startTime !== v ){\r
                                                                this.startTime = v;                                     \r
@@ -367,7 +389,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ](
                                                break;\r
                                        \r
                                        case 'endTime'       :\r
-                                               v = X_AudioWrapper_timeStringToNumber( v );\r
+                                               v = X_Audio_timeStringToNumber( v );\r
                                                if( v || v === 0 ){\r
                                                        if( this.endTime !== v ){\r
                                                                this.endTime = v;\r
@@ -380,7 +402,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ](
                                                break;\r
                                                \r
                                        case 'loopStartTime' :\r
-                                               v = X_AudioWrapper_timeStringToNumber( v );\r
+                                               v = X_Audio_timeStringToNumber( v );\r
                                                if( v || v === 0 ){\r
                                                        if( this.loopStartTime !== v ){\r
                                                                this.loopStartTime = v;                                 \r
@@ -391,7 +413,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ](
                                                break;\r
                                                \r
                                        case 'loopEndTime'   :\r
-                                               v = X_AudioWrapper_timeStringToNumber( v );\r
+                                               v = X_Audio_timeStringToNumber( v );\r
                                                if( v || v === 0 ){\r
                                                        if( this.loopEndTime !== v ){\r
                                                                this.loopEndTime = v;\r
@@ -432,35 +454,38 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ](
                                                        };\r
                                                };\r
                                                break;\r
+                                       case 'useVideo' :\r
+                                               break;\r
                                        default :\r
-                                               throw 'bad arg';\r
+                                               alert( 'bad arg! ' + k );\r
                                };\r
                        };\r
                        \r
                        if( this.endTime < this.startTime ||\r
                                ( this.loopEndTime < 0 ? this.endTime : this.loopEndTime ) < ( this.loopStartTime < 0 ? this.startTime : this.loopStartTime ) ||\r
-                               X_AudioWrapper_getEndTime( this ) < this.seekTime// ||\r
+                               X_Audio_getEndTime( this ) < this.seekTime// ||\r
                                //this.duration < this.endTime\r
                        ){\r
-                               console.log( 'setState 0:' + this.startTime + ' -> ' + this.endTime + ' d:' + this.duration + ' 1:' + this.loopStartTime + ' -> ' + this.loopEndTime );\r
+                               console.log( 'setState 0:' + this.startTime + ' -> ' + this.endTime + ' looped:' + this.looped + ' 1:' + this.loopStartTime + ' -> ' + this.loopEndTime );\r
                                return;\r
                        };\r
                        \r
                        v = end + seek + volume;\r
-                       return v && this.afterUpdateState( v );         \r
+                       return v && this.playing && this.afterUpdateState( v );\r
                }\r
                \r
        }\r
 );\r
 \r
 \r
-function X_AudioWrapper_timeStringToNumber( time ){\r
+function X_Audio_timeStringToNumber( time ){\r
        var ary, ms, s = 0, m = 0, h = 0;\r
+\r
        if( X_Type_isNumber( time ) ) return time;\r
        if( !X_Type_isString( time ) || !time.length ) return;\r
 \r
        ary = time.split( '.' );\r
-       ms  = parseInt( ( ary[ 1 ] + '000' ).substr( 0, 3 ) ) || 0;\r
+       ms  = parseFloat( ( ary[ 1 ] + '000' ).substr( 0, 3 ) ) || 0;\r
        \r
        ary = ary[ 0 ].split( ':' );\r
        if( 3 < ary.length ) return;\r
@@ -469,17 +494,17 @@ function X_AudioWrapper_timeStringToNumber( time ){
                case 0 :\r
                        break;\r
                case 1 :\r
-                       s = parseInt( ary[ 0 ] ) || 0;\r
+                       s = parseFloat( ary[ 0 ] ) || 0;\r
                        break;\r
                case 2 :\r
-                       m = parseInt( ary[ 0 ] ) || 0;\r
-                       s = parseInt( ary[ 1 ] ) || 0;\r
+                       m = parseFloat( ary[ 0 ] ) || 0;\r
+                       s = parseFloat( ary[ 1 ] ) || 0;\r
                        if( 60 <= s ) alert( 'invalid time string ' + time );\r
                        break;\r
                case 3 :\r
-                       h = parseInt( ary[ 0 ] ) || 0;\r
-                       m = parseInt( ary[ 1 ] ) || 0;\r
-                       s = parseInt( ary[ 2 ] ) || 0;\r
+                       h = parseFloat( ary[ 0 ] ) || 0;\r
+                       m = parseFloat( ary[ 1 ] ) || 0;\r
+                       s = parseFloat( ary[ 2 ] ) || 0;\r
                        if( 60 <= s ) alert( 'invalid time string ' + time );\r
                        if( 60 <= m ) alert( 'invalid time string ' + time );\r
                        break;\r
@@ -490,33 +515,34 @@ function X_AudioWrapper_timeStringToNumber( time ){
        return ms < 0 ? 0 : ms;\r
 };\r
 \r
-function X_AudioWrapper_getStartTime( audioWrapper, endTime, delSeekTime ){\r
-       var seek = audioWrapper.seekTime;\r
-       if( delSeekTime ) delete audioWrapper.seekTime;\r
+function X_Audio_getStartTime( audioBase, endTime, delSeekTime ){\r
+       var seek = audioBase.seekTime;\r
+       \r
+       if( delSeekTime ) delete audioBase.seekTime;\r
        \r
        if( 0 <= seek ){\r
-               if( audioWrapper.duration <= seek || endTime < seek ) return 0;\r
+               if( audioBase.duration <= seek || endTime < seek ) return 0;\r
                return seek;\r
        };\r
        \r
-       if( audioWrapper.looped && 0 <= audioWrapper.loopStartTime ){\r
-               if( audioWrapper.duration <= audioWrapper.loopStartTime || endTime < audioWrapper.loopStartTime ) return 0;\r
-               return audioWrapper.loopStartTime;\r
+       if( audioBase.looped && 0 <= audioBase.loopStartTime ){\r
+               if( audioBase.duration <= audioBase.loopStartTime || endTime < audioBase.loopStartTime ) return 0;\r
+               return audioBase.loopStartTime;\r
        };\r
        \r
-       if( audioWrapper.startTime < 0 || audioWrapper.duration <= audioWrapper.startTime ) return 0;\r
-       return audioWrapper.startTime;\r
+       if( audioBase.startTime < 0 || audioBase.duration <= audioBase.startTime ) return 0;\r
+       return audioBase.startTime;\r
 };\r
 \r
-function X_AudioWrapper_getEndTime( audioWrapper ){\r
-       var duration = audioWrapper.duration;\r
+function X_Audio_getEndTime( audioBase ){\r
+       var duration = audioBase.duration;\r
        \r
-       if( audioWrapper.looped && 0 <= audioWrapper.loopEndTime ){\r
-               if( duration <= audioWrapper.loopEndTime ) return duration;\r
-               return audioWrapper.loopEndTime;\r
+       if( audioBase.looped && 0 <= audioBase.loopEndTime ){\r
+               if( duration <= audioBase.loopEndTime ) return duration;\r
+               return audioBase.loopEndTime;\r
        };\r
        \r
-       if( audioWrapper.endTime < 0 || duration <= audioWrapper.endTime ) return duration;\r
-       return audioWrapper.endTime;\r
+       if( audioBase.endTime < 0 || duration <= audioBase.endTime ) return duration;\r
+       return audioBase.endTime;\r
 };\r
 \r