0.6.x/js/07_audio/10_XAudioSprite.js

   1 \r
   2 /*\r
   3  * http://uupaa.hatenablog.com/entry/2011/12/12/213233\r
   4  * Mobile Opera11 は Audio をサポートするがイベントが取れない\r
   5  * iframe 内で生成して、Audio Sprite の preset で再生できないか？\r
   6  */\r
   7 var X_Audio_Sprite_shouldUse        = window.HTMLAudioElement && ( X_UA[ 'iOS' ] || X_UA[ 'AndroidBrowser' ] || X_UA[ 'OperaMobile' ] || X_UA[ 'OperaTablet' ] ), // Flash がない\r
   8         X_Audio_Sprite_useVideoForMulti = //( X_UA[ 'AndroidBrowser3' ] && 3.1 <= X_UA[ 'AndroidBrowser' ] ) || \r
   9                                                                           //( ( 4.2 <= X_UA[ 'AndroidBrowser' ] || ( 4.1 <= X_UA[ 'AndroidBrowser' ] && 2 <= X_UA[ 'AndroidPatch' ] ) ) && X_UA[ 'AndroidWebkit' ] <= 534.3 ),\r
  10                                                                           // ドスパラパッドはビデオのインライン再生が不可, 534.30 で Webkit系は終了, 次は 537.36 で Chrome系\r
  11                                                                           false, //X_UA[ 'AndroidChromeBrowser' ],\r
  12         X_Audio_Sprite_needTouchAndroid = X_UA[ 'AndroidChromeBrowser' ] && !X_Audio_WebAudioWrapper,\r
  13         X_Audio_Sprite_needTouchFirst   = X_UA[ 'iOS' ] || X_Audio_Sprite_needTouchAndroid || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ),\r
  14         X_Audio_Sprite_disableMultiTrack = ( X_UA[ 'iOS' ] && !X_Audio_WebAudio_context ) || ( !X_UA[ 'AndroidChromeBrowser' ] && X_UA[ 'AndroidBrowser4' ] ) || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE' ] < 12 ),\r
  15         X_Audio_Sprite_enableVolume     = window.HTMLAudioElement && ( !X_UA[ 'iOS' ] && !X_UA[ 'AndroidBrowser' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ), // TODO fennec は 25以上\r
  16         // http://tukumemo.com/html5-audio-sp/\r
  17         // iOS6、Android4.1から同時再生が可能になりました。\r
  18         X_Audio_Sprite_maxTracks        = X_Audio_Sprite_useVideoForMulti ? 2 : X_Audio_Sprite_disableMultiTrack ? 1 : 9,\r
  19         X_Audio_Sprite_lengthSilence    = 10000, // 一番最初の無音部分の長さ\r
  20         X_Audio_Sprite_lengthDistance   = 5000,  // 音間の無音の長さ\r
  21         X_Audio_Sprite_uid              = 0,\r
  22         X_Audio_Sprite_members          = {},\r
  23         X_Audio_Sprite_TEMP             = {\r
  24                 presets     : {},\r
  25                 BGMs        : {},\r
  26                 tracks      : [],\r
  27                 pauseTracks : [], // X_EVENT_DEACTIVATE によって pause した再生中のトラックたち。\r
  28                 volume      : 1,\r
  29                 bgmTrack    : null,\r
  30                 bgmPosition : 0,\r
  31                 bgmName     : '',\r
  32                 bgmLooped   : false,\r
  33                 bgmPlaying  : false\r
  34         },\r
  35         X_Audio_Sprite_instance,\r
  36         X_Audio_Sprite_numTracks,\r
  37         X_Audio_Sprite_useVideo;\r
  38 \r
  39 X[ 'AudioSprite' ] = function( setting ){\r
  40         var tracks  = X_Audio_Sprite_TEMP.tracks,\r
  41                 bgms    = X_Audio_Sprite_TEMP.BGMs,\r
  42                 presets = X_Audio_Sprite_TEMP.presets,\r
  43                 urls    = setting[ 'urls' ],\r
  44                 video   = setting[ 'useVideo' ],\r
  45                 n       = video ? 1 : setting[ 'numTracks' ] || 1,\r
  46                 option  = {\r
  47                         volume    : setting[ 'volume' ] || 0.5,\r
  48                         autoplay  : false,\r
  49                         startTime : 0,\r
  50                         endTime   : X_Audio_Sprite_lengthSilence,\r
  51                         loop      : true\r
  52                 },\r
  53                 k, i, v, track; \r
  54         \r
  55         if( !X_Audio_Sprite_instance ){\r
  56                 X_Audio_Sprite_instance = X_Class_override( X_EventDispatcher(), X_Audio_Sprite_members );\r
  57                 X_ViewPort[ 'listen' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE ], X_Audio_Sprite_instance, X_Audio_Sprite_handleEvent );\r
  58         };\r
  59         \r
  60         n = n <= X_Audio_Sprite_maxTracks ? n : X_Audio_Sprite_maxTracks;\r
  61         \r
  62         // TODO\r
  63         // Android4.x標準ブラウザ(Chrome系)でブラウザが隠れた場合に音が鳴り続ける問題、ビデオで解決できる？\r
  64         //if( X_Audio_Sprite_needTouchAndroid && n === 1 ){\r
  65         //      video = true;\r
  66         //};\r
  67         \r
  68         for( k in setting ){\r
  69                 v = setting[ k ];\r
  70                 if( X_Type_isArray( v ) && v !== urls ){\r
  71                         v = X_Array_copy( v );\r
  72                         for( i = v.length; i; ){\r
  73                                 --i;\r
  74                                 if( i !== 2 ) v[ i ] = X_AudioWrapper_timeStringToNumber( v[ i ] );\r
  75                         };                                      \r
  76                         if( v[ 2 ] ) bgms[ k ] = v;\r
  77                         presets[ k ] = v;\r
  78                 };\r
  79         };\r
  80         \r
  81         X_Audio_startDetectionBackend( X_Audio_BACKENDS[ 0 ], X_Audio_Sprite_instance, X_Array_copy( urls ), option );\r
  82 \r
  83         X_Audio_Sprite_instance[ 'listenOnce' ]( [ X_EVENT_BACKEND_READY, X_EVENT_BACKEND_NONE ], X_AudioSprite_backendHandler );\r
  84         X_Audio_Sprite_instance[ 'listenOnce' ]( X_EVENT_KILL_INSTANCE, X_Audio_Sprite_handleEvent );\r
  85         \r
  86         X_Audio_Sprite_useVideo  = video;\r
  87         X_Audio_Sprite_numTracks = X_Audio_Sprite_instance[ 'numTracks' ] = n;\r
  88 \r
  89         return X_Audio_Sprite_instance;\r
  90 };\r
  91 \r
  92 X[ 'AudioSprite' ][ 'shouldUse'        ] = X_Audio_Sprite_shouldUse;\r
  93 X[ 'AudioSprite' ][ 'needTouchFirst'   ] = X_Audio_Sprite_needTouchFirst;\r
  94 X[ 'AudioSprite' ][ 'enableMultiTrack' ] = !X_Audio_Sprite_disableMultiTrack;\r
  95 \r
  96 // 再生が終わっているもの、終わりかけのものを探す\r
  97 // TODO 終わりかけのもの、と一番古いもの、どちらを再利用するか？これ以上に細かい実装を望む場合は X.Audio.Sprite は使わず自力で実装\r
  98 function X_Audio_Sprite_getTrackEnded(){\r
  99         var tracks  = X_Audio_Sprite_TEMP.tracks,\r
 100                 l = tracks.length,\r
 101                 i = 0, track, state, last = 1 / 0, _last, index;\r
 102         \r
 103         for( ; i < l; ++i ){\r
 104                 track = tracks[ i ];\r
 105                 state = track.getState();\r
 106                 if( !state.playing ) return track;\r
 107                 if( track === X_Audio_Sprite_TEMP.bgmTrack ) continue;\r
 108                 if( state.currentTime <= X_Audio_Sprite_lengthSilence + X_Audio_Sprite_lengthDistance ) return track;\r
 109                 _last = state.endTime - state.currentTime;\r
 110                 if( _last < last ){\r
 111                         last  = _last;\r
 112                         index = i;\r
 113                 };\r
 114         };\r
 115         return tracks[ index ];\r
 116 };\r
 117 \r
 118 /*\r
 119  * {\r
 120  *       urls      : [ 'xx.ogg', 'xx.mp3' ],\r
 121  *       numTracks : 3,\r
 122  *   useVideo  : false,\r
 123  *   volume    : 1,\r
 124  *       BGM_01 : [ '15.00', '45.500', true, '17.666', '50.999' ],\r
 125  *   BGM_02 : [ '56.00', '1:15.230', true ]\r
 126  * }\r
 127  * \r
 128  * X_EVENT_BACKEND_READY\r
 129  * X_EVENT_BACKEND_NONE\r
 130  * \r
 131  * X_EVENT_READY\r
 132  * X_EVENT_MEDIA_LOOPED\r
 133  * X_EVENT_MEDIA_ENDED\r
 134  * \r
 135  */\r
 136 \r
 137 X_Audio_Sprite_members = {\r
 138                 \r
 139                 'numTracks' : 0,\r
 140                 \r
 141                 'load' : function(){\r
 142                         var tracks = X_Audio_Sprite_TEMP.tracks,\r
 143                                 i = 0, l = tracks.length;\r
 144 \r
 145                         for( ; i < l; ++i ){\r
 146                                 if( X_Audio_Sprite_needTouchAndroid ){\r
 147                                         console.log( '[duration fix]開始 - ' + tracks[ i ][ '_rawObject' ].duration );\r
 148                                         tracks[ i ]._playForDuration = 1;\r
 149                                         tracks[ i ][ '_rawObject' ].play();\r
 150                                 } else\r
 151                                 if( X_UA[ 'WinPhone' ] ){\r
 152                                         console.log( 'WinPhone : touch -> play()' );\r
 153                                         //tracks[ i ].play( 0, X_Audio_Sprite_lengthSilence, true, 0, X_Audio_Sprite_lengthSilence ).seek( 0 );\r
 154                                         this[ 'pause' ]( i );\r
 155                                 } else {\r
 156                                         tracks[ i ][ '_rawObject' ].load();\r
 157                                 };\r
 158                         };\r
 159                 },\r
 160                 \r
 161                 /*\r
 162                  * @return {number} uid\r
 163                  */\r
 164                 'play' : function( name ){\r
 165                         var bgm     = X_Audio_Sprite_TEMP.bgmTrack,\r
 166                                 tracks  = X_Audio_Sprite_TEMP.tracks,\r
 167                                 bgms    = X_Audio_Sprite_TEMP.BGMs,\r
 168                                 presets = X_Audio_Sprite_TEMP.presets,\r
 169                                 preset  = presets[ name ],\r
 170                                 track, i, k;\r
 171                         \r
 172                         if( preset ){\r
 173                                 if( bgms[ name ] ){\r
 174                                         if( name !== X_Audio_Sprite_TEMP.bgmName ){\r
 175                                                 // bgm変更\r
 176                                                 X_Audio_Sprite_TEMP.bgmName     = name;\r
 177                                                 X_Audio_Sprite_TEMP.bgmPosition = preset[ 0 ];\r
 178                                                 X_Audio_Sprite_TEMP.bgmLooped   = false;\r
 179                                         };\r
 180                                         \r
 181                                         X_Audio_Sprite_TEMP.bgmPlaying = true;\r
 182                                         \r
 183                                         if( bgm ){\r
 184                                                 track = bgm;\r
 185                                         } else\r
 186                                         if( 1 < tracks.length ){\r
 187                                                 track = X_Audio_Sprite_TEMP.bgmTrack = X_Audio_Sprite_getTrackEnded();\r
 188                                         } else {\r
 189                                                 track = X_Audio_Sprite_TEMP.bgmTrack = tracks[ 0 ];\r
 190                                         };\r
 191                                         \r
 192                                         if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent ).playing ){\r
 193                                                 track.setState({\r
 194                                                                 'loop'          : true,\r
 195                                                                 'looped'        : X_Audio_Sprite_TEMP.bgmLooped,\r
 196                                                                 'currentTime'   : X_Audio_Sprite_TEMP.bgmPosition,\r
 197                                                                 'startTime'     : preset[ 0 ],\r
 198                                                                 'endTime'       : preset[ 1 ],\r
 199                                                                 'loopStartTime' : preset[ 3 ],\r
 200                                                                 'loopEndTime'   : preset[ 4 ]\r
 201                                                         });\r
 202                                         } else {\r
 203                                                 track.setState( { 'looped' : X_Audio_Sprite_TEMP.bgmLooped } );\r
 204                                                 track.play( preset[ 0 ], preset[ 1 ], true, preset[ 3 ], preset[ 4 ] );\r
 205                                                 track.seek( X_Audio_Sprite_TEMP.bgmPosition );\r
 206                                         };\r
 207                                         \r
 208                                 } else {\r
 209                                         if( 1 < tracks.length ){\r
 210                                                 track = X_Audio_Sprite_getTrackEnded( X_Audio_Sprite_TEMP.bgmPlaying );\r
 211                                                 track\r
 212                                                         [ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent )\r
 213                                                         .setState( { 'looped' : false } );\r
 214                                                 track.play( preset[ 0 ], preset[ 1 ], true, 0, X_Audio_Sprite_lengthSilence );\r
 215                                         } else {\r
 216                                                 // single track, iOS\r
 217                                                 if( bgm ){\r
 218                                                         X_Audio_Sprite_TEMP.bgmPosition = bgm.currentTime();\r
 219                                                         //console.log( 'bgm position : ' + X_Audio_Sprite_TEMP.bgmPosition + ' isPlay:' +  bgm.playing );\r
 220                                                         X_Audio_Sprite_TEMP.bgmTrack    = null;\r
 221                                                 };\r
 222                                                 track = tracks[ 0 ];\r
 223                                         \r
 224                                                 if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent ).playing ){\r
 225                                                         track.setState({\r
 226                                                                         'loop'          : true,\r
 227                                                                         'looped'        : false,\r
 228                                                                         //'currentTime'   : preset[ 0 ],\r
 229                                                                         'startTime'     : preset[ 0 ],\r
 230                                                                         'endTime'       : preset[ 1 ],\r
 231                                                                         'loopStartTime' : 0,\r
 232                                                                         'loopEndTime'   : X_Audio_Sprite_lengthSilence\r
 233                                                                 });\r
 234                                                 } else {\r
 235                                                         track.play( preset[ 0 ], preset[ 1 ], true, 0, X_Audio_Sprite_lengthSilence );  \r
 236                                                 };\r
 237                                         };\r
 238                                 };\r
 239                                 return tracks.indexOf( track );\r
 240                         };\r
 241                         return -1;\r
 242                 },\r
 243                 \r
 244                 'pause' : function( uid ){\r
 245                         var track = X_Audio_Sprite_TEMP.tracks[ uid ];\r
 246                         if( X_Audio_Sprite_TEMP.bgmTrack === track ){\r
 247                                 X_Audio_Sprite_TEMP.bgmPosition = track.currentTime();\r
 248                                 X_Audio_Sprite_TEMP.bgmPlaying  = false;\r
 249                                 X_Audio_Sprite_TEMP.bgmTrack    = null;\r
 250                         };\r
 251                         track && track.play( 0, X_Audio_Sprite_lengthSilence, true, 0, X_Audio_Sprite_lengthSilence );\r
 252                         track && track.seek( 0 );\r
 253                         this[ 'asyncDispatch' ]( X_EVENT_MEDIA_PAUSED );\r
 254                         return this;\r
 255                 },\r
 256                 \r
 257                 'seek' : function( uid, position ){\r
 258                         var track = X_Audio_Sprite_TEMP.tracks[ uid ],\r
 259                                 end, strat;\r
 260                         if( track ){\r
 261                                 delete track.seekTime;\r
 262                                 end   = X_AudioWrapper_getEndTime( track );\r
 263                                 start = X_AudioWrapper_getStartTime( track, end );\r
 264                                 0 <= position && position <= ( end - start ) && track.seek( start + position );\r
 265                         };\r
 266                         return this;\r
 267                 },\r
 268                 \r
 269                 'volume' : function( uid, opt_volume ){\r
 270                         var track, i;\r
 271                         // TODO uid = 0\r
 272                         if( uid === 0 ){\r
 273                                 if( opt_volume === undefined ){\r
 274                                         return X_Audio_Sprite_TEMP.volume;\r
 275                                 };\r
 276                                 for( i = X_Audio_Sprite_TEMP.tracks.length; i; ){\r
 277                                         X_Audio_Sprite_TEMP.tracks[ --i ].volume( opt_volume );\r
 278                                 };\r
 279                                 return this;\r
 280                         };\r
 281                         track = X_Audio_Sprite_TEMP.tracks[ uid ];\r
 282                         if( opt_volume === undefined ){\r
 283                                 return track ? track.gain : -1;\r
 284                         };\r
 285                         track && track.volume( opt_volume );\r
 286                         return this;\r
 287                 },\r
 288                 \r
 289                 'state' : function( uid, opt_obj ){\r
 290                         var track = X_Audio_Sprite_TEMP.tracks[ uid ],\r
 291                                 state, start, end;\r
 292                         // TODO uid = 0\r
 293                         if( opt_obj === undefined ){\r
 294                                 // TODO pause\r
 295                                 if( track ){\r
 296                                         state = track.getState();\r
 297                                         start = state.startTime;\r
 298                                         return {\r
 299                                         'currentTime' : state.currentTime - start,\r
 300                                         'playing'     : start <= state.currentTime && state.currentTime <= state.endTime,\r
 301                                         'duration'    : state.endTime - start,\r
 302                                         'volume'      : X_Audio_Sprite_TEMP.volume\r
 303                                         };\r
 304                                 };\r
 305                                 return { 'volume' : X_Audio_Sprite_TEMP.volume, 'playing' : false };\r
 306                         };\r
 307                         track && track.setState( opt_obj );\r
 308                         return this;\r
 309                 }\r
 310 };\r
 311 \r
 312 function X_AudioSprite_backendHandler( e ){\r
 313         var i, backend, option, src, name, last, _e;\r
 314         \r
 315         switch( e.type ){\r
 316                 case X_EVENT_BACKEND_READY :\r
 317                 \r
 318                         backend = X_Audio_BACKENDS[ e[ 'backendID' ] ];\r
 319                         option  = e[ 'option' ];\r
 320                         \r
 321                         this[ 'unlisten' ]( X_EVENT_BACKEND_NONE, X_AudioSprite_backendHandler );\r
 322                         this[ 'source' ]      = src = e[ 'source' ];\r
 323                         this[ 'backendName' ] = name = backend.backendName;\r
 324                 \r
 325                         //console.log( i + ' / ' + X_Audio_Sprite_numTracks );\r
 326                 \r
 327                         for( i = 0; i < X_Audio_Sprite_numTracks; ++i ){\r
 328                                 if( X_Audio_Sprite_useVideo || ( i === 1 && X_Audio_Sprite_useVideoForMulti ) ){\r
 329                                         option[ 'useVideo' ] = true;\r
 330                                         console.log( 'use video' );\r
 331                                 };\r
 332                                 // Audiobackend の owner として null を渡すとAudioBackend 自身へ dispatch する\r
 333                                 X_Audio_Sprite_TEMP.tracks.push( last = backend.klass( null, e[ 'source' ], option ) );\r
 334                                 \r
 335                                 \r
 336                                 //console.dir( backend );\r
 337                                 //console.dir( last );\r
 338                         };\r
 339 \r
 340                         _e = {\r
 341                                 'type'        : X_EVENT_BACKEND_READY,\r
 342                                 'source'      : src,\r
 343                                 'backendName' : name\r
 344                         };\r
 345                         \r
 346                         if( X_Audio_Sprite_needTouchFirst ){\r
 347                                 if( name === 'Web Audio' ){\r
 348                                         _e[ 'needTouchForPlay' ] = true;\r
 349                                 } else {\r
 350                                         _e[ 'needTouchForLoad' ] = true;\r
 351                                 };\r
 352                         };\r
 353                         this[ 'asyncDispatch' ]( _e );\r
 354                         \r
 355                         console.log( 'AudioSprite - X_EVENT_BACKEND_READY' );\r
 356                         \r
 357                         last[ 'listenOnce' ]( X_EVENT_READY, this, X_AudioSprite_backendHandler );\r
 358 \r
 359                         // READY, needTouchForPlay, needTouchForLoad\r
 360                         if( X_Audio_HTMLAudioWrapper_durationFix && !X_Audio_Sprite_needTouchFirst ){\r
 361                                 for( i = 0; i < X_Audio_Sprite_TEMP.tracks.length; ++i ){\r
 362                                         this[ 'pause' ]( i );\r
 363                                 };\r
 364                         };\r
 365                         \r
 366                         return X_CALLBACK_STOP_NOW;\r
 367 \r
 368                 case X_EVENT_BACKEND_NONE :\r
 369                         this[ 'unlisten' ]( X_EVENT_BACKEND_READY, this, X_AudioSprite_backendHandler )\r
 370                                 [ 'asyncDispatch' ]( X_EVENT_BACKEND_NONE );\r
 371                         return X_CALLBACK_STOP_NOW;\r
 372                 \r
 373                 case X_EVENT_READY :\r
 374                         if( X_Audio_Sprite_needTouchAndroid ){\r
 375                                 for( i = 0; i < X_Audio_Sprite_TEMP.tracks.length; ++i ){\r
 376                                         this[ 'pause' ]( i );\r
 377                                 };\r
 378                                 e.target[ 'listenOnce' ]( X_EVENT_MEDIA_PLAYING, this, this[ 'asyncDispatch' ], [ X_EVENT_READY ] );\r
 379                                 return;\r
 380                         };\r
 381                         \r
 382                         console.log( 'X.AudioSprite - Ready!' );\r
 383                         this[ 'asyncDispatch' ]( X_EVENT_READY );\r
 384                         break;\r
 385         };\r
 386 };\r
 387 \r
 388 \r
 389 function X_Audio_Sprite_handleEvent( e ){\r
 390         var i, tracks, track, _e, k;\r
 391         \r
 392         switch( e.type ){\r
 393                 case X_EVENT_MEDIA_PLAYING :\r
 394                         ( e.target === X_Audio_Sprite_TEMP.bgmTrack || !e.target.looped ) && this[ 'asyncDispatch' ]( X_EVENT_MEDIA_PLAYING );\r
 395                         break;\r
 396                 \r
 397                 case X_EVENT_MEDIA_BEFORE_LOOP :\r
 398                         if( e.target === X_Audio_Sprite_TEMP.bgmTrack ){\r
 399                                 X_Audio_Sprite_TEMP.bgmLooped = true;\r
 400                                 this[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid\r
 401                         } else {\r
 402                                 if( e.target.looped ){\r
 403                                         //this[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid\r
 404                                 } else {\r
 405                                         this[ 'asyncDispatch' ]( X_EVENT_MEDIA_ENDED ); // TODO uid\r
 406                                 };\r
 407                                 \r
 408                                 console.log( '[AudioSprite] ' + X_Audio_Sprite_TEMP.bgmPlaying + ' ' + !X_Audio_Sprite_TEMP.bgmTrack );\r
 409                                 \r
 410                                 // single track | iOS\r
 411                                 if( X_Audio_Sprite_TEMP.bgmPlaying && !X_Audio_Sprite_TEMP.bgmTrack ){\r
 412                                         X_Audio_Sprite_TEMP.bgmTrack = e.target;\r
 413                                         this.play( X_Audio_Sprite_TEMP.bgmName );\r
 414                                         return X_CALLBACK_PREVENT_DEFAULT;\r
 415                                 };\r
 416                         };\r
 417                         break;\r
 418                 \r
 419                 // TODO Android Firefox で アクティブ検出できない！\r
 420                 case X_EVENT_VIEW_ACTIVATE :\r
 421                         console.log( '■ アクティブ' );\r
 422                         // track.play(); or iOS need touch??\r
 423                         tracks = X_Audio_Sprite_TEMP.pauseTracks;\r
 424                         while( tracks.length ) tracks.pop().actualPlay();\r
 425                         break;\r
 426 \r
 427                 case X_EVENT_VIEW_DEACTIVATE :\r
 428                         console.log( '■ デアクティブ' );\r
 429                         // track.pause();\r
 430                         tracks = X_Audio_Sprite_TEMP.tracks;\r
 431                         i      = tracks.length;\r
 432                         for( ; i; ){\r
 433                                 track = tracks[ --i ];\r
 434                                 track.playing && X_Audio_Sprite_TEMP.pauseTracks.push( track ) && track.pause();\r
 435                         };\r
 436                         break;\r
 437                 \r
 438                 case X_EVENT_KILL_INSTANCE :\r
 439                         \r
 440                         while( X_Audio_Sprite_TEMP.tracks.length ){\r
 441                                 X_Audio_Sprite_TEMP.tracks.pop()[ 'kill' ]();\r
 442                         };\r
 443                         \r
 444                         for( k in X_Audio_Sprite_TEMP.bgms ){\r
 445                                 delete X_Audio_Sprite_TEMP.bgms[ k ];\r
 446                         };\r
 447                         for( k in X_Audio_Sprite_TEMP.presets ){\r
 448                                 delete X_Audio_Sprite_TEMP.presets[ k ];\r
 449                         };\r
 450                         \r
 451                         X_Audio_Sprite_TEMP.bgmTrack    = null;\r
 452                         X_Audio_Sprite_TEMP.bgmPosition = 0;\r
 453                         X_Audio_Sprite_TEMP.bgmName     = '';\r
 454                         X_Audio_Sprite_TEMP.bgmLooped   = false;\r
 455                         X_Audio_Sprite_TEMP.bgmPlaying  = false;\r
 456                         \r
 457                         X_ViewPort[ 'unlisten' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE ], this, X_Audio_Sprite_handleEvent );\r
 458                         break;\r
 459         };\r
 460 };\r