X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fjs%2F07_audio%2F10_XAudioSprite.js;h=dc4ec65e62db51bcadf49c635a6df428702de897;hb=HEAD;hp=ac5b19e67e4a4cb75874899f6e5369a90ef17f3a;hpb=e28511741c97176b8ffe67bb1ea0660da37f754b;p=pettanr%2FclientJs.git

diff --git a/0.6.x/js/07_audio/10_XAudioSprite.js b/0.6.x/js/07_audio/10_XAudioSprite.js
index ac5b19e..dc4ec65 100644
--- a/0.6.x/js/07_audio/10_XAudioSprite.js
+++ b/0.6.x/js/07_audio/10_XAudioSprite.js
@@ -4,18 +4,20 @@
  * Mobile Opera11 は Audio をサポートするがイベントが取れない
  * iframe 内で生成して、Audio Sprite の preset で再生できないか？
  */
-var X_Audio_Sprite_shouldUse        = window.HTMLAudioElement && ( X_UA[ 'iOS' ] || X_UA[ 'AndroidBrowser' ] || X_UA[ 'OperaMobile' ] || X_UA[ 'OperaTablet' ] ), // Flash がない
-	X_Audio_Sprite_useVideoForMulti = 4 <= X_UA[ 'AndroidBrowser' ] && 534.3 < X_UA[ 'AndroidWebkit' ], // ドスパラパッドはビデオのインライン再生が不可 
-	X_Audio_Sprite_needTouchAndroid = X_Audio_Sprite_useVideoForMulti,	
-	X_Audio_Sprite_needTouchFirst   = X_UA[ 'iOS' ] || X_Audio_Sprite_needTouchAndroid || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ),
-	X_Audio_Sprite_enableMultiTrack = !( X_UA[ 'iOS' ] && !X_Audio_WebAudio_context ) && !( X_UA[ 'AndroidBrowser4' ] && X_UA[ 'AndroidWebkit' ] <= 534.3 ) && !( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ),
-	X_Audio_Sprite_enableVolume     = window.HTMLAudioElement && ( !X_UA[ 'iOS' ] && !X_UA[ 'AndroidBrowser' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ), // TODO fennec は　25以上
-	X_Audio_Sprite_maxTracks        = !X_Audio_Sprite_enableMultiTrack ? 1 : X_Audio_Sprite_useVideoForMulti ? 2 : 9,
-	X_Audio_Sprite_lengthSilence    = 10000, // 一番最初の無音部分の長さ
-	X_Audio_Sprite_lengthDistance   = 5000,  // 音間の無音の長さ
-	X_Audio_Sprite_uid              = 0,
-	X_Audio_Sprite_members          = {},
-	X_Audio_Sprite_TEMP             = {
+var X_AudioSprite_shouldUse         = X_HTMLAudio && ( X_UA[ 'iOS' ] || X_UA[ 'AOSP' ] || X_UA[ 'OperaMobile' ] || X_UA[ 'OperaTablet' ] ), // Flash がない
+	X_AudioSprite_useVideoForMulti  = //( 3.1 <= X_UA[ 'AOSP' ] < 4 ) || 
+									  //( ( 4.2 <= X_UA[ 'AOSP' ] ),
+									  // ドスパラパッドはビデオのインライン再生が不可
+									  false,
+	X_AudioSprite_disableMultiTrack = !X_WebAudio && ( X_UA[ 'iOS' ] || 4 <= X_UA[ 'AOSP' ] || X_UA[ 'ChromeWV' ] || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ) ),
+	X_AudioSprite_enableVolume      = X_HTMLAudio && ( !X_UA[ 'iOS' ] && !X_UA[ 'AOSP' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ), // TODO fennec は 25以上
+	// http://tukumemo.com/html5-audio-sp/
+	// iOS6、Android4.1から同時再生が可能になりました。
+	X_AudioSprite_maxTracks        = X_AudioSprite_useVideoForMulti ? 2 : X_AudioSprite_disableMultiTrack ? 1 : 9,
+	X_AudioSprite_lengthSilence    = 10000, // 一番最初の無音部分の長さ
+	X_AudioSprite_lengthDistance   = 5000,  // 音間の無音の長さ
+	X_AudioSprite_uid              = 0,
+	X_AudioSprite_TEMP             = {
 		presets     : {},
 		BGMs        : {},
 		tracks      : [],
@@ -25,34 +27,56 @@ var X_Audio_Sprite_shouldUse        = window.HTMLAudioElement && ( X_UA[ 'iOS' ]
 		bgmPosition : 0,
 		bgmName     : '',
 		bgmLooped   : false,
-		bgmPlaying  : false
+		bgmPlaying  : false,
+		tmpEvent    : null
 	},
-	X_Audio_Sprite_instance,
-	X_Audio_Sprite_numTracks,
-	X_Audio_Sprite_useVideo;
+	X_AudioSprite,
+	X_AudioSprite_numTracks,
+	X_AudioSprite_useVideo;
 
+/**
+ * {
+ * 	 urls      : [ 'xx.ogg', 'xx.mp3' ],
+ * 	 numTracks : 3,
+ *   useVideo  : false,
+ *   volume    : 1,
+ * 	 BGM_01 : [ '15.00', '45.500', true, '17.666', '50.999' ],
+ *   BGM_02 : [ '56.00', '1:15.230', true ]
+ * }
+ * 
+ * X_EVENT_BACKEND_READY
+ * X_EVENT_BACKEND_NONE
+ * 
+ * X_EVENT_READY
+ * X_EVENT_MEDIA_LOOPED
+ * X_EVENT_MEDIA_ENDED
+ * 
+ * @namespace X.AudioSprite
+ * @alias X.AudioSprite
+ */ 
 X[ 'AudioSprite' ] = function( setting ){
-	var tracks  = X_Audio_Sprite_TEMP.tracks,
-		bgms    = X_Audio_Sprite_TEMP.BGMs,
-		presets = X_Audio_Sprite_TEMP.presets,
+	var tracks  = X_AudioSprite_TEMP.tracks,
+		bgms    = X_AudioSprite_TEMP.BGMs,
+		presets = X_AudioSprite_TEMP.presets,
 		urls    = setting[ 'urls' ],
 		video   = setting[ 'useVideo' ],
 		n       = video ? 1 : setting[ 'numTracks' ] || 1,
-		option  = {
-			volume    : setting[ 'volume' ] || 0.5,
-			autoplay  : false,
-			startTime : 0,
-			endTime   : X_Audio_Sprite_lengthSilence,
-			loop      : true
-		},
-		k, i, v, track;	
+		volume  = setting[ 'volume' ],
+		k, i, v, track;
 	
-	if( !X_Audio_Sprite_instance ){
-		X_Audio_Sprite_instance = X_Class_override( X_EventDispatcher(), X_Audio_Sprite_members );
-		X_ViewPort[ 'listen' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE ], X_Audio_Sprite_instance, X_Audio_Sprite_handleEvent );
-	};
+
+	if( X_AudioSprite ) X_AudioSprite[ 'kill' ]();
+
+	X_AudioSprite = X_Class_override( X_EventDispatcher(), X_AudioSprite_members );
+	X_ViewPort[ 'listen' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE, X_EVENT_UNLOAD ], X_AudioSprite_handleEvent );
+	
+	n = n <= X_AudioSprite_maxTracks ? n : X_AudioSprite_maxTracks;
 	
-	n = n <= X_Audio_Sprite_maxTracks ? n : X_Audio_Sprite_maxTracks;
+	// TODO
+	// Android4.x標準ブラウザ(Chrome系)でブラウザが隠れた場合に音が鳴り続ける問題、ビデオで解決できる？
+	//if( X_AudioSprite_needTouchAndroid && n === 1 ){
+	//	video = true;
+	//};
 	
 	for( k in setting ){
 		v = setting[ k ];
@@ -60,41 +84,50 @@ X[ 'AudioSprite' ] = function( setting ){
 			v = X_Array_copy( v );
 			for( i = v.length; i; ){
 				--i;
-				if( i !== 2 ) v[ i ] = X_AudioWrapper_timeStringToNumber( v[ i ] );
+				if( i !== 2 ) v[ i ] = X_Audio_timeStringToNumber( v[ i ] );
 			};					
 			if( v[ 2 ] ) bgms[ k ] = v;
 			presets[ k ] = v;
 		};
 	};
 	
-	X_Audio_startDetectionBackend( X_Audio_BACKENDS[ 0 ], X_Audio_Sprite_instance, X_Array_copy( urls ), option );
+	X_Audio_startDetectionBackend(
+		X_Audio_BACKENDS[ 0 ],
+		X_AudioSprite, // dispatcher として
+		X_Array_copy( urls ),
+		{
+			'volume'    : 0 <= volume && volume <= 1 ? volume : 1,
+			'autoplay'  : true,
+			'startTime' : 0,
+			'endTime'   : X_AudioSprite_lengthSilence,
+			'loop'      : true
+		});
 
-	X_Audio_Sprite_instance[ 'listenOnce' ]( [ X_EVENT_BACKEND_READY, X_EVENT_BACKEND_NONE ], X_AudioSprite_backendHandler );
-	X_Audio_Sprite_instance[ 'listenOnce' ]( X_EVENT_KILL_INSTANCE, X_Audio_Sprite_handleEvent );
+	X_AudioSprite[ 'listenOnce' ]( [ X_EVENT_BACKEND_READY, X_EVENT_BACKEND_NONE ], X_AudioSprite_backendHandler );
+	X_AudioSprite[ 'listenOnce' ]( X_EVENT_KILL_INSTANCE, X_AudioSprite_handleEvent );
 	
-	X_Audio_Sprite_useVideo  = video;
-	X_Audio_Sprite_numTracks = X_Audio_Sprite_instance[ 'numTracks' ] = n;
+	X_AudioSprite_useVideo  = video;
+	X_AudioSprite_numTracks = X_AudioSprite[ 'numTracks' ] = n;
 
-	return X_Audio_Sprite_instance;
+	return X_AudioSprite;
 };
 
-X[ 'AudioSprite' ][ 'shouldUse'        ] = X_Audio_Sprite_shouldUse;
-X[ 'AudioSprite' ][ 'needTouchFirst'   ] = X_Audio_Sprite_needTouchFirst;
-X[ 'AudioSprite' ][ 'enableMultiTrack' ] = X_Audio_Sprite_enableMultiTrack;
+X[ 'AudioSprite' ][ 'shouldUse'        ] = X_AudioSprite_shouldUse;
+X[ 'AudioSprite' ][ 'enableMultiTrack' ] = !X_AudioSprite_disableMultiTrack;
 
 // 再生が終わっているもの、終わりかけのものを探す
-// TODO 終わりかけのもの、と一番古いもの、どちらを再利用するか？これ以上に細かい実装を望む場合は X.Audio.Sprite は使わず自力で実装
-function X_Audio_Sprite_getTrackEnded(){
-	var tracks  = X_Audio_Sprite_TEMP.tracks,
-		l = tracks.length,
+// TODO 終わりかけのもの、と一番古いもの、どちらを再利用するか？これ以上に細かい実装を望む場合は X.AudioSprite は使わず自力で実装
+function X_AudioSprite_getTrackEnded(){
+	var tracks  = X_AudioSprite_TEMP.tracks,
+		l = X_AudioSprite_numTracks,
 		i = 0, track, state, last = 1 / 0, _last, index;
 	
 	for( ; i < l; ++i ){
 		track = tracks[ i ];
 		state = track.getState();
 		if( !state.playing ) return track;
-		if( track === X_Audio_Sprite_TEMP.bgmTrack ) continue;
-		if( state.currentTime <= X_Audio_Sprite_lengthSilence + X_Audio_Sprite_lengthDistance ) return track;
+		if( track === X_AudioSprite_TEMP.bgmTrack ) continue;
+		if( state.currentTime <= X_AudioSprite_lengthSilence + X_AudioSprite_lengthDistance ) return track;
 		_last = state.endTime - state.currentTime;
 		if( _last < last ){
 			last  = _last;
@@ -104,118 +137,91 @@ function X_Audio_Sprite_getTrackEnded(){
 	return tracks[ index ];
 };
 
-/*
- * {
- * 	 urls      : [ 'xx.ogg', 'xx.mp3' ],
- * 	 numTracks : 3,
- *   useVideo  : false,
- *   volume    : 1,
- * 	 BGM_01 : [ '15.00', '45.500', true, '17.666', '50.999' ],
- *   BGM_02 : [ '56.00', '1:15.230', true ]
- * }
- * 
- * X_EVENT_BACKEND_READY
- * X_EVENT_BACKEND_NONE
- * 
- * X_EVENT_READY
- * X_EVENT_MEDIA_LOOPED
- * X_EVENT_MEDIA_ENDED
- * 
- */
-
-X_Audio_Sprite_members = {
-		
+var X_AudioSprite_members =
+/** @lends X.AudioSprite.prototype */
+{
+		/**
+		 * @type {number}
+		 */
 		'numTracks' : 0,
 		
-		'load' : function(){
-			var tracks = X_Audio_Sprite_TEMP.tracks,
-				i = 0, l = tracks.length;
-			for( ; i < l; ++i ){
-				if( X_UA[ 'WinPhone' ] ){
-					console.log( 'WinPhone : touch -> play()' );
-					//tracks[ i ].play( 0, X_Audio_Sprite_lengthSilence, true, 0, X_Audio_Sprite_lengthSilence ).seek( 0 );
-					this[ 'pause' ]( i );
-				} else {
-					tracks[ i ][ '_rawObject' ].load();
-				};
-			};
-		},
-		
-		/*
-		 * @return uid Number
+		/**
+		 * 再生
+		 * @param {string} name トラック名
+		 * @return {number} uid
 		 */
 		'play' : function( name ){
-			var bgm     = X_Audio_Sprite_TEMP.bgmTrack,
-				tracks  = X_Audio_Sprite_TEMP.tracks,
-				bgms    = X_Audio_Sprite_TEMP.BGMs,
-				presets = X_Audio_Sprite_TEMP.presets,
+			var bgm     = X_AudioSprite_TEMP.bgmTrack,
+				tracks  = X_AudioSprite_TEMP.tracks,
+				bgms    = X_AudioSprite_TEMP.BGMs,
+				presets = X_AudioSprite_TEMP.presets,
 				preset  = presets[ name ],
 				track, i, k;
 			
 			if( preset ){
 				if( bgms[ name ] ){
-					if( name !== X_Audio_Sprite_TEMP.bgmName ){
+					if( name !== X_AudioSprite_TEMP.bgmName ){
 						// bgm変更
-						X_Audio_Sprite_TEMP.bgmName     = name;
-						X_Audio_Sprite_TEMP.bgmPosition = preset[ 0 ];
-						X_Audio_Sprite_TEMP.bgmLooped   = false;
+						X_AudioSprite_TEMP.bgmName     = name;
+						X_AudioSprite_TEMP.bgmPosition = preset[ 0 ];
+						X_AudioSprite_TEMP.bgmLooped   = false;
 					};
 					
-					X_Audio_Sprite_TEMP.bgmPlaying = true;
+					X_AudioSprite_TEMP.bgmPlaying = true;
 					
 					if( bgm ){
 						track = bgm;
 					} else
-					if( 1 < tracks.length ){
-						track = X_Audio_Sprite_TEMP.bgmTrack = X_Audio_Sprite_getTrackEnded();
+					if( 1 < X_AudioSprite_numTracks ){
+						track = X_AudioSprite_TEMP.bgmTrack = X_AudioSprite_getTrackEnded();
 					} else {
-						track = X_Audio_Sprite_TEMP.bgmTrack = tracks[ 0 ];
+						track = X_AudioSprite_TEMP.bgmTrack = tracks[ 0 ];
 					};
 					
-					if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent ).playing ){
+					if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_handleEvent ).playing ){
 						track.setState({
 								'loop'          : true,
-								'looped'        : X_Audio_Sprite_TEMP.bgmLooped,
-								'currentTime'   : X_Audio_Sprite_TEMP.bgmPosition,
+								'looped'        : X_AudioSprite_TEMP.bgmLooped,
+								'currentTime'   : X_AudioSprite_TEMP.bgmPosition,
 								'startTime'     : preset[ 0 ],
 								'endTime'       : preset[ 1 ],
 								'loopStartTime' : preset[ 3 ],
 								'loopEndTime'   : preset[ 4 ]
 							});
 					} else {
-						track.setState( { 'looped' : X_Audio_Sprite_TEMP.bgmLooped } );
+						track.setState( { 'looped' : X_AudioSprite_TEMP.bgmLooped } );
 						track.play( preset[ 0 ], preset[ 1 ], true, preset[ 3 ], preset[ 4 ] );
-						track.seek( X_Audio_Sprite_TEMP.bgmPosition );
+						track.seek( X_AudioSprite_TEMP.bgmPosition );
 					};
 					
 				} else {
-					if( 1 < tracks.length ){
-						track = X_Audio_Sprite_getTrackEnded( X_Audio_Sprite_TEMP.bgmPlaying );
+					if( 1 < X_AudioSprite_numTracks ){
+						track = X_AudioSprite_getTrackEnded( X_AudioSprite_TEMP.bgmPlaying );
 						track
-							[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent )
+							[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_handleEvent )
 							.setState( { 'looped' : false } );
-						track.play( preset[ 0 ], preset[ 1 ], true, 0, X_Audio_Sprite_lengthSilence );
+						track.play( preset[ 0 ], preset[ 1 ], true, 0, X_AudioSprite_lengthSilence );
 					} else {
 						// single track, iOS
 						if( bgm ){
-							X_Audio_Sprite_TEMP.bgmPosition = bgm.currentTime();
-							//console.log( 'bgm position : ' + X_Audio_Sprite_TEMP.bgmPosition + ' isPlay:' +  bgm.playing );
-							X_Audio_Sprite_TEMP.bgmTrack    = null;
+							X_AudioSprite_TEMP.bgmPosition = bgm.currentTime();
+							//console.log( 'bgm position : ' + X_AudioSprite_TEMP.bgmPosition + ' isPlay:' +  bgm.playing );
+							X_AudioSprite_TEMP.bgmTrack    = null;
 						};
 						track = tracks[ 0 ];
 					
-						if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent ).playing ){
+						if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_WAITING, X_EVENT_MEDIA_SEEKING, X_EVENT_MEDIA_BEFORE_LOOP ], X_AudioSprite_handleEvent ).playing ){
 							track.setState({
 									'loop'          : true,
 									'looped'        : false,
-									//'currentTime'   : preset[ 0 ],
+									'currentTime'   : preset[ 0 ],
 									'startTime'     : preset[ 0 ],
 									'endTime'       : preset[ 1 ],
 									'loopStartTime' : 0,
-									'loopEndTime'   : X_Audio_Sprite_lengthSilence
+									'loopEndTime'   : X_AudioSprite_lengthSilence
 								});
 						} else {
-							track.play( preset[ 0 ], preset[ 1 ], true, 0, X_Audio_Sprite_lengthSilence );	
+							track.play( preset[ 0 ], preset[ 1 ], true, 0, X_AudioSprite_lengthSilence );	
 						};
 					};
 				};
@@ -224,52 +230,85 @@ X_Audio_Sprite_members = {
 			return -1;
 		},
 		
+		/**
+		 * ポーズ, uid を指定しない、または '*' で呼び出した場合、全てのトラックを pause する。
+		 * @param {number} uid=undefined トラックID, '*'
+		 * @return {AudioSprite}
+		 */
 		'pause' : function( uid ){
-			var track = X_Audio_Sprite_TEMP.tracks[ uid ];
-			if( X_Audio_Sprite_TEMP.bgmTrack === track ){
-				X_Audio_Sprite_TEMP.bgmPosition = track.currentTime();
-				X_Audio_Sprite_TEMP.bgmPlaying  = false;
-				X_Audio_Sprite_TEMP.bgmTrack    = null;
+			var tracks = X_AudioSprite_TEMP.tracks,
+				i, l, track;
+			
+			if( uid === '*' || uid === undefined ){
+				for( i = 0, l = X_AudioSprite_numTracks; i < l; ++i ){
+					X_AudioSprite[ 'pause' ]( i );
+				};
+			} else
+			if( track = tracks[ uid ] ){
+				if( X_AudioSprite_TEMP.bgmTrack === track ){
+					X_AudioSprite_TEMP.bgmPosition = track.currentTime();
+					X_AudioSprite_TEMP.bgmPlaying  = false;
+					X_AudioSprite_TEMP.bgmTrack    = null;
+				};
+				track.play( 0, X_AudioSprite_lengthSilence, true, 0, X_AudioSprite_lengthSilence );
+				track.seek( 0 );
+				X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_MEDIA_PAUSED );				
 			};
-			track && track.play( 0, X_Audio_Sprite_lengthSilence, true, 0, X_Audio_Sprite_lengthSilence );
-			track && track.seek( 0 );
-			this[ 'asyncDispatch' ]( X_EVENT_MEDIA_PAUSED );
-			return this;
+			return X_AudioSprite;
 		},
 		
+		/**
+		 * シーク, 現在のトラックの長さ内で相対指定する
+		 * @param {number} uid トラックID
+		 * @param {number} position ms
+		 * @return {AudioSprite}
+		 */
 		'seek' : function( uid, position ){
-			var track = X_Audio_Sprite_TEMP.tracks[ uid ],
-				end;
+			var track = X_AudioSprite_TEMP.tracks[ uid ],
+				end, start;
 			if( track ){
 				delete track.seekTime;
-				end = X_AudioWrapper_getEndTime( track );
-				position <= end && X_AudioWrapper_getStartTime( track, end ) <= position && track.seek( postion );
+				end   = X_Audio_getEndTime( track );
+				start = X_Audio_getStartTime( track, end );
+				0 <= position && position <= ( end - start ) && track.seek( start + position );
 			};
-			return this;
+			return X_AudioSprite;
 		},
 		
+		/**
+		 * ボリューム
+		 * @param {number} uid トラックID
+		 * @param {number} opt_volume= ボリューム
+		 * @return {AudioSprite|number}
+		 */
 		'volume' : function( uid, opt_volume ){
 			var track, i;
 			// TODO uid = 0
 			if( uid === 0 ){
 				if( opt_volume === undefined ){
-					return X_Audio_Sprite_TEMP.volume;
+					return X_AudioSprite_TEMP.volume;
 				};
-				for( i = X_Audio_Sprite_TEMP.tracks.length; i; ){
-					X_Audio_Sprite_TEMP.tracks[ --i ].volume( opt_volume );
+				for( i = X_AudioSprite_numTracks; i; ){
+					X_AudioSprite_TEMP.tracks[ --i ].volume( opt_volume );
 				};
-				return this;
+				return X_AudioSprite;
 			};
-			track = X_Audio_Sprite_TEMP.tracks[ uid ];
+			track = X_AudioSprite_TEMP.tracks[ uid ];
 			if( opt_volume === undefined ){
 				return track ? track.gain : -1;
 			};
 			track && track.volume( opt_volume );
-			return this;
+			return X_AudioSprite;
 		},
 		
+		/**
+		 * 状態の取得・更新
+		 * @param {number} uid トラックID
+		 * @param {object} opt_obj= 上書きする状態を書き込んだオブジェクト
+		 * @return {AudioSprite|object}
+		 */
 		'state' : function( uid, opt_obj ){
-			var track = X_Audio_Sprite_TEMP.tracks[ uid ],
+			var track = X_AudioSprite_TEMP.tracks[ uid ],
 				state, start, end;
 			// TODO uid = 0
 			if( opt_obj === undefined ){
@@ -281,18 +320,18 @@ X_Audio_Sprite_members = {
 				    	'currentTime' : state.currentTime - start,
 				        'playing'     : start <= state.currentTime && state.currentTime <= state.endTime,
 				        'duration'    : state.endTime - start,
-				        'volume'      : X_Audio_Sprite_TEMP.volume
+				        'volume'      : X_AudioSprite_TEMP.volume
 					};
 				};
-				return { 'volume' : X_Audio_Sprite_TEMP.volume, 'playing' : false };
+				return { 'volume' : X_AudioSprite_TEMP.volume, 'playing' : false };
 			};
 			track && track.setState( opt_obj );
-			return this;
+			return X_AudioSprite;
 		}
 };
 
 function X_AudioSprite_backendHandler( e ){
-	var i, backend, option, src, name, last, _e;
+	var i, backend, option, src, name, last, _e, track;
 	
 	switch( e.type ){
 		case X_EVENT_BACKEND_READY :
@@ -300,22 +339,21 @@ function X_AudioSprite_backendHandler( e ){
 			backend = X_Audio_BACKENDS[ e[ 'backendID' ] ];
 			option  = e[ 'option' ];
 			
-			this[ 'unlisten' ]( X_EVENT_BACKEND_NONE, X_AudioSprite_backendHandler );
-			this[ 'source' ]      = src = e[ 'source' ];
-			this[ 'backendName' ] = name = backend.backendName;
+			X_AudioSprite[ 'unlisten' ]( X_EVENT_BACKEND_NONE, X_AudioSprite_backendHandler );
+			X_AudioSprite[ 'source' ]      = src = e[ 'source' ];
+			X_AudioSprite[ 'backendName' ] = name = backend.backendName;
 		
-			console.log( i + ' / ' + X_Audio_Sprite_numTracks );
+			//console.log( i + ' / ' + X_AudioSprite_numTracks );
 		
-			for( i = 0; i < X_Audio_Sprite_numTracks; ++i ){
-				if( X_Audio_Sprite_useVideo || ( i === 1 && X_Audio_Sprite_useVideoForMulti ) ){
+			for( i = 0; i < X_AudioSprite_numTracks; ++i ){
+				if( X_AudioSprite_useVideo || ( i === 1 && X_AudioSprite_useVideoForMulti ) ){
+					option = X_Object_deepCopy( option );
 					option[ 'useVideo' ] = true;
+					console.log( 'use video' );
 				};
 				// Audiobackend の owner として null を渡すとAudioBackend 自身へ dispatch する
-				X_Audio_Sprite_TEMP.tracks.push( last = backend.klass( null, e[ 'source' ], option ) );
-				
-				
-				console.dir( backend );
-				console.dir( last );
+				X_AudioSprite_TEMP.tracks.push(
+					last = backend.klass( null, e[ 'source' ], option )[ 'listen' ]( X_EVENT_DEBUG, X_AudioSprite_handleEvent ) );
 			};
 
 			_e = {
@@ -324,118 +362,156 @@ function X_AudioSprite_backendHandler( e ){
 				'backendName' : name
 			};
 			
-			if( X_Audio_Sprite_needTouchFirst ){
-				if( name === 'Web Audio' ){
-					_e[ 'needTouchForPlay' ] = true;
-				} else {
-					_e[ 'needTouchForLoad' ] = true;
-				};
-			};
-			this[ 'asyncDispatch' ]( _e );
-			
-			console.log( 'AudioSprite - X_EVENT_BACKEND_READY' );
-			
-			last[ 'listenOnce' ]( X_EVENT_READY, this, X_AudioSprite_backendHandler );
-
-			// READY, needTouchForPlay, needTouchForLoad
-			if( X_Audio_HTMLAudioWrapper_durationFix ){
-				for( i = 0; i < X_Audio_Sprite_TEMP.tracks.length; ++i ){
-					this[ 'pause' ]( i );
-				};
+			// TODO 今は touch 可能で backend ready
+			if(
+				// WebAudio
+				( e[ 'needTouchForPlay' ] && ( _e[ 'needTouchForPlay' ] = true ) ) ||
+				// HTMLAudio
+				( e[ 'needTouchForLoad' ] && ( _e[ 'needTouchForLoad' ] = true ) )
+			){
+				X_AudioSprite_TEMP.tmpEvent = _e;
+				last[ 'listenOnce' ]( X_EVENT_MEDIA_WAIT_FOR_TOUCH, X_AudioSprite_backendHandler );
+			} else {
+				X_AudioSprite[ 'asyncDispatch' ]( _e );
 			};
 			
+			// TODO 全ての track の READY で!
+			last[ 'listen' ]( X_EVENT_PROGRESS, X_AudioSprite_backendHandler )
+				[ 'listenOnce' ]( X_EVENT_READY, X_AudioSprite_backendHandler );
 			return X_CALLBACK_STOP_NOW;
 
 		case X_EVENT_BACKEND_NONE :
-			this[ 'unlisten' ]( X_EVENT_BACKEND_READY, this, X_AudioSprite_backendHandler )
+			X_AudioSprite
+				[ 'listen' ]( X_EVENT_BACKEND_NONE, X_AudioSprite_handleEvent ) // kill を呼ぶ
 				[ 'asyncDispatch' ]( X_EVENT_BACKEND_NONE );
 			return X_CALLBACK_STOP_NOW;
 		
+		case X_EVENT_MEDIA_WAIT_FOR_TOUCH :
+			// TODO 全ての track の MEDIA_WAIT_FOR_TOUCH で!
+			X_AudioSprite[ 'asyncDispatch' ]( X_AudioSprite_TEMP.tmpEvent );
+			delete X_AudioSprite_TEMP.tmpEvent;
+			break;
+		
+		case X_EVENT_PROGRESS :
+			X_AudioSprite[ 'dispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : e[ 'percent' ] } );
+			break;
+		
 		case X_EVENT_READY :
 			console.log( 'X.AudioSprite - Ready!' );
 			
-			if( X_Audio_Sprite_needTouchAndroid ){
-				for( i = 0; i < X_Audio_Sprite_TEMP.tracks.length; ++i ){
-					this[ 'pause' ]( i );
-				};
-				e.target[ 'listenOnce' ]( X_EVENT_MEDIA_PLAYING, this, this[ 'asyncDispatch' ], [ X_EVENT_READY ] ); // Android 標準ブラウザ
-				return;
+			if( X_AudioSprite_TEMP.tmpEvent ){
+				// このタイミングで tmpEvent が存在する場合は、タッチをスキップして Web Audio が再生可能になった
+				// つまり他の Web Audio インスタンスでタッチによる再生が開始され、自身も再生可能になった
+				
+				_e = X_AudioSprite_TEMP.tmpEvent;
+				_e[ 'needTouchForPlay' ] = false;
+				
+				X_AudioSprite
+					[ 'unlisten' ]( X_EVENT_MEDIA_WAIT_FOR_TOUCH, X_AudioSprite_backendHandler )
+					[ 'asyncDispatch' ]( _e );
+				
+				delete X_AudioSprite_TEMP.tmpEvent;
+			};			
+			
+			for( i = 0; i < X_AudioSprite_numTracks; ++i ){
+				track = X_AudioSprite_TEMP.tracks[ i ];
+				( track.autoplay || track._playReserved ) && track.actualPlay();
+				delete track._playReserved;
 			};
-			this[ 'asyncDispatch' ]( X_EVENT_READY );
+			this[ 'listen' ]( X_EVENT_PROGRESS, X_AudioSprite_backendHandler );
+			X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_READY );
 			break;
 	};
 };
 
 
-function X_Audio_Sprite_handleEvent( e ){
-	var i, tracks, track, _e, k;
+function X_AudioSprite_handleEvent( e ){
+	var track = e.target, i, tracks, _e, k;
 	
 	switch( e.type ){
 		case X_EVENT_MEDIA_PLAYING :
-			( e.target === X_Audio_Sprite_TEMP.bgmTrack || !e.target.looped ) && this[ 'asyncDispatch' ]( X_EVENT_MEDIA_PLAYING );
+		case X_EVENT_MEDIA_WAITING :
+		case X_EVENT_MEDIA_SEEKING :
+			( track === X_AudioSprite_TEMP.bgmTrack || !track.looped ) &&  X_AudioSprite[ 'asyncDispatch' ]( e.type );
 			break;
 		
 		case X_EVENT_MEDIA_BEFORE_LOOP :
-			if( e.target === X_Audio_Sprite_TEMP.bgmTrack ){
-				X_Audio_Sprite_TEMP.bgmLooped = true;
-				this[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid
+			if( track === X_AudioSprite_TEMP.bgmTrack ){
+				// BGM
+				X_AudioSprite_TEMP.bgmLooped = true;
+				X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid
 			} else {
-				if( e.target.looped ){
-					//this[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid
-				} else {
-					this[ 'asyncDispatch' ]( X_EVENT_MEDIA_ENDED ); // TODO uid
+				// SE
+				if( !track.looped ){
+					 X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_MEDIA_ENDED ); // TODO uid
 				};
 				
-				console.log( '[AudioSprite] ' + X_Audio_Sprite_TEMP.bgmPlaying + ' ' + !X_Audio_Sprite_TEMP.bgmTrack );
+				//console.log( '[AudioSprite] bgmPlaying:' + X_AudioSprite_TEMP.bgmPlaying + ' ' + !X_AudioSprite_TEMP.bgmTrack );
 				
 				// single track | iOS
-				if( X_Audio_Sprite_TEMP.bgmPlaying && !X_Audio_Sprite_TEMP.bgmTrack ){
-					X_Audio_Sprite_TEMP.bgmTrack = e.target;
-					this.play( X_Audio_Sprite_TEMP.bgmName );
+				if( X_AudioSprite_TEMP.bgmPlaying && !X_AudioSprite_TEMP.bgmTrack ){
+					X_AudioSprite_TEMP.bgmTrack = track;
+					X_AudioSprite.play( X_AudioSprite_TEMP.bgmName );
 					return X_CALLBACK_PREVENT_DEFAULT;
 				};
 			};
 			break;
 		
+		
+		case X_EVENT_DEBUG :
+			i = X_AudioSprite_TEMP.tracks.indexOf( track );
+			if( 0 <= i ){
+				e[ 'trackID' ] = i;
+				X_AudioSprite[ 'dispatch' ]( e );
+			};
+			break;
+		
 		// TODO Android Firefox で アクティブ検出できない！
 		case X_EVENT_VIEW_ACTIVATE :
 			console.log( '■ アクティブ' );
 			// track.play(); or iOS need touch??
-			tracks = X_Audio_Sprite_TEMP.pauseTracks;
+			tracks = X_AudioSprite_TEMP.pauseTracks;
 			while( tracks.length ) tracks.pop().actualPlay();
 			break;
 
 		case X_EVENT_VIEW_DEACTIVATE :
 			console.log( '■ デアクティブ' );
 			// track.pause();
-			tracks = X_Audio_Sprite_TEMP.tracks;
-			i      = tracks.length;
+			tracks = X_AudioSprite_TEMP.tracks;
+			i      = X_AudioSprite_numTracks;
 			for( ; i; ){
 				track = tracks[ --i ];
-				track.playing && X_Audio_Sprite_TEMP.pauseTracks.push( track ) && track.pause();
+				track.playing && X_AudioSprite_TEMP.pauseTracks.push( track ) && track.pause();
 			};
 			break;
 		
+		case X_EVENT_BACKEND_NONE :
+		case X_EVENT_UNLOAD :
+			X_AudioSprite[ 'kill' ]();
+			break;
+		
 		case X_EVENT_KILL_INSTANCE :
+			X_AudioSprite_TEMP.pauseTracks.length = 0;
 			
-			while( X_Audio_Sprite_TEMP.tracks.length ){
-				X_Audio_Sprite_TEMP.tracks.pop()[ 'kill' ]();
+			while( X_AudioSprite_TEMP.tracks.length ){
+				X_AudioSprite_TEMP.tracks.pop()[ 'kill' ]();
 			};
 			
-			for( k in X_Audio_Sprite_TEMP.bgms ){
-				delete X_Audio_Sprite_TEMP.bgms[ k ];
+			for( k in X_AudioSprite_TEMP.BGMs ){
+				delete X_AudioSprite_TEMP.BGMs[ k ];
 			};
-			for( k in X_Audio_Sprite_TEMP.presets ){
-				delete X_Audio_Sprite_TEMP.presets[ k ];
+			for( k in X_AudioSprite_TEMP.presets ){
+				delete X_AudioSprite_TEMP.presets[ k ];
 			};
 			
-			X_Audio_Sprite_TEMP.bgmTrack    = null;
-			X_Audio_Sprite_TEMP.bgmPosition = 0;
-			X_Audio_Sprite_TEMP.bgmName     = '';
-			X_Audio_Sprite_TEMP.bgmLooped   = false;
-			X_Audio_Sprite_TEMP.bgmPlaying  = false;
+			X_AudioSprite_TEMP.bgmTrack    = null;
+			X_AudioSprite_TEMP.bgmPosition = 0;
+			X_AudioSprite_TEMP.bgmName     = '';
+			X_AudioSprite_TEMP.bgmLooped   = false;
+			X_AudioSprite_TEMP.bgmPlaying  = false;
 			
-			X_ViewPort[ 'unlisten' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE ], this, X_Audio_Sprite_handleEvent );
+			X_ViewPort[ 'unlisten' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE, X_EVENT_UNLOAD ], X_AudioSprite_handleEvent );
+			X_AudioSprite = null;
 			break;
 	};
 };