OSDN Git Service

Fix the bug of X.NodeAnime.
[pettanr/clientJs.git] / 0.6.x / js / 07_audio / 10_XAudioSprite.js
index 85f9511..dc4ec65 100644 (file)
@@ -17,7 +17,6 @@ var X_AudioSprite_shouldUse         = X_HTMLAudio && ( X_UA[ 'iOS' ] || X_UA[ 'A
        X_AudioSprite_lengthSilence    = 10000, // 一番最初の無音部分の長さ\r
        X_AudioSprite_lengthDistance   = 5000,  // 音間の無音の長さ\r
        X_AudioSprite_uid              = 0,\r
-       X_AudioSprite_members          = {},\r
        X_AudioSprite_TEMP             = {\r
                presets     : {},\r
                BGMs        : {},\r
@@ -28,9 +27,10 @@ var X_AudioSprite_shouldUse         = X_HTMLAudio && ( X_UA[ 'iOS' ] || X_UA[ 'A
                bgmPosition : 0,\r
                bgmName     : '',\r
                bgmLooped   : false,\r
-               bgmPlaying  : false\r
+               bgmPlaying  : false,\r
+               tmpEvent    : null\r
        },\r
-       X_AudioSprite_instance,\r
+       X_AudioSprite,\r
        X_AudioSprite_numTracks,\r
        X_AudioSprite_useVideo;\r
 \r
@@ -61,19 +61,14 @@ X[ 'AudioSprite' ] = function( setting ){
                urls    = setting[ 'urls' ],\r
                video   = setting[ 'useVideo' ],\r
                n       = video ? 1 : setting[ 'numTracks' ] || 1,\r
-               option  = {\r
-                       volume    : setting[ 'volume' ] || 0.5,\r
-                       autoplay  : false,\r
-                       startTime : 0,\r
-                       endTime   : X_AudioSprite_lengthSilence,\r
-                       loop      : true\r
-               },\r
-               k, i, v, track; \r
+               volume  = setting[ 'volume' ],\r
+               k, i, v, track;\r
        \r
-       if( !X_AudioSprite_instance ){\r
-               X_AudioSprite_instance = X_Class_override( X_EventDispatcher(), X_AudioSprite_members );\r
-               X_ViewPort[ 'listen' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE ], X_AudioSprite_instance, X_AudioSprite_handleEvent );\r
-       };\r
+\r
+       if( X_AudioSprite ) X_AudioSprite[ 'kill' ]();\r
+\r
+       X_AudioSprite = X_Class_override( X_EventDispatcher(), X_AudioSprite_members );\r
+       X_ViewPort[ 'listen' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE, X_EVENT_UNLOAD ], X_AudioSprite_handleEvent );\r
        \r
        n = n <= X_AudioSprite_maxTracks ? n : X_AudioSprite_maxTracks;\r
        \r
@@ -96,15 +91,25 @@ X[ 'AudioSprite' ] = function( setting ){
                };\r
        };\r
        \r
-       X_Audio_startDetectionBackend( X_Audio_BACKENDS[ 0 ], X_AudioSprite_instance, X_Array_copy( urls ), option );\r
+       X_Audio_startDetectionBackend(\r
+               X_Audio_BACKENDS[ 0 ],\r
+               X_AudioSprite, // dispatcher として\r
+               X_Array_copy( urls ),\r
+               {\r
+                       'volume'    : 0 <= volume && volume <= 1 ? volume : 1,\r
+                       'autoplay'  : true,\r
+                       'startTime' : 0,\r
+                       'endTime'   : X_AudioSprite_lengthSilence,\r
+                       'loop'      : true\r
+               });\r
 \r
-       X_AudioSprite_instance[ 'listenOnce' ]( [ X_EVENT_BACKEND_READY, X_EVENT_BACKEND_NONE ], X_AudioSprite_backendHandler );\r
-       X_AudioSprite_instance[ 'listenOnce' ]( X_EVENT_KILL_INSTANCE, X_AudioSprite_handleEvent );\r
+       X_AudioSprite[ 'listenOnce' ]( [ X_EVENT_BACKEND_READY, X_EVENT_BACKEND_NONE ], X_AudioSprite_backendHandler );\r
+       X_AudioSprite[ 'listenOnce' ]( X_EVENT_KILL_INSTANCE, X_AudioSprite_handleEvent );\r
        \r
        X_AudioSprite_useVideo  = video;\r
-       X_AudioSprite_numTracks = X_AudioSprite_instance[ 'numTracks' ] = n;\r
+       X_AudioSprite_numTracks = X_AudioSprite[ 'numTracks' ] = n;\r
 \r
-       return X_AudioSprite_instance;\r
+       return X_AudioSprite;\r
 };\r
 \r
 X[ 'AudioSprite' ][ 'shouldUse'        ] = X_AudioSprite_shouldUse;\r
@@ -114,7 +119,7 @@ X[ 'AudioSprite' ][ 'enableMultiTrack' ] = !X_AudioSprite_disableMultiTrack;
 // TODO 終わりかけのもの、と一番古いもの、どちらを再利用するか?これ以上に細かい実装を望む場合は X.AudioSprite は使わず自力で実装\r
 function X_AudioSprite_getTrackEnded(){\r
        var tracks  = X_AudioSprite_TEMP.tracks,\r
-               l = tracks.length,\r
+               l = X_AudioSprite_numTracks,\r
                i = 0, track, state, last = 1 / 0, _last, index;\r
        \r
        for( ; i < l; ++i ){\r
@@ -132,7 +137,7 @@ function X_AudioSprite_getTrackEnded(){
        return tracks[ index ];\r
 };\r
 \r
-X_AudioSprite_members =\r
+var X_AudioSprite_members =\r
 /** @lends X.AudioSprite.prototype */\r
 {\r
                /**\r
@@ -141,21 +146,6 @@ X_AudioSprite_members =
                'numTracks' : 0,\r
                \r
                /**\r
-                * モバイル用タッチイベント中に呼び出す\r
-                */\r
-               'on1stTouch' : function(){\r
-                       var i = 0, l = X_AudioSprite_TEMP.tracks.length;\r
-\r
-                       for( ; i < l; ++i ){\r
-                               //if( X_UA[ 'iOS' ] ){\r
-                               //      X_AudioSprite_TEMP.tracks[ i ][ '_rawObject' ].load();\r
-                               //} else {\r
-                                       X_AudioSprite_instance[ 'pause' ]( i );\r
-                               //};\r
-                       };\r
-               },\r
-               \r
-               /**\r
                 * 再生\r
                 * @param {string} name トラック名\r
                 * @return {number} uid\r
@@ -182,13 +172,13 @@ X_AudioSprite_members =
                                        if( bgm ){\r
                                                track = bgm;\r
                                        } else\r
-                                       if( 1 < tracks.length ){\r
+                                       if( 1 < X_AudioSprite_numTracks ){\r
                                                track = X_AudioSprite_TEMP.bgmTrack = X_AudioSprite_getTrackEnded();\r
                                        } else {\r
                                                track = X_AudioSprite_TEMP.bgmTrack = tracks[ 0 ];\r
                                        };\r
                                        \r
-                                       if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_instance, X_AudioSprite_handleEvent ).playing ){\r
+                                       if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_handleEvent ).playing ){\r
                                                track.setState({\r
                                                                'loop'          : true,\r
                                                                'looped'        : X_AudioSprite_TEMP.bgmLooped,\r
@@ -205,10 +195,10 @@ X_AudioSprite_members =
                                        };\r
                                        \r
                                } else {\r
-                                       if( 1 < tracks.length ){\r
+                                       if( 1 < X_AudioSprite_numTracks ){\r
                                                track = X_AudioSprite_getTrackEnded( X_AudioSprite_TEMP.bgmPlaying );\r
                                                track\r
-                                                       [ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_instance, X_AudioSprite_handleEvent )\r
+                                                       [ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_handleEvent )\r
                                                        .setState( { 'looped' : false } );\r
                                                track.play( preset[ 0 ], preset[ 1 ], true, 0, X_AudioSprite_lengthSilence );\r
                                        } else {\r
@@ -220,18 +210,17 @@ X_AudioSprite_members =
                                                };\r
                                                track = tracks[ 0 ];\r
                                        \r
-                                               if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_instance, X_AudioSprite_handleEvent ).playing ){\r
+                                               if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_handleEvent ).playing ){\r
                                                        track.setState({\r
                                                                        'loop'          : true,\r
                                                                        'looped'        : false,\r
-                                                                       //'currentTime'   : preset[ 0 ],\r
+                                                                       'currentTime'   : preset[ 0 ],\r
                                                                        'startTime'     : preset[ 0 ],\r
                                                                        'endTime'       : preset[ 1 ],\r
                                                                        'loopStartTime' : 0,\r
                                                                        'loopEndTime'   : X_AudioSprite_lengthSilence\r
                                                                });\r
                                                } else {\r
-                                                       \r
                                                        track.play( preset[ 0 ], preset[ 1 ], true, 0, X_AudioSprite_lengthSilence );   \r
                                                };\r
                                        };\r
@@ -242,40 +231,48 @@ X_AudioSprite_members =
                },\r
                \r
                /**\r
-                * ポーズ\r
-                * @param {number} uid トラックID\r
-                * @return {number} uid\r
+                * ポーズ, uid を指定しない、または '*' で呼び出した場合、全てのトラックを pause する。\r
+                * @param {number} uid=undefined トラックID, '*'\r
+                * @return {AudioSprite}\r
                 */\r
                'pause' : function( uid ){\r
-                       var track = X_AudioSprite_TEMP.tracks[ uid ];\r
+                       var tracks = X_AudioSprite_TEMP.tracks,\r
+                               i, l, track;\r
                        \r
-                       if( X_AudioSprite_TEMP.bgmTrack === track ){\r
-                               X_AudioSprite_TEMP.bgmPosition = track.currentTime();\r
-                               X_AudioSprite_TEMP.bgmPlaying  = false;\r
-                               X_AudioSprite_TEMP.bgmTrack    = null;\r
+                       if( uid === '*' || uid === undefined ){\r
+                               for( i = 0, l = X_AudioSprite_numTracks; i < l; ++i ){\r
+                                       X_AudioSprite[ 'pause' ]( i );\r
+                               };\r
+                       } else\r
+                       if( track = tracks[ uid ] ){\r
+                               if( X_AudioSprite_TEMP.bgmTrack === track ){\r
+                                       X_AudioSprite_TEMP.bgmPosition = track.currentTime();\r
+                                       X_AudioSprite_TEMP.bgmPlaying  = false;\r
+                                       X_AudioSprite_TEMP.bgmTrack    = null;\r
+                               };\r
+                               track.play( 0, X_AudioSprite_lengthSilence, true, 0, X_AudioSprite_lengthSilence );\r
+                               track.seek( 0 );\r
+                               X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_MEDIA_PAUSED );                               \r
                        };\r
-                       track && track.play( 0, X_AudioSprite_lengthSilence, true, 0, X_AudioSprite_lengthSilence );\r
-                       track && track.seek( 0 );\r
-                       X_AudioSprite_instance[ 'asyncDispatch' ]( X_EVENT_MEDIA_PAUSED );\r
-                       return X_AudioSprite_instance;\r
+                       return X_AudioSprite;\r
                },\r
                \r
                /**\r
-                * シーク\r
+                * シーク, 現在のトラックの長さ内で相対指定する\r
                 * @param {number} uid トラックID\r
                 * @param {number} position ms\r
                 * @return {AudioSprite}\r
                 */\r
                'seek' : function( uid, position ){\r
                        var track = X_AudioSprite_TEMP.tracks[ uid ],\r
-                               end, strat;\r
+                               end, start;\r
                        if( track ){\r
                                delete track.seekTime;\r
                                end   = X_Audio_getEndTime( track );\r
                                start = X_Audio_getStartTime( track, end );\r
                                0 <= position && position <= ( end - start ) && track.seek( start + position );\r
                        };\r
-                       return X_AudioSprite_instance;\r
+                       return X_AudioSprite;\r
                },\r
                \r
                /**\r
@@ -291,17 +288,17 @@ X_AudioSprite_members =
                                if( opt_volume === undefined ){\r
                                        return X_AudioSprite_TEMP.volume;\r
                                };\r
-                               for( i = X_AudioSprite_TEMP.tracks.length; i; ){\r
+                               for( i = X_AudioSprite_numTracks; i; ){\r
                                        X_AudioSprite_TEMP.tracks[ --i ].volume( opt_volume );\r
                                };\r
-                               return X_AudioSprite_instance;\r
+                               return X_AudioSprite;\r
                        };\r
                        track = X_AudioSprite_TEMP.tracks[ uid ];\r
                        if( opt_volume === undefined ){\r
                                return track ? track.gain : -1;\r
                        };\r
                        track && track.volume( opt_volume );\r
-                       return X_AudioSprite_instance;\r
+                       return X_AudioSprite;\r
                },\r
                \r
                /**\r
@@ -329,12 +326,12 @@ X_AudioSprite_members =
                                return { 'volume' : X_AudioSprite_TEMP.volume, 'playing' : false };\r
                        };\r
                        track && track.setState( opt_obj );\r
-                       return X_AudioSprite_instance;\r
+                       return X_AudioSprite;\r
                }\r
 };\r
 \r
 function X_AudioSprite_backendHandler( e ){\r
-       var i, backend, option, src, name, last, _e;\r
+       var i, backend, option, src, name, last, _e, track;\r
        \r
        switch( e.type ){\r
                case X_EVENT_BACKEND_READY :\r
@@ -342,19 +339,21 @@ function X_AudioSprite_backendHandler( e ){
                        backend = X_Audio_BACKENDS[ e[ 'backendID' ] ];\r
                        option  = e[ 'option' ];\r
                        \r
-                       X_AudioSprite_instance[ 'unlisten' ]( X_EVENT_BACKEND_NONE, X_AudioSprite_backendHandler );\r
-                       X_AudioSprite_instance[ 'source' ]      = src = e[ 'source' ];\r
-                       X_AudioSprite_instance[ 'backendName' ] = name = backend.backendName;\r
+                       X_AudioSprite[ 'unlisten' ]( X_EVENT_BACKEND_NONE, X_AudioSprite_backendHandler );\r
+                       X_AudioSprite[ 'source' ]      = src = e[ 'source' ];\r
+                       X_AudioSprite[ 'backendName' ] = name = backend.backendName;\r
                \r
                        //console.log( i + ' / ' + X_AudioSprite_numTracks );\r
                \r
                        for( i = 0; i < X_AudioSprite_numTracks; ++i ){\r
                                if( X_AudioSprite_useVideo || ( i === 1 && X_AudioSprite_useVideoForMulti ) ){\r
+                                       option = X_Object_deepCopy( option );\r
                                        option[ 'useVideo' ] = true;\r
                                        console.log( 'use video' );\r
                                };\r
                                // Audiobackend の owner として null を渡すとAudioBackend 自身へ dispatch する\r
-                               X_AudioSprite_TEMP.tracks.push( last = backend.klass( null, e[ 'source' ], option )[ 'listen' ]( X_EVENT_DEBUG, X_AudioSprite_instance, X_AudioSprite_handleEvent ) );\r
+                               X_AudioSprite_TEMP.tracks.push(\r
+                                       last = backend.klass( null, e[ 'source' ], option )[ 'listen' ]( X_EVENT_DEBUG, X_AudioSprite_handleEvent ) );\r
                        };\r
 \r
                        _e = {\r
@@ -362,87 +361,97 @@ function X_AudioSprite_backendHandler( e ){
                                'source'      : src,\r
                                'backendName' : name\r
                        };\r
-                       // touch 可能で backend ready\r
                        \r
-                       if( name === 'WebAudio' ){\r
-                               if( _e[ 'needTouchForPlay' ] = X_WebAudio_need1stTouch ){\r
-                                       last[ 'listenOnce' ]( X_EVENT_READY, X_AudioSprite_instance, X_AudioSprite_instance[ 'asyncDispatch' ], [ _e ] );\r
-                               } else {\r
-                                       X_AudioSprite_instance[ 'asyncDispatch' ]( _e );\r
-                               };\r
-                               last[ 'listenOnce' ]( X_EVENT_READY, X_AudioSprite_instance, X_AudioSprite_backendHandler );\r
-                       } else\r
-                       if( name === 'HTMLAudio' ){\r
-                               if( _e[ 'needTouchForLoad' ] = X_HTMLAudio_need1stTouch ){\r
-                                       last[ 'listenOnce' ]( X_EVENT_MEDIA_CAN_TOUCH_LOAD, X_AudioSprite_instance, X_AudioSprite_instance[ 'asyncDispatch' ], [ _e ] );\r
-                                       last[ 'listenOnce' ]( !X_HTMLAudio_durationFix ? X_EVENT_MEDIA_PLAYING : X_EVENT_READY, X_AudioSprite_instance, X_AudioSprite_backendHandler );\r
-                               } else {\r
-                                       X_AudioSprite_instance[ 'asyncDispatch' ]( _e );\r
-                                       last[ 'listenOnce' ]( X_EVENT_READY, X_AudioSprite_instance, X_AudioSprite_backendHandler );\r
-                                       \r
-                                       // READY, needTouchForPlay, needTouchForLoad\r
-                                       if( X_HTMLAudio_durationFix ){\r
-                                               for( i = 0; i < X_AudioSprite_TEMP.tracks.length; ++i ){\r
-                                                       X_AudioSprite_instance[ 'pause' ]( i );\r
-                                               };\r
-                                       };                                      \r
-                               };\r
-                               \r
+                       // TODO 今は touch 可能で backend ready\r
+                       if(\r
+                               // WebAudio\r
+                               ( e[ 'needTouchForPlay' ] && ( _e[ 'needTouchForPlay' ] = true ) ) ||\r
+                               // HTMLAudio\r
+                               ( e[ 'needTouchForLoad' ] && ( _e[ 'needTouchForLoad' ] = true ) )\r
+                       ){\r
+                               X_AudioSprite_TEMP.tmpEvent = _e;\r
+                               last[ 'listenOnce' ]( X_EVENT_MEDIA_WAIT_FOR_TOUCH, X_AudioSprite_backendHandler );\r
                        } else {\r
-                               X_AudioSprite_instance[ 'asyncDispatch' ]( _e );\r
-                               \r
-                               console.log( 'AudioSprite - X_EVENT_BACKEND_READY' );\r
-                               \r
-                               last[ 'listenOnce' ]( X_EVENT_READY, X_AudioSprite_instance, X_AudioSprite_backendHandler );\r
+                               X_AudioSprite[ 'asyncDispatch' ]( _e );\r
                        };\r
+                       \r
+                       // TODO 全ての track の READY で!\r
+                       last[ 'listen' ]( X_EVENT_PROGRESS, X_AudioSprite_backendHandler )\r
+                               [ 'listenOnce' ]( X_EVENT_READY, X_AudioSprite_backendHandler );\r
                        return X_CALLBACK_STOP_NOW;\r
 \r
                case X_EVENT_BACKEND_NONE :\r
-                       X_AudioSprite_instance[ 'unlisten' ]( X_EVENT_BACKEND_READY, X_AudioSprite_instance, X_AudioSprite_backendHandler )\r
+                       X_AudioSprite\r
+                               [ 'listen' ]( X_EVENT_BACKEND_NONE, X_AudioSprite_handleEvent ) // kill を呼ぶ\r
                                [ 'asyncDispatch' ]( X_EVENT_BACKEND_NONE );\r
                        return X_CALLBACK_STOP_NOW;\r
                \r
-               case X_EVENT_READY :            \r
-               case X_EVENT_MEDIA_PLAYING :\r
+               case X_EVENT_MEDIA_WAIT_FOR_TOUCH :\r
+                       // TODO 全ての track の MEDIA_WAIT_FOR_TOUCH で!\r
+                       X_AudioSprite[ 'asyncDispatch' ]( X_AudioSprite_TEMP.tmpEvent );\r
+                       delete X_AudioSprite_TEMP.tmpEvent;\r
+                       break;\r
+               \r
+               case X_EVENT_PROGRESS :\r
+                       X_AudioSprite[ 'dispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : e[ 'percent' ] } );\r
+                       break;\r
+               \r
+               case X_EVENT_READY :\r
                        console.log( 'X.AudioSprite - Ready!' );\r
-                       for( i = 0; i < X_AudioSprite_TEMP.tracks.length; ++i ){\r
-                               X_AudioSprite_instance[ 'pause' ]( i );\r
+                       \r
+                       if( X_AudioSprite_TEMP.tmpEvent ){\r
+                               // このタイミングで tmpEvent が存在する場合は、タッチをスキップして Web Audio が再生可能になった\r
+                               // つまり他の Web Audio インスタンスでタッチによる再生が開始され、自身も再生可能になった\r
+                               \r
+                               _e = X_AudioSprite_TEMP.tmpEvent;\r
+                               _e[ 'needTouchForPlay' ] = false;\r
+                               \r
+                               X_AudioSprite\r
+                                       [ 'unlisten' ]( X_EVENT_MEDIA_WAIT_FOR_TOUCH, X_AudioSprite_backendHandler )\r
+                                       [ 'asyncDispatch' ]( _e );\r
+                               \r
+                               delete X_AudioSprite_TEMP.tmpEvent;\r
+                       };                      \r
+                       \r
+                       for( i = 0; i < X_AudioSprite_numTracks; ++i ){\r
+                               track = X_AudioSprite_TEMP.tracks[ i ];\r
+                               ( track.autoplay || track._playReserved ) && track.actualPlay();\r
+                               delete track._playReserved;\r
                        };\r
-                       X_AudioSprite_instance[ 'asyncDispatch' ]( X_EVENT_READY );\r
+                       this[ 'listen' ]( X_EVENT_PROGRESS, X_AudioSprite_backendHandler );\r
+                       X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_READY );\r
                        break;\r
        };\r
 };\r
 \r
 \r
 function X_AudioSprite_handleEvent( e ){\r
-       var i, tracks, track, _e, k;\r
+       var track = e.target, i, tracks, _e, k;\r
        \r
        switch( e.type ){\r
                case X_EVENT_MEDIA_PLAYING :\r
-                       ( e.target === X_AudioSprite_TEMP.bgmTrack || !e.target.looped ) &&  X_AudioSprite_instance[ 'asyncDispatch' ]( X_EVENT_MEDIA_PLAYING );\r
-                       break;\r
                case X_EVENT_MEDIA_WAITING :\r
                case X_EVENT_MEDIA_SEEKING :\r
-                       ( e.target === X_AudioSprite_TEMP.bgmTrack || !e.target.looped ) &&  X_AudioSprite_instance[ 'asyncDispatch' ]( e.type );\r
+                       ( track === X_AudioSprite_TEMP.bgmTrack || !track.looped ) &&  X_AudioSprite[ 'asyncDispatch' ]( e.type );\r
                        break;\r
                \r
                case X_EVENT_MEDIA_BEFORE_LOOP :\r
-                       if( e.target === X_AudioSprite_TEMP.bgmTrack ){\r
+                       if( track === X_AudioSprite_TEMP.bgmTrack ){\r
+                               // BGM\r
                                X_AudioSprite_TEMP.bgmLooped = true;\r
-                                X_AudioSprite_instance[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid\r
+                               X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid\r
                        } else {\r
-                               if( e.target.looped ){\r
-                                       // X_AudioSprite_instance[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid\r
-                               } else {\r
-                                        X_AudioSprite_instance[ 'asyncDispatch' ]( X_EVENT_MEDIA_ENDED ); // TODO uid\r
+                               // SE\r
+                               if( !track.looped ){\r
+                                        X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_MEDIA_ENDED ); // TODO uid\r
                                };\r
                                \r
                                //console.log( '[AudioSprite] bgmPlaying:' + X_AudioSprite_TEMP.bgmPlaying + ' ' + !X_AudioSprite_TEMP.bgmTrack );\r
                                \r
                                // single track | iOS\r
                                if( X_AudioSprite_TEMP.bgmPlaying && !X_AudioSprite_TEMP.bgmTrack ){\r
-                                       X_AudioSprite_TEMP.bgmTrack = e.target;\r
-                                        X_AudioSprite_instance.play( X_AudioSprite_TEMP.bgmName );\r
+                                       X_AudioSprite_TEMP.bgmTrack = track;\r
+                                       X_AudioSprite.play( X_AudioSprite_TEMP.bgmName );\r
                                        return X_CALLBACK_PREVENT_DEFAULT;\r
                                };\r
                        };\r
@@ -450,10 +459,10 @@ function X_AudioSprite_handleEvent( e ){
                \r
                \r
                case X_EVENT_DEBUG :\r
-                       i = X_AudioSprite_TEMP.tracks.indexOf( e.target );\r
+                       i = X_AudioSprite_TEMP.tracks.indexOf( track );\r
                        if( 0 <= i ){\r
                                e[ 'trackID' ] = i;\r
-                               X_AudioSprite_instance[ 'dispatch' ]( e );\r
+                               X_AudioSprite[ 'dispatch' ]( e );\r
                        };\r
                        break;\r
                \r
@@ -469,21 +478,27 @@ function X_AudioSprite_handleEvent( e ){
                        console.log( '■ デアクティブ' );\r
                        // track.pause();\r
                        tracks = X_AudioSprite_TEMP.tracks;\r
-                       i      = tracks.length;\r
+                       i      = X_AudioSprite_numTracks;\r
                        for( ; i; ){\r
                                track = tracks[ --i ];\r
                                track.playing && X_AudioSprite_TEMP.pauseTracks.push( track ) && track.pause();\r
                        };\r
                        break;\r
                \r
+               case X_EVENT_BACKEND_NONE :\r
+               case X_EVENT_UNLOAD :\r
+                       X_AudioSprite[ 'kill' ]();\r
+                       break;\r
+               \r
                case X_EVENT_KILL_INSTANCE :\r
+                       X_AudioSprite_TEMP.pauseTracks.length = 0;\r
                        \r
                        while( X_AudioSprite_TEMP.tracks.length ){\r
                                X_AudioSprite_TEMP.tracks.pop()[ 'kill' ]();\r
                        };\r
                        \r
-                       for( k in X_AudioSprite_TEMP.bgms ){\r
-                               delete X_AudioSprite_TEMP.bgms[ k ];\r
+                       for( k in X_AudioSprite_TEMP.BGMs ){\r
+                               delete X_AudioSprite_TEMP.BGMs[ k ];\r
                        };\r
                        for( k in X_AudioSprite_TEMP.presets ){\r
                                delete X_AudioSprite_TEMP.presets[ k ];\r
@@ -495,7 +510,8 @@ function X_AudioSprite_handleEvent( e ){
                        X_AudioSprite_TEMP.bgmLooped   = false;\r
                        X_AudioSprite_TEMP.bgmPlaying  = false;\r
                        \r
-                       X_ViewPort[ 'unlisten' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE ],  X_AudioSprite_instance, X_AudioSprite_handleEvent );\r
+                       X_ViewPort[ 'unlisten' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE, X_EVENT_UNLOAD ], X_AudioSprite_handleEvent );\r
+                       X_AudioSprite = null;\r
                        break;\r
        };\r
 };\r