* Mobile Opera11 は Audio をサポートするがイベントが取れない\r
* iframe 内で生成して、Audio Sprite の preset で再生できないか？\r
*/\r
-var X_Audio_Sprite_shouldUse = window.HTMLAudioElement && ( X_UA[ 'iOS' ] || X_UA[ 'AndroidBrowser' ] || X_UA[ 'OperaMobile' ] || X_UA[ 'OperaTablet' ] ), // Flash がない\r
- X_Audio_Sprite_useVideoForMulti = 4 <= X_UA[ 'AndroidBrowser' ] && 534.3 < X_UA[ 'AndroidBrowserWebkit' ], // ドスパラパッドはビデオのインライン再生が不可 \r
- X_Audio_Sprite_needTouchAndroid = X_Audio_Sprite_useVideoForMulti, \r
- X_Audio_Sprite_needTouchFirst = X_UA[ 'iOS' ] || X_Audio_Sprite_needTouchAndroid || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ),\r
- X_Audio_Sprite_enableMultiTrack = !( X_UA[ 'iOS' ] && !X_Audio_WebAudio_context ) && !( X_UA[ 'AndroidBrowser4' ] && X_UA[ 'AndroidBrowserWebkit' ] <= 534.3 ),\r
- X_Audio_Sprite_enableVolume = window.HTMLAudioElement && ( !X_UA[ 'iOS' ] && !X_UA[ 'AndroidBrowser' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ), // TODO fennec は 25以上\r
- X_Audio_Sprite_maxTracks = !X_Audio_Sprite_enableMultiTrack ? 1 : X_Audio_Sprite_useVideoForMulti ? 2 : 9,\r
- X_Audio_Sprite_lengthSilence = 10000, // 一番最初の無音部分の長さ\r
- X_Audio_Sprite_lengthDistance = 5000, // 音間の無音の長さ\r
- X_Audio_Sprite_uid = 0,\r
- X_Audio_Sprite_members = {},\r
- X_Audio_Sprite_TEMP = {\r
+var X_AudioSprite_shouldUse = X_HTMLAudio && ( X_UA[ 'iOS' ] || X_UA[ 'AOSP' ] || X_UA[ 'OperaMobile' ] || X_UA[ 'OperaTablet' ] ), // Flash がない\r
+ X_AudioSprite_useVideoForMulti = //( 3.1 <= X_UA[ 'AOSP' ] < 4 ) || \r
+ //( ( 4.2 <= X_UA[ 'AOSP' ] ),\r
+ // ドスパラパッドはビデオのインライン再生が不可\r
+ false,\r
+ X_AudioSprite_disableMultiTrack = !X_WebAudio && ( X_UA[ 'iOS' ] || 4 <= X_UA[ 'AOSP' ] || X_UA[ 'ChromeWV' ] || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ) ),\r
+ X_AudioSprite_enableVolume = X_HTMLAudio && ( !X_UA[ 'iOS' ] && !X_UA[ 'AOSP' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ), // TODO fennec は 25以上\r
+ // http://tukumemo.com/html5-audio-sp/\r
+ // iOS6、Android4.1から同時再生が可能になりました。\r
+ X_AudioSprite_maxTracks = X_AudioSprite_useVideoForMulti ? 2 : X_AudioSprite_disableMultiTrack ? 1 : 9,\r
+ X_AudioSprite_lengthSilence = 10000, // 一番最初の無音部分の長さ\r
+ X_AudioSprite_lengthDistance = 5000, // 音間の無音の長さ\r
+ X_AudioSprite_uid = 0,\r
+ X_AudioSprite_TEMP = {\r
presets : {},\r
BGMs : {},\r
tracks : [],\r
bgmPosition : 0,\r
bgmName : '',\r
bgmLooped : false,\r
- bgmPlaying : false\r
+ bgmPlaying : false,\r
+ tmpEvent : null\r
},\r
- X_Audio_Sprite_instance;\r
+ X_AudioSprite,\r
+ X_AudioSprite_numTracks,\r
+ X_AudioSprite_useVideo;\r
\r
-X[ 'Audio' ][ 'Sprite' ] = {\r
+/**\r
+ * {\r
+ * urls : [ 'xx.ogg', 'xx.mp3' ],\r
+ * numTracks : 3,\r
+ * useVideo : false,\r
+ * volume : 1,\r
+ * BGM_01 : [ '15.00', '45.500', true, '17.666', '50.999' ],\r
+ * BGM_02 : [ '56.00', '1:15.230', true ]\r
+ * }\r
+ * \r
+ * X_EVENT_BACKEND_READY\r
+ * X_EVENT_BACKEND_NONE\r
+ * \r
+ * X_EVENT_READY\r
+ * X_EVENT_MEDIA_LOOPED\r
+ * X_EVENT_MEDIA_ENDED\r
+ * \r
+ * @namespace X.AudioSprite\r
+ * @alias X.AudioSprite\r
+ */ \r
+X[ 'AudioSprite' ] = function( setting ){\r
+ var tracks = X_AudioSprite_TEMP.tracks,\r
+ bgms = X_AudioSprite_TEMP.BGMs,\r
+ presets = X_AudioSprite_TEMP.presets,\r
+ urls = setting[ 'urls' ],\r
+ video = setting[ 'useVideo' ],\r
+ n = video ? 1 : setting[ 'numTracks' ] || 1,\r
+ volume = setting[ 'volume' ],\r
+ k, i, v, track;\r
\r
- 'shouldUse' : X_Audio_Sprite_shouldUse,\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
- 'needTouchFirst' : X_Audio_Sprite_needTouchFirst,\r
+ n = n <= X_AudioSprite_maxTracks ? n : X_AudioSprite_maxTracks;\r
\r
- 'enableMultiTrack' : X_Audio_Sprite_enableMultiTrack,\r
+ // TODO\r
+ // Android4.x標準ブラウザ(Chrome系)でブラウザが隠れた場合に音が鳴り続ける問題、ビデオで解決できる？\r
+ //if( X_AudioSprite_needTouchAndroid && n === 1 ){\r
+ // video = true;\r
+ //};\r
\r
- 'create' : function( setting ){\r
- // close()\r
- if( X_Audio_Sprite_instance ){\r
- X_Audio_Sprite_instance.close();\r
- } else {\r
- X_Audio_Sprite_instance = X_Class_override( X_EventDispatcher(), X_Audio_Sprite_members );\r
- X_ViewPort[ 'listen' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE ], X_Audio_Sprite_instance, X_Audio_Sprite_handleEvent );\r
+ for( k in setting ){\r
+ v = setting[ k ];\r
+ if( X_Type_isArray( v ) && v !== urls ){\r
+ v = X_Array_copy( v );\r
+ for( i = v.length; i; ){\r
+ --i;\r
+ if( i !== 2 ) v[ i ] = X_Audio_timeStringToNumber( v[ i ] );\r
+ }; \r
+ if( v[ 2 ] ) bgms[ k ] = v;\r
+ presets[ k ] = v;\r
};\r
- X_Audio_Sprite_instance.setup( setting );\r
- return X_Audio_Sprite_instance;\r
- \r
- }\r
+ };\r
+ \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[ '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[ 'numTracks' ] = n;\r
+\r
+ return X_AudioSprite;\r
};\r
\r
+X[ 'AudioSprite' ][ 'shouldUse' ] = X_AudioSprite_shouldUse;\r
+X[ 'AudioSprite' ][ 'enableMultiTrack' ] = !X_AudioSprite_disableMultiTrack;\r
+\r
// 再生が終わっているもの、終わりかけのものを探す\r
-// TODO 終わりかけのもの、と一番古いもの、どちらを再利用するか？これ以上に細かい実装を望む場合は X.Audio.Sprite は使わず自力で実装\r
-function X_Audio_Sprite_getTrackEnded(){\r
- var tracks = X_Audio_Sprite_TEMP.tracks,\r
- l = tracks.length,\r
+// TODO 終わりかけのもの、と一番古いもの、どちらを再利用するか？これ以上に細かい実装を望む場合は X.AudioSprite は使わず自力で実装\r
+function X_AudioSprite_getTrackEnded(){\r
+ var tracks = X_AudioSprite_TEMP.tracks,\r
+ l = X_AudioSprite_numTracks,\r
i = 0, track, state, last = 1 / 0, _last, index;\r
\r
for( ; i < l; ++i ){\r
track = tracks[ i ];\r
- state = track.state();\r
+ state = track.getState();\r
if( !state.playing ) return track;\r
- if( track === X_Audio_Sprite_TEMP.bgmTrack ) continue;\r
- if( state.currentTime <= X_Audio_Sprite_lengthSilence + X_Audio_Sprite_lengthDistance ) return track;\r
+ if( track === X_AudioSprite_TEMP.bgmTrack ) continue;\r
+ if( state.currentTime <= X_AudioSprite_lengthSilence + X_AudioSprite_lengthDistance ) return track;\r
_last = state.endTime - state.currentTime;\r
if( _last < last ){\r
last = _last;\r
return tracks[ index ];\r
};\r
\r
-/*\r
- * {\r
- * urls : [ 'xx.ogg', 'xx.mp3' ],\r
- * numTracks : 3,\r
- * useVideo : false,\r
- * volume : 1,\r
- * BGM_01 : [ '15.00', '45.500', true, '17.666', '50.999' ],\r
- * BGM_02 : [ '56.00', '1:15.230', true ]\r
- * }\r
- * \r
- * X_EVENT_BACKEND_READY\r
- * X_EVENT_BACKEND_NONE\r
- * \r
- * X_EVENT_READY\r
- * X_EVENT_MEDIA_LOOPED\r
- * X_EVENT_MEDIA_ENDED\r
- * \r
- */\r
-\r
-X_Audio_Sprite_members = {\r
- \r
- setup : function( setting ){\r
- \r
- var tracks = X_Audio_Sprite_TEMP.tracks,\r
- bgms = X_Audio_Sprite_TEMP.BGMs,\r
- presets = X_Audio_Sprite_TEMP.presets,\r
- 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_Audio_Sprite_lengthSilence,\r
- loop : true\r
- },\r
- k, i, v, track;\r
- \r
- n = n <= X_Audio_Sprite_maxTracks ? n : X_Audio_Sprite_maxTracks;\r
- \r
- for( k in setting ){\r
- v = setting[ k ];\r
- if( X_Type_isArray( v ) && v !== urls ){\r
- v = X_Object_cloneArray( v );\r
- for( i = v.length; i; ){\r
- --i;\r
- if( i !== 2 ) v[ i ] = X_AudioWrapper_timeStringToNumber( v[ i ] );\r
- }; \r
- if( v[ 2 ] ) bgms[ k ] = v;\r
- presets[ k ] = v;\r
- };\r
- };\r
- \r
- for( i = 0; i < n; ++i ){\r
- if( video || ( i === 1 && X_Audio_Sprite_useVideoForMulti ) ){\r
- option[ 'useVideo' ] = true;\r
- };\r
- tracks.push( X.Audio( urls, X_Object_clone( option ) ) );\r
- };\r
- \r
- tracks[ n - 1 ][ 'listenOnce' ]( [ X_EVENT_BACKEND_READY, X_EVENT_BACKEND_NONE ], this, X_Audio_Sprite_handleEvent );\r
- \r
- X_Audio_Sprite_instance.numTracks = n;\r
- },\r
- \r
- close : function(){\r
- var tracks = X_Audio_Sprite_TEMP.tracks,\r
- bgms = X_Audio_Sprite_TEMP.BGMs,\r
- presets = X_Audio_Sprite_TEMP.presets,\r
- k;\r
- \r
- while( tracks.length ){\r
- tracks.pop()[ 'kill' ]();\r
- };\r
- \r
- for( k in bgms ){\r
- delete bgms[ k ];\r
- };\r
- for( k in presets ){\r
- delete presets[ k ];\r
- };\r
- \r
- X_Audio_Sprite_TEMP.bgmTrack = null;\r
- X_Audio_Sprite_TEMP.bgmPosition = 0;\r
- X_Audio_Sprite_TEMP.bgmName = '';\r
- X_Audio_Sprite_TEMP.bgmLooped = false;\r
- X_Audio_Sprite_TEMP.bgmPlaying = false;\r
- },\r
- \r
- load : function(){\r
- var tracks = X_Audio_Sprite_TEMP.tracks,\r
- i = 0, l = tracks.length;\r
- for( ; i < l; ++i ){\r
- if( X_UA[ 'WinPhone' ] ){\r
- console.log( 'touch -> play()' );\r
- //tracks[ i ].play( 0, X_Audio_Sprite_lengthSilence, true, 0, X_Audio_Sprite_lengthSilence ).seek( 0 );\r
- this.pause( i );\r
- } else {\r
- X_Audio_getAudioWrapper( tracks[ i ] )[ '_rawObject' ].load();\r
- };\r
- };\r
- },\r
+var X_AudioSprite_members =\r
+/** @lends X.AudioSprite.prototype */\r
+{\r
+ /**\r
+ * @type {number}\r
+ */\r
+ 'numTracks' : 0,\r
\r
- /*\r
- * @return uid Number\r
+ /**\r
+ * 再生\r
+ * @param {string} name トラック名\r
+ * @return {number} uid\r
*/\r
- play : function( name ){\r
- var bgm = X_Audio_Sprite_TEMP.bgmTrack,\r
- tracks = X_Audio_Sprite_TEMP.tracks,\r
- bgms = X_Audio_Sprite_TEMP.BGMs,\r
- presets = X_Audio_Sprite_TEMP.presets,\r
+ 'play' : function( name ){\r
+ var bgm = X_AudioSprite_TEMP.bgmTrack,\r
+ tracks = X_AudioSprite_TEMP.tracks,\r
+ bgms = X_AudioSprite_TEMP.BGMs,\r
+ presets = X_AudioSprite_TEMP.presets,\r
preset = presets[ name ],\r
track, i, k;\r
\r
if( preset ){\r
if( bgms[ name ] ){\r
- if( name !== X_Audio_Sprite_TEMP.bgmName ){\r
+ if( name !== X_AudioSprite_TEMP.bgmName ){\r
// bgm変更\r
- X_Audio_Sprite_TEMP.bgmName = name;\r
- X_Audio_Sprite_TEMP.bgmPosition = preset[ 0 ];\r
- X_Audio_Sprite_TEMP.bgmPlaying = true;\r
- X_Audio_Sprite_TEMP.bgmLooped = false;\r
+ X_AudioSprite_TEMP.bgmName = name;\r
+ X_AudioSprite_TEMP.bgmPosition = preset[ 0 ];\r
+ X_AudioSprite_TEMP.bgmLooped = false;\r
};\r
+ \r
+ X_AudioSprite_TEMP.bgmPlaying = true;\r
+ \r
if( bgm ){\r
track = bgm;\r
} else\r
- if( 1 < tracks.length ){\r
- track = X_Audio_Sprite_TEMP.bgmTrack = X_Audio_Sprite_getTrackEnded();\r
+ if( 1 < X_AudioSprite_numTracks ){\r
+ track = X_AudioSprite_TEMP.bgmTrack = X_AudioSprite_getTrackEnded();\r
} else {\r
- track = X_Audio_Sprite_TEMP.bgmTrack = tracks[ 0 ];\r
+ track = X_AudioSprite_TEMP.bgmTrack = tracks[ 0 ];\r
};\r
\r
- if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent ).isPlaying() ){\r
- track\r
- .state( {\r
- loop : true,\r
- looped : X_Audio_Sprite_TEMP.bgmLooped,\r
- currentTime : X_Audio_Sprite_TEMP.bgmPosition,\r
- startTime : preset[ 0 ],\r
- endTime : preset[ 1 ],\r
- loopStartTime : preset[ 3 ],\r
- loopEndTime : preset[ 4 ]\r
- } );\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
+ 'currentTime' : X_AudioSprite_TEMP.bgmPosition,\r
+ 'startTime' : preset[ 0 ],\r
+ 'endTime' : preset[ 1 ],\r
+ 'loopStartTime' : preset[ 3 ],\r
+ 'loopEndTime' : preset[ 4 ]\r
+ });\r
} else {\r
- track\r
- .state( { looped : X_Audio_Sprite_TEMP.bgmLooped } )\r
- .play( preset[ 0 ], preset[ 1 ], true, preset[ 3 ], preset[ 4 ] )\r
- .seek( X_Audio_Sprite_TEMP.bgmPosition );\r
+ track.setState( { 'looped' : X_AudioSprite_TEMP.bgmLooped } );\r
+ track.play( preset[ 0 ], preset[ 1 ], true, preset[ 3 ], preset[ 4 ] );\r
+ track.seek( X_AudioSprite_TEMP.bgmPosition );\r
};\r
\r
} else {\r
- if( 1 < tracks.length ){\r
- track = X_Audio_Sprite_getTrackEnded( X_Audio_Sprite_TEMP.bgmPlaying );\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_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent )\r
- .state( { looped : false } )\r
- .play( preset[ 0 ], preset[ 1 ], true, 0, X_Audio_Sprite_lengthSilence );\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
// single track, iOS\r
if( bgm ){\r
- X_Audio_Sprite_TEMP.bgmPosition = bgm.currentTime();\r
- console.log( 'bgm position : ' + X_Audio_Sprite_TEMP.bgmPosition + ' isPlay:' + bgm.isPlaying() );\r
- X_Audio_Sprite_TEMP.bgmTrack = null;\r
+ X_AudioSprite_TEMP.bgmPosition = bgm.currentTime();\r
+ //console.log( 'bgm position : ' + X_AudioSprite_TEMP.bgmPosition + ' isPlay:' + bgm.playing );\r
+ X_AudioSprite_TEMP.bgmTrack = null;\r
};\r
track = tracks[ 0 ];\r
\r
- if( track[ 'listen' ]( [ X_EVENT_MEDIA_PLAYING, X_EVENT_MEDIA_BEFORE_LOOP ], this, X_Audio_Sprite_handleEvent ).isPlaying() ){\r
- track\r
- .state( {\r
- loop : true,\r
- looped : false,\r
- startTime : preset[ 0 ],\r
- endTime : preset[ 1 ],\r
- loopStartTime : 0,\r
- loopEndTime : X_Audio_Sprite_lengthSilence\r
- } );\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
+ 'startTime' : preset[ 0 ],\r
+ 'endTime' : preset[ 1 ],\r
+ 'loopStartTime' : 0,\r
+ 'loopEndTime' : X_AudioSprite_lengthSilence\r
+ });\r
} else {\r
- track\r
- .play( preset[ 0 ], preset[ 1 ], true, 0, X_Audio_Sprite_lengthSilence ); \r
+ track.play( preset[ 0 ], preset[ 1 ], true, 0, X_AudioSprite_lengthSilence ); \r
};\r
};\r
};\r
return -1;\r
},\r
\r
- pause : function( uid ){\r
- var track = X_Audio_Sprite_TEMP.tracks[ uid ];\r
- if( X_Audio_Sprite_TEMP.bgmTrack === track ){\r
- X_Audio_Sprite_TEMP.bgmPosition = track.currentTime();\r
- X_Audio_Sprite_TEMP.bgmPlaying = false;\r
- X_Audio_Sprite_TEMP.bgmTrack = null;\r
+ /**\r
+ * ポーズ, uid を指定しない、または '*' で呼び出した場合、全てのトラックを pause する。\r
+ * @param {number} uid=undefined トラックID, '*'\r
+ * @return {AudioSprite}\r
+ */\r
+ 'pause' : function( uid ){\r
+ var tracks = X_AudioSprite_TEMP.tracks,\r
+ i, l, track;\r
+ \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_Audio_Sprite_lengthSilence, true, 0, X_Audio_Sprite_lengthSilence ).seek( 0 );\r
- this[ 'asyncDispatch' ]( X_EVENT_MEDIA_PAUSED );\r
- return this;\r
+ return X_AudioSprite;\r
},\r
\r
- seek : function( uid, position ){\r
- var track = X_Audio_Sprite_TEMP.tracks[ uid ],\r
- end;\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, start;\r
if( track ){\r
delete track.seekTime;\r
- end = X_AudioWrapper_getEndTime( track );\r
- position <= end && X_AudioWrapper_getStartTime( track, end ) <= position && track.seek( postion );\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 this;\r
+ return X_AudioSprite;\r
},\r
\r
- volume : function( uid, opt_volume ){\r
+ /**\r
+ * ボリューム\r
+ * @param {number} uid トラックID\r
+ * @param {number} opt_volume= ボリューム\r
+ * @return {AudioSprite|number}\r
+ */\r
+ 'volume' : function( uid, opt_volume ){\r
var track, i;\r
// TODO uid = 0\r
if( uid === 0 ){\r
if( opt_volume === undefined ){\r
- return X_Audio_Sprite_TEMP.volume;\r
+ return X_AudioSprite_TEMP.volume;\r
};\r
- for( i = X_Audio_Sprite_TEMP.tracks.length; i; ){\r
- X_Audio_Sprite_TEMP.tracks[ --i ].volume( opt_volume );\r
+ for( i = X_AudioSprite_numTracks; i; ){\r
+ X_AudioSprite_TEMP.tracks[ --i ].volume( opt_volume );\r
};\r
- return this;\r
+ return X_AudioSprite;\r
};\r
- track = X_Audio_Sprite_TEMP.tracks[ uid ];\r
+ track = X_AudioSprite_TEMP.tracks[ uid ];\r
if( opt_volume === undefined ){\r
- return track ? track.volume() : -1;\r
+ return track ? track.gain : -1;\r
};\r
track && track.volume( opt_volume );\r
- return this;\r
+ return X_AudioSprite;\r
},\r
\r
- state : function( uid, opt_obj ){\r
- var track = X_Audio_Sprite_TEMP.tracks[ uid ],\r
+ /**\r
+ * 状態の取得・更新\r
+ * @param {number} uid トラックID\r
+ * @param {object} opt_obj= 上書きする状態を書き込んだオブジェクト\r
+ * @return {AudioSprite|object}\r
+ */\r
+ 'state' : function( uid, opt_obj ){\r
+ var track = X_AudioSprite_TEMP.tracks[ uid ],\r
state, start, end;\r
// TODO uid = 0\r
if( opt_obj === undefined ){\r
// TODO pause\r
if( track ){\r
- state = track.state();\r
+ state = track.getState();\r
start = state.startTime;\r
return {\r
- 'currentTime' : state.currentTime - state.startTime,\r
- 'playing' : state.startTime <= state.currentTime && state.currentTime <= state.endTime,\r
- 'duration' : state.endTime - state.startTime,\r
- 'volume' : X_Audio_Sprite_TEMP.volume\r
+ 'currentTime' : state.currentTime - start,\r
+ 'playing' : start <= state.currentTime && state.currentTime <= state.endTime,\r
+ 'duration' : state.endTime - start,\r
+ 'volume' : X_AudioSprite_TEMP.volume\r
};\r
};\r
- return { 'volume' : X_Audio_Sprite_TEMP.volume, 'playing' : false };\r
+ return { 'volume' : X_AudioSprite_TEMP.volume, 'playing' : false };\r
};\r
- track && track.state( opt_obj );\r
- return this;\r
+ track && track.setState( opt_obj );\r
+ return X_AudioSprite;\r
}\r
};\r
\r
-function X_Audio_Sprite_handleEvent( e ){\r
- var i, tracks, track, _e;\r
+function X_AudioSprite_backendHandler( e ){\r
+ var i, backend, option, src, name, last, _e, track;\r
\r
switch( e.type ){\r
case X_EVENT_BACKEND_READY :\r
+ \r
+ backend = X_Audio_BACKENDS[ e[ 'backendID' ] ];\r
+ option = e[ 'option' ];\r
+ \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(\r
+ last = backend.klass( null, e[ 'source' ], option )[ 'listen' ]( X_EVENT_DEBUG, X_AudioSprite_handleEvent ) );\r
+ };\r
+\r
_e = {\r
'type' : X_EVENT_BACKEND_READY,\r
- 'source' : e[ 'source' ],\r
- 'backendName' : e[ 'backendName' ]\r
+ 'source' : src,\r
+ 'backendName' : name\r
};\r
\r
- if( X_Audio_Sprite_needTouchFirst ){\r
- if( e.backendName === 'Web Audio' ){\r
- _e[ 'needTouchForPlay' ] = true;\r
- } else {\r
- _e[ 'needTouchForLoad' ] = true;\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[ 'asyncDispatch' ]( _e );\r
};\r
- this[ 'asyncDispatch' ]( _e );\r
\r
- e.target\r
- [ 'unlisten' ]( X_EVENT_BACKEND_NONE, this, X_Audio_Sprite_handleEvent )\r
- [ 'listenOnce' ]( X_EVENT_READY, this, X_Audio_Sprite_handleEvent );\r
-\r
- // READY, needTouchForPlay, needTouchForLoad\r
- if( X_Audio_HTMLAudioWrapper_durationFix ){\r
- for( i = 0; i < X_Audio_Sprite_TEMP.tracks.length; ++i ){\r
- X_Audio_Sprite_instance.pause( i );\r
- };\r
- };\r
- break;\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
- this[ 'asyncDispatch' ]( X_EVENT_BACKEND_NONE );\r
- e.target[ 'unlisten' ]( X_EVENT_BACKEND_READY, this, X_Audio_Sprite_handleEvent );\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_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
- if( X_Audio_Sprite_needTouchAndroid ){\r
- for( i = 0; i < X_Audio_Sprite_TEMP.tracks.length; ++i ){\r
- X_Audio_Sprite_instance.pause( i );\r
- };\r
- e.target[ 'listenOnce' ]( X_EVENT_MEDIA_PLAYING, this, this.asyncDispatch, [ X_EVENT_READY ] ); // Android 標準ブラウザ\r
- return;\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
- this[ '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
+\r
+function X_AudioSprite_handleEvent( e ){\r
+ var track = e.target, i, tracks, _e, k;\r
+ \r
+ switch( e.type ){\r
case X_EVENT_MEDIA_PLAYING :\r
- ( e.target === X_Audio_Sprite_TEMP.bgmTrack || !e.target.state().looped ) && this[ 'asyncDispatch' ]( X_EVENT_MEDIA_PLAYING );\r
+ case X_EVENT_MEDIA_WAITING :\r
+ case X_EVENT_MEDIA_SEEKING :\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_Audio_Sprite_TEMP.bgmTrack ){\r
- X_Audio_Sprite_TEMP.bgmLooped = true;\r
- this[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid\r
+ if( track === X_AudioSprite_TEMP.bgmTrack ){\r
+ // BGM\r
+ X_AudioSprite_TEMP.bgmLooped = true;\r
+ X_AudioSprite[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid\r
} else {\r
- if( e.target.state().looped ){\r
- //this[ 'asyncDispatch' ]( X_EVENT_MEDIA_LOOPED ); // TODO uid\r
- } else {\r
- this[ '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_Audio_Sprite_TEMP.bgmPlaying && !X_Audio_Sprite_TEMP.bgmTrack ){\r
- X_Audio_Sprite_TEMP.bgmTrack = e.target;\r
- this.play( X_Audio_Sprite_TEMP.bgmName );\r
- return X.Callback.PREVENT_DEFAULT;\r
+ if( X_AudioSprite_TEMP.bgmPlaying && !X_AudioSprite_TEMP.bgmTrack ){\r
+ X_AudioSprite_TEMP.bgmTrack = track;\r
+ X_AudioSprite.play( X_AudioSprite_TEMP.bgmName );\r
+ return X_CALLBACK_PREVENT_DEFAULT;\r
};\r
};\r
break;\r
\r
+ \r
+ case X_EVENT_DEBUG :\r
+ i = X_AudioSprite_TEMP.tracks.indexOf( track );\r
+ if( 0 <= i ){\r
+ e[ 'trackID' ] = i;\r
+ X_AudioSprite[ 'dispatch' ]( e );\r
+ };\r
+ break;\r
+ \r
+ // TODO Android Firefox で アクティブ検出できない！\r
case X_EVENT_VIEW_ACTIVATE :\r
console.log( '■ アクティブ' );\r
// track.play(); or iOS need touch??\r
- tracks = X_Audio_Sprite_TEMP.pauseTracks;\r
- while( tracks.length ) tracks.pop().play();\r
+ tracks = X_AudioSprite_TEMP.pauseTracks;\r
+ while( tracks.length ) tracks.pop().actualPlay();\r
break;\r
\r
case X_EVENT_VIEW_DEACTIVATE :\r
console.log( '■ デアクティブ' );\r
// track.pause();\r
- tracks = X_Audio_Sprite_TEMP.tracks;\r
- i = tracks.length;\r
+ tracks = X_AudioSprite_TEMP.tracks;\r
+ i = X_AudioSprite_numTracks;\r
for( ; i; ){\r
track = tracks[ --i ];\r
- track.isPlaying() && X_Audio_Sprite_TEMP.pauseTracks.push( track.pause() );\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_ViewPort[ 'unlisten' ]( [ X_EVENT_VIEW_ACTIVATE, X_EVENT_VIEW_DEACTIVATE ], this, X_Audio_Sprite_handleEvent );\r
- this.close();\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
+ };\r
+ for( k in X_AudioSprite_TEMP.presets ){\r
+ delete X_AudioSprite_TEMP.presets[ k ];\r
+ };\r
+ \r
+ X_AudioSprite_TEMP.bgmTrack = null;\r
+ X_AudioSprite_TEMP.bgmPosition = 0;\r
+ X_AudioSprite_TEMP.bgmName = '';\r
+ 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_EVENT_UNLOAD ], X_AudioSprite_handleEvent );\r
+ X_AudioSprite = null;\r
break;\r
};\r
};\r
OSDN Git Service
