*/\r
\r
var X_Audio_HTMLAudio_playTrigger =\r
- 6 <= X_UA.iOS ? 'loadeddata' :\r
- X_UA.iOS ? 'suspend' :\r
- X_UA.AndroidBrowser2 ? 'stalled' : // Android 2.3.5(SBM101SH) では stalled は発生しない,,,\r
- X_UA.AndroidBrowser4 ? 'loadeddata' : \r
- X_UA.OperaMobile || X_UA.OperaTablet ? 'loadeddata' : 'canplay',\r
+ 6 <= X_UA[ 'iOS' ] ? 'loadeddata' :\r
+ X_UA[ 'iOS' ] < 5 ? 'stalled' :\r
+ X_UA[ 'iOS' ] ? 'suspend' :\r
+ X_UA[ 'AndroidBrowser2' ] || X_UA[ 'AndroidBrowser3' ] ? 'stalled' : // Android 2.3.5(SBM101SH) では stalled は発生しない,,,\r
+ X_UA[ 'AndroidBrowser4' ] ? 'loadeddata' : \r
+ X_UA[ 'OperaMobile' ] || X_UA[ 'OperaTablet' ] ? 'loadeddata' :\r
+ //X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ? 'canplay' :\r
+ 'loadeddata', //'canplay',\r
X_Audio_HTMLAudioWrapper,\r
- X_Audio_constructor = window.Audio || window.HTMLAudioElement,\r
+ X_Audio_constructor = window[ 'Audio' ] || window.HTMLAudioElement,\r
X_Audio_rawAudio,\r
// Opera Mobile 12 android4.4.4 & 2.3.5 は 2回目以降の currentTime へのセットで currentTime が更新されなくなるため、タイマーを使用する\r
- X_Audio_HTMLAudioWrapper_currentTimeFix = !!X_UA.OperaMobile || !!X_UA.OperaTablet, // || ( X_UA.WinPhone && X_UA.IE9 ),\r
+ X_Audio_HTMLAudioWrapper_currentTimeFix = !!X_UA[ 'OperaMobile' ] || !!X_UA[ 'OperaTablet' ], // || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ),\r
// Android1.6+MobileOpera12では無理っぽい、、、\r
- X_Audio_HTMLAudioWrapper_badOperaAndroid = X_Audio_HTMLAudioWrapper_currentTimeFix && X_UA.Android < 2,\r
+ X_Audio_HTMLAudioWrapper_badOperaAndroid = X_Audio_HTMLAudioWrapper_currentTimeFix && X_UA[ 'Android' ] < 2,\r
\r
// 一方 Desktop の Opera12 は、loadeddata 等では duration が infinity で、再生後の durationchange 時に duration が判明する。\r
// opera12 volume, mute の変更が2度目以降できない\r
// Opera12.17 Win32(XP) portable apps は勝手に再生が始まる、、、その際には timeupdate が発行されない、、、 iframe+image+audio で使わないときは破棄する、とか。\r
// opera11、10.54 WinXP はまとも、、、\r
// X_Audio_Sprite_handleEvent でも使用\r
- X_Audio_HTMLAudioWrapper_ieMobile9Fix = ( X_UA.WinPhone && X_UA.IE9 ),\r
- X_Audio_HTMLAudioWrapper_durationFix = ( !X_Audio_HTMLAudioWrapper_currentTimeFix && 12 <= X_UA.Opera ),\r
+ X_Audio_HTMLAudioWrapper_ieMobile9Fix = ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ),\r
+ X_Audio_HTMLAudioWrapper_durationFix = ( !X_Audio_HTMLAudioWrapper_currentTimeFix && 12 <= X_UA[ 'Opera' ] ),\r
\r
- X_Audio_HTMLAudioWrapper_shortPlayFix = !!X_UA.AndroidBrowser4,\r
+ X_Audio_HTMLAudioWrapper_shortPlayFix = X_UA[ 'AndroidBrowser' ] && X_UA[ 'AndroidWebkit' ] <= 534.3, // Android 4.1.1 でも遭遇\r
\r
X_Audio_codecs;\r
\r
\r
if( X_Audio_rawAudio.canPlayType ){\r
X_Audio_codecs = {\r
- mp3 : X_Audio_rawAudio.canPlayType('audio/mpeg'),\r
- opus : X_Audio_rawAudio.canPlayType('audio/ogg; codecs="opus"'),\r
- ogg : X_Audio_rawAudio.canPlayType('audio/ogg; codecs="vorbis"'),\r
- wav : X_Audio_rawAudio.canPlayType('audio/wav; codecs="1"'),\r
- aac : X_Audio_rawAudio.canPlayType('audio/aac'),\r
- m4a : X_Audio_rawAudio.canPlayType('audio/x-m4a') + X_Audio_rawAudio.canPlayType('audio/m4a') + X_Audio_rawAudio.canPlayType('audio/aac'),\r
- mp4 : X_Audio_rawAudio.canPlayType('audio/x-mp4') + X_Audio_rawAudio.canPlayType('audio/mp4') + X_Audio_rawAudio.canPlayType('audio/aac'),\r
- weba : X_Audio_rawAudio.canPlayType('audio/webm; codecs="vorbis"')\r
+ 'mp3' : X_Audio_rawAudio.canPlayType('audio/mpeg'),\r
+ 'opus' : X_Audio_rawAudio.canPlayType('audio/ogg; codecs="opus"'),\r
+ 'ogg' : X_Audio_rawAudio.canPlayType('audio/ogg; codecs="vorbis"'),\r
+ 'wav' : X_Audio_rawAudio.canPlayType('audio/wav; codecs="1"'),\r
+ 'aac' : X_Audio_rawAudio.canPlayType('audio/aac'),\r
+ 'm4a' : X_Audio_rawAudio.canPlayType('audio/x-m4a') + X_Audio_rawAudio.canPlayType('audio/m4a') + X_Audio_rawAudio.canPlayType('audio/aac'),\r
+ 'mp4' : X_Audio_rawAudio.canPlayType('audio/x-mp4') + X_Audio_rawAudio.canPlayType('audio/mp4') + X_Audio_rawAudio.canPlayType('audio/aac'),\r
+ 'weba' : X_Audio_rawAudio.canPlayType('audio/webm; codecs="vorbis"')\r
};\r
(function( k, v ){\r
for( k in X_Audio_codecs ){\r
} else {\r
// iOS3.2.3\r
X_Audio_codecs = {\r
- mp3 : X_UA.IE || X_UA.Chrome || ( X_UA.Windows && X_UA.Safari ),\r
- ogg : 5 <= X_UA.Gecko || X_UA.Chrome || X_UA.Opera,\r
- wav : X_UA.Gecko || X_UA.Opera || ( X_UA.Windows && X_UA.Safari ),\r
- aac : X_UA.IE || X_UA.WebKit,\r
- m4a : X_UA.IE || X_UA.WebKit,\r
- mp4 : X_UA.IE || X_UA.WebKit,\r
- weba : 2 <= X_UA.Gecko || 10.6 <= X_UA.Opera // firefox4+(Gecko2+)\r
+ 'mp3' : X_UA[ 'IE' ] || X_UA[ 'Chrome' ] || ( X_UA[ 'Windows' ] && X_UA[ 'Safari' ] ),\r
+ 'ogg' : 5 <= X_UA[ 'Gecko' ] || X_UA[ 'Chrome' ] || X_UA[ 'Opera' ] ,\r
+ 'wav' : X_UA[ 'Gecko' ] || X_UA[ 'Opera' ] || ( X_UA[ 'Windows' ] && X_UA[ 'Safari' ] ),\r
+ 'aac' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ],\r
+ 'm4a' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ],\r
+ 'mp4' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ],\r
+ 'weba' : 2 <= X_UA[ 'Gecko' ] || 10.6 <= X_UA[ 'Opera' ] // firefox4+(Gecko2+)\r
};\r
};\r
\r
- X_Audio_HTMLAudioWrapper = X.EventDispatcher.inherits(\r
+ X_Audio_HTMLAudioWrapper = X_Audio_AbstractAudioBackend[ 'inherits' ](\r
'X.AV.HTML5AudioWrapper',\r
- X.Class.POOL_OBJECT,\r
+ X_Class.POOL_OBJECT,\r
{\r
- \r
- proxy : null,\r
- \r
- startTime : 0,\r
- endTime : -1,\r
- loopStartTime : -1,\r
- loopEndTime : -1,\r
- seekTime : -1,\r
- duration : 0,\r
- \r
- playing : false,\r
- error : 0, \r
- loop : false,\r
- looped : false,\r
- autoplay : false,\r
- volume : 0.5,\r
-\r
_playTime : 0,\r
_closed : true,\r
_loaded : false,\r
_lastCurrentTime : 0,\r
_src : '',\r
\r
- Constructor : function( proxy, source, option ){\r
- this.proxy = proxy;\r
+ Constructor : function( target, source, option ){\r
+ var raw;\r
+ \r
+ this.target = target || this;\r
this._closed = false;\r
\r
- X_AudioWrapper_updateStates( this, option );\r
+ this.setState( option );\r
\r
if( option[ 'useVideo' ] ){\r
- this._rawObject = document.createElement( 'video' );\r
- this._rawObject.preload = 'none'; // auto, metadata, none\r
- //this._rawObject.autoplay = false, // no-auto\r
- this._rawObject.loop = false;\r
- this._rawObject.muted = false;\r
- //this._rawObject.crossorigin = option[ 'crossorigin' ] || ''; //crossorigin: "anonymous", X.URL.isSameDomain() で切り替え\r
- this._rawObject.style.cssText = 'position:absolute;bottom:0;left:-50px;width:100px;height:100px;opacity:0;';\r
- this._rawObject.controls = false;\r
- this._rawObject.WebKitPlaysInline = true;\r
- this._rawObject.src = source;\r
- //this._rawObject.onclick = "alert('play');this.play();";\r
- document.body.appendChild( this._rawObject );\r
- //this._rawObject.load();\r
+ this[ '_rawObject' ] = raw = document.createElement( 'video' );\r
+ raw.preload = 'none'; // auto, metadata, none\r
+ //raw.autoplay = false, // no-auto\r
+ raw.loop = false;\r
+ raw.muted = false;\r
+ raw.crossorigin = option[ 'crossorigin' ] || ''; //crossorigin: "anonymous", X.URL.isSameDomain() で切り替え\r
+ raw.style.cssText = 'position:absolute;bottom:0;left:-50px;width:100px;height:100px;opacity:0;';\r
+ raw.controls = false;\r
+ raw.WebKitPlaysInline = true;\r
+ raw.src = source;\r
+ //raw.onclick = "alert('play');this.actualPlay();";\r
+ document.body.appendChild( raw );\r
+ //raw.load();\r
} else {\r
- this._rawObject = X_Audio_rawAudio || new X_Audio_constructor( source );// X_Doc_create( 'audio', { src : source } ).appendToRoot();//( X.X_Node_systemNode );\r
- this._rawObject.autobuffer = false;\r
+ this[ '_rawObject' ] = X_Audio_rawAudio || new X_Audio_constructor( source );\r
+ // X_Doc_create( 'audio', { src : source } )[ 'appendTo' ]( X.Doc.body );\r
+ this[ '_rawObject' ].autobuffer = false;\r
this._src = source;\r
};\r
\r
- this.listen( [\r
+ this[ 'listen' ]( [\r
'loadstart', 'load', 'progress', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'play', 'pause', 'loadedmetadata',\r
'loadeddata', 'waiting', 'playing', 'canplay', 'canplaythrough', 'seeking', 'seeked', 'timeupdate', 'ended',\r
'ratechange', 'durationchange', 'volumechange' ], this.handleEventProxy ); \r
\r
- //document.body.appendChild( this._rawObject );\r
- this._rawObject.autoplay = false;\r
+ //document.body.appendChild( this[ '_rawObject' ] );\r
+ this[ '_rawObject' ].autoplay = false;\r
\r
- if( X_Audio_rawAudio === this._rawObject ){\r
+ if( X_Audio_rawAudio === this[ '_rawObject' ] ){\r
if( X_Audio_HTMLAudioWrapper_badOperaAndroid ){\r
X_Audio_HTMLAudioWrapper_badOperaAndroid && alert( 12 );\r
X_EventDispatcher_toggleAllEvents( this, false );\r
- this._rawObject = new X_Audio_constructor( X_URL_toAbsolutePath( source ) );\r
+ this[ '_rawObject' ] = new X_Audio_constructor( X_URL_toAbsolutePath( source ) );\r
//X_EventDispatcher_toggleAllEvents( this, true );\r
} else {\r
X_Audio_rawAudio.src = source;\r
};\r
\r
- //this._rawObject = new X_Audio_constructor( X_URL_toAbsolutePath( source ) );\r
+ //this[ '_rawObject' ] = new X_Audio_constructor( X_URL_toAbsolutePath( source ) );\r
/*!X_Audio_Sprite_needTouchFirst && */ X_Audio_rawAudio.load(); // 要る?\r
X_Audio_rawAudio = null;\r
};\r
\r
- this.listenOnce( X.Event.KILL_INSTANCE );\r
+ this[ 'listenOnce' ]( X_EVENT_KILL_INSTANCE );\r
},\r
\r
handleEvent : function( e ){\r
switch( e.type ){\r
\r
- case X.Event.KILL_INSTANCE :\r
+ case X_EVENT_KILL_INSTANCE :\r
+ // 【javascript】モバイル向けブラウザでも音を鳴らしたい【WebAudio】\r
+ // http://ingaouhou.com/archives/3633\r
+ // ・使い終わったインスタンスはload()しておくとやや安定\r
+ this.playing && this.actualPause();\r
+ delete this._closed;\r
+ delete this._loaded;\r
+ \r
+ this[ '_rawObject' ].src = '';\r
+ this[ '_rawObject' ].load();\r
+ \r
+ // removeChild for video\r
break;\r
};\r
},\r
\r
X_Audio_HTMLAudioWrapper_badOperaAndroid && alert( e.type );\r
\r
- console.log( e.type );\r
+ X_Audio_HTMLAudioWrapper_ieMobile9Fix && e.type !== 'timeupdate' && console.log( e.type );\r
\r
switch( e.type ){\r
case 'loadstart' : // ブラウザがコンテンツの検索を開始した場合に発生\r
break;\r
case 'progress' : // ブラウザがコンテンツの取得を実行した場合に発生\r
console.log( e.loaded + ' ' + e.total * 100 + '%' );\r
- // iem9 で常に0 this._rawObject.networkState;\r
+ // iem9 で常に0 this[ '_rawObject' ].networkState;\r
// opera Android 12 で buffered.end() へのアクセスはエラー try catch も無効、iem9 は常に end(0) = 0\r
- //console.log( 'buffered.end ' + this._rawObject.buffered && this._rawObject.buffered.end(0) ); \r
+ //console.log( 'buffered.end ' + this[ '_rawObject' ].buffered && this[ '_rawObject' ].buffered.end(0) ); \r
break;\r
\r
case 'canplay' : // 今すぐに再生を再開できるが、バッファリングが不十分でコンテンツを最後まで表示できないと予測している場合に発生\r
if( X_Audio_HTMLAudioWrapper_durationFix && this._playForDuration === 0 ){\r
- //console.log( 'DurationFix開始 - ' + this._rawObject.duration );\r
+ //console.log( 'DurationFix開始 - ' + this[ '_rawObject' ].duration );\r
this._playForDuration = 1;\r
- this._rawObject.play();\r
- this._rawObject.currentTime = this._beginTime / 1000; // 必要！\r
+ this[ '_rawObject' ].play();\r
+ this[ '_rawObject' ].currentTime = this._beginTime / 1000; // 必要！\r
return;\r
};\r
case 'loadedmetadata' : // ブラウザがメディアリソースの長さと寸法を判定した場合に発生\r
case 'loadeddata' : // コンテンツの表示を現在の再生位置で初めて行えるようになった場合に発生\r
case 'canplaythrough' : // 今すぐに再生を開始してもバッファリングで停止することなく最後まで表示できると予測している場合に発生\r
if( X_Audio_HTMLAudioWrapper_durationFix && this._playForDuration !== 2 ) return;\r
- this.duration = this.duration || this._rawObject.duration * 1000;\r
+ this.duration = this.duration || this[ '_rawObject' ].duration * 1000;\r
break;\r
\r
case 'stalled' : // ブラウザがコンテンツの取得を試みたが、データがまだ用意されていない場合に発生\r
break;\r
\r
case 'error' : // コンテンツの取得実行中にエラーが発生した場合に発生\r
- type = X.Event.ERROR;\r
+ type = X_EVENT_ERROR;\r
break;\r
\r
case 'playing' : // 再生が開始された場合に発生\r
if( X_Audio_HTMLAudioWrapper_currentTimeFix ){\r
this._playTime = X_Timer_now();\r
};\r
- type = X.Event.MEDIA_PLAYING;\r
+ type = X_EVENT_MEDIA_PLAYING;\r
case 'play' : // 再生が開始された。play()メソッドからの復帰後に発生する場合に発生\r
case 'pause' : // 再生が一時停止された。pauseメソッドからの復帰後に発生する場合に発生\r
case 'seeked' : // シークがfalseに変化した場合に発生\r
break;\r
\r
case 'waiting' : // 次のフレームが利用不可のため再生を停止したが、そのフレームがやがて利用可能になると想定している場合に発生\r
- type = X.Event.MEDIA_WAITING;\r
+ type = X_EVENT_MEDIA_WAITING;\r
case 'seeking' : // シークがtrueに変化し、イベントを発生させるのに十分な時間がシーク操作にかかっている場合に発生\r
- type = type || X.Event.MEDIA_SEEKING;\r
+ type = type || X_EVENT_MEDIA_SEEKING;\r
if( this._playForDuration === 1 ) return;\r
break;\r
\r
case 'ended' :\r
- if( !this._closed && this.loop ){\r
- if( !( this.proxy.dispatch( X.Event.MEDIA_BEFORE_LOOP ) & X.Callback.PREVENT_DEFAULT ) ){\r
+ if( !this._closed && this.autoLoop ){\r
+ if( !( this.target[ 'dispatch' ]( X_EVENT_MEDIA_BEFORE_LOOP ) & X_Callback_PREVENT_DEFAULT ) ){\r
this.looped = true;\r
- this.proxy.dispatch( X.Event.MEDIA_LOOPED );\r
- this.play();\r
+ this.target[ 'dispatch' ]( X_EVENT_MEDIA_LOOPED );\r
+ this.actualPlay();\r
};\r
return;\r
};\r
- type = X.Event.MEDIA_ENDED;\r
+ type = X_EVENT_MEDIA_ENDED;\r
this.seekTime = 0;\r
delete this.playing;\r
break;\r
case 'timeupdate' : // 通常の再生が行われ現在の再生位置の変化が起こった場合に発生\r
if( X_Audio_HTMLAudioWrapper_ieMobile9Fix ){\r
if( this._playForDuration === 1 ){\r
- console.log( 'tu ' + this._rawObject.duration );\r
- if( !this.duration && X.Type.isFinite( this._rawObject.duration ) ){\r
- this.duration = this.duration || this._rawObject.duration * 1000;\r
+ console.log( 'tu ' + this[ '_rawObject' ].duration );\r
+ if( !this.duration && X_Type_isFinite( this[ '_rawObject' ].duration ) ){\r
+ this.duration = this.duration || this[ '_rawObject' ].duration * 1000;\r
this._playForDuration = 2;\r
- \r
- //this.proxy.asyncDispatch( 'loadedmetadata' );\r
- //this.proxy.asyncDispatch( 'loadeddata' );\r
- //this.proxy.asyncDispatch( 'canplay' );\r
- //this.proxy.asyncDispatch( 'canplaythrough' );\r
loaded = true;\r
//console.log( 'durationFix が完了' + this.duration );\r
break;\r
} else {\r
- this._rawObject.currentTime = this._beginTime / 1000; // 必要！\r
+ this[ '_rawObject' ].currentTime = this._beginTime / 1000; // 必要！\r
return;\r
};\r
} else\r
- if( this._rawObject.currentTime === this._lastCurrentTime ){\r
- //this.proxy.dispatch( 'seeking' );\r
- this.proxy.dispatch( X.Event.MEDIA_WAITING );\r
+ if( this[ '_rawObject' ].currentTime === this._lastCurrentTime ){\r
+ //this.target[ 'dispatch' ]( 'seeking' );\r
+ this.target[ 'dispatch' ]( X_EVENT_MEDIA_WAITING );\r
return;\r
};\r
- this._lastCurrentTime = this._rawObject.currentTime;\r
+ this._lastCurrentTime = this[ '_rawObject' ].currentTime;\r
};\r
- this.duration = this.duration || this._rawObject.duration * 1000;\r
+ this.duration = this.duration || this[ '_rawObject' ].duration * 1000;\r
\r
if( this.playing ){\r
end = X_AudioWrapper_getEndTime( this );\r
- now = X_Audio_HTMLAudioWrapper_currentTimeFix ? X_Timer_now() - this._playTime + this._beginTime : this._rawObject.currentTime * 1000 | 0;\r
+ now = this.getActualCurrentTime();\r
+ console.log( end + ' / ' + now );\r
if( 0 + end <= 0 + now ){ // なぜか iem9 で必要,,,\r
- if( this.loop ){\r
- if( !( this.proxy.dispatch( X.Event.MEDIA_BEFORE_LOOP ) & X.Callback.PREVENT_DEFAULT ) ){\r
+ if( this.autoLoop ){\r
+ if( !( this.target[ 'dispatch' ]( X_EVENT_MEDIA_BEFORE_LOOP ) & X_Callback_PREVENT_DEFAULT ) ){\r
this.looped = true;\r
- this.proxy.dispatch( X.Event.MEDIA_LOOPED );\r
- this.play();\r
+ this.target[ 'dispatch' ]( X_EVENT_MEDIA_LOOPED );\r
+ this.actualPlay();\r
};\r
} else {\r
- this.pause();\r
- this.proxy.dispatch( X.Event.MEDIA_ENDED );\r
+ this.actualPause();\r
+ this.target[ 'dispatch' ]( X_EVENT_MEDIA_ENDED );\r
};\r
return;\r
};\r
} else {\r
return;\r
};\r
- type = X.Event.MEDIA_PLAYING;\r
+ type = X_EVENT_MEDIA_PLAYING;\r
break;\r
\r
case 'durationchange' : // duration属性が更新された場合に発生\r
\r
if( !X_Audio_HTMLAudioWrapper_durationFix ){\r
- this.duration = this._rawObject.duration * 1000;\r
+ this.duration = this[ '_rawObject' ].duration * 1000;\r
} else\r
// Desktop Opera では Infinity, IEM9 では NaN\r
- if( !this.duration && X.Type.isFinite( this._rawObject.duration ) ){\r
+ if( !this.duration && X_Type_isFinite( this[ '_rawObject' ].duration ) ){\r
\r
- //console.log( this._rawObject.duration );\r
+ //console.log( this[ '_rawObject' ].duration );\r
\r
- this.duration = this._rawObject.duration * 1000;\r
+ this.duration = this[ '_rawObject' ].duration * 1000;\r
\r
if( this._playForDuration === 0 ) this._playForDuration = 2;\r
\r
console.log( 'Loaded ' + this._loaded );\r
\r
if( this._loaded ){\r
- this._rawObject.currentTime = this._beginTime / 1000;\r
+ this[ '_rawObject' ].currentTime = this._beginTime / 1000;\r
console.log( '設定 ' + this._beginTime );\r
return;\r
};\r
- \r
- /*\r
- this.proxy.asyncDispatch( 'loadedmetadata' );\r
- this.proxy.asyncDispatch( 'loadeddata' );\r
- this.proxy.asyncDispatch( 'canplay' );\r
- this.proxy.asyncDispatch( 'canplaythrough' ); */\r
- \r
- \r
+\r
loaded = true;\r
console.log( 'durationFix が完了' + this.duration );\r
\r
if( this.autoplay ){\r
- this._rawObject.currentTime = this._beginTime / 1000; \r
+ this[ '_rawObject' ].currentTime = this._beginTime / 1000; \r
} else {\r
// Opera12.17 WinXP で勝手に再生される不具合\r
// これで一応再生は止まる、、、\r
- this._rawObject.src = '';\r
- //this._rawObject.load(); \r
+ this[ '_rawObject' ].src = '';\r
+ //this[ '_rawObject' ].load(); \r
};\r
};\r
\r
\r
\r
if( !this._loaded && ( loaded || e.type === X_Audio_HTMLAudio_playTrigger || e.type === 'loadeddata' ) ){\r
- this.autoplay && X.Timer.once( 16, this, this.play );\r
+ this.autoplay && X_Timer_once( 16, this, this.play );\r
this._loaded = true;\r
- this.proxy.dispatch( X.Event.READY );\r
+ this.target[ 'asyncDispatch' ]( X_EVENT_READY );\r
console.log( 'Loaded! ' + e.type + ' d:' + ( this.duration | 0 ) );\r
return;\r
};\r
\r
- loaded || ( type && this.proxy.dispatch( type ) );\r
- },\r
- \r
- close : function(){\r
- // 【javascript】モバイル向けブラウザでも音を鳴らしたい【WebAudio】\r
- // http://ingaouhou.com/archives/3633\r
- // ・使い終わったインスタンスはload()しておくとやや安定\r
- this.playing && this.pause();\r
- delete this._closed;\r
- delete this._loaded;\r
- \r
- this._rawObject.src = '';\r
- this._rawObject.load();\r
+ if( !loaded && type ){\r
+ this.target[ 'dispatch' ]( type );\r
+ type === X_EVENT_ERROR && this[ 'kill' ]();\r
+ };\r
},\r
- \r
- play : function(){\r
+\r
+ actualPlay : function(){\r
var begin, end;\r
\r
// もし kill 後に autoplayTimer で呼ばれても、_closed==true なので平気\r
if( this._closed ) return;\r
- if( !this._loaded /* && !X_Audio_Sprite_inTouchAction */ ){\r
+ if( !this._loaded && !X_Audio_HTMLAudioWrapper_ieMobile9Fix /* && !X_Audio_Sprite_inTouchAction */ ){\r
this.autoplay = true;\r
return;\r
};\r
-\r
+ \r
if( X_Audio_HTMLAudioWrapper_ieMobile9Fix && this._playForDuration === 0 ){\r
- console.log( 'DurationFix開始 - ' + this._rawObject.duration );\r
+ console.log( 'DurationFix開始 - ' + this[ '_rawObject' ].duration );\r
this._playForDuration = 1;\r
};\r
\r
begin = begin < 0 ? 0 : begin;\r
};\r
\r
- if( !this._rawObject.src ){\r
+ if( !this[ '_rawObject' ].src ){\r
this._beginTime = begin;\r
- this._rawObject.src = this._src;\r
+ this[ '_rawObject' ].src = this._src;\r
delete this._playForDuration;\r
};\r
\r
- \r
if( !this.playing ){\r
- if( X_UA.Chrome ){ // [CHROME][FIX] volume TODO どの version で 修正される？\r
+ if( X_UA[ 'Chrome' ] ){ // [CHROME][FIX] volume TODO どの version で 修正される？\r
// [!] delay\r
- X.Timer.once( 0, this, this._fixForChrome );\r
- this._rawObject.volume = 0;\r
+ X_Timer_once( 0, this, this._fixForChrome );\r
+ this[ '_rawObject' ].volume = 0;\r
} else {\r
- this._rawObject.volume = this.volume;\r
+ this[ '_rawObject' ].volume = X_Audio_HTMLAudioWrapper_ieMobile9Fix ? 1 : this.gain;\r
};\r
- this._rawObject.play();\r
+ this[ '_rawObject' ].play();\r
this.playing = true;\r
};\r
//http://himaxoff.blog111.fc2.com/blog-entry-97.html\r
//Firefox3.6では一度も play() していない状態で currentTime = 0 を実行するとエラーになる。\r
//また、GoogleChrome7 では currentTime = 0 直後に play() すると、pause()した位置前後の音が混ざることがある。(少なくとも自分の環境では)\r
- this._rawObject.currentTime = this._lastCurrentTime = begin / 1000;\r
+ this[ '_rawObject' ].currentTime = this._lastCurrentTime = begin / 1000;\r
\r
console.log( '[HTMLAudio] play ' + begin + ' -> ' + end );\r
\r
},\r
\r
// [CHROME][FIX] volume\r
- _fixForChrome : X_UA.Chrome && function(){\r
- !this._closed && ( this._rawObject.volume = this.volume );\r
+ _fixForChrome : X_UA[ 'Chrome' ] && function(){\r
+ !this._closed && ( this[ '_rawObject' ].volume = this.gain );\r
},\r
\r
- pause : function(){\r
+ actualPause : function(){\r
if( !this.playing ) return;\r
\r
- this.seekTime = this.state().currentTime;\r
+ this.seekTime = this.getActualCurrentTime();\r
\r
delete this._playTime;\r
\r
- !this._rawObject.error && this._rawObject.pause();\r
+ !this[ '_rawObject' ].error && this[ '_rawObject' ].pause();\r
\r
if( X_Audio_HTMLAudioWrapper_durationFix ){\r
- this._rawObject.src = '';\r
+ this[ '_rawObject' ].src = '';\r
// load();\r
};\r
delete this.playing;\r
},\r
- \r
- state : function( obj ){\r
- var result;\r
- \r
- if( obj === undefined ){\r
- return {\r
- startTime : this.startTime,\r
- endTime : this.endTime < 0 ? this.duration : this.endTime,\r
- loopStartTime : this.loopStartTime < 0 ? this.startTime : this.loopStartTime,\r
- loopEndTime : this.loopEndTime < 0 ? ( this.endTime || this.duration ) : this.loopEndTime,\r
- \r
- loop : this.loop,\r
- looped : this.looped,\r
- volume : this.volume,\r
- playing : this.playing, // && !this._rawObject.error && !this._rawObject.paused && !this._rawObject.ended, \r
- duration : this.duration,\r
- \r
- currentTime :\r
- this.playing ?\r
- ( X_Audio_HTMLAudioWrapper_currentTimeFix ?\r
+ \r
+ getActualCurrentTime : function(){\r
+ return ( X_Audio_HTMLAudioWrapper_currentTimeFix ?\r
X_Timer_now() - this._playTime + this._beginTime :\r
- this._rawObject.currentTime * 1000 | 0 ) :\r
- this.seekTime,\r
- /*\r
- http://www.w3schools.com/tags/av_prop_error.asp\r
- 1 = MEDIA_ERR_ABORTED - fetching process aborted by user\r
- 2 = MEDIA_ERR_NETWORK - error occurred when downloading\r
- 3 = MEDIA_ERR_DECODE - error occurred when decoding\r
- 4 = MEDIA_ERR_SRC_NOT_SUPPORTED - audio/video not supported\r
- */\r
- error : this._rawObject.error || 0 // 0, 1 ~ 4 \r
- }; \r
- };\r
+ this[ '_rawObject' ].currentTime * 1000 | 0 );\r
+ },\r
+ /*\r
+ http://www.w3schools.com/tags/av_prop_error.asp\r
+ 1 = MEDIA_ERR_ABORTED - fetching process aborted by user\r
+ 2 = MEDIA_ERR_NETWORK - error occurred when downloading\r
+ 3 = MEDIA_ERR_DECODE - error occurred when decoding\r
+ 4 = MEDIA_ERR_SRC_NOT_SUPPORTED - audio/video not supported\r
+ */ \r
+ getActualError : function(){\r
+ return this[ '_rawObject' ].error || 0;\r
+ },\r
\r
- result = X_AudioWrapper_updateStates( this, obj );\r
- \r
- if( result & 2 ){ // seek\r
- this.play();\r
- //} else\r
- //if( result & 1 ){\r
- //if( X_Audio_HTMLAudioWrapper_currentTimeFix ){\r
- // this.play(); \r
- //};\r
-\r
+ afterUpdateState : function( result ){\r
+ if( result & 3 ){ // seek\r
+ this.actualPlay();\r
} else\r
if( result & 4 ){\r
- this._rawObject.volume = this.volume;\r
- };\r
- \r
+ this[ '_rawObject' ].volume = X_Audio_HTMLAudioWrapper_ieMobile9Fix ? 1 : this.gain;\r
+ }; \r
}\r
\r
}\r
var ok, mineType = 'audio/' + ext;\r
switch( ext ){\r
case 'mp3' :\r
- ok = X_UA.IE || X_UA.Chrome || ( X_UA.Windows && X_UA.Safari );\r
+ ok = X_UA[ 'IE' ] || X_UA[ 'Chrome' ] || ( X_UA[ 'Windows' ] && X_UA[ 'Safari' ] );\r
mineType = 'audio/mpeg';\r
- //if( X_UA.Android && X_UA.Gecko ) mineType = '';\r
+ //if( X_UA[ 'Android' ] && X_UA[ 'Gecko' ] ) mineType = '';\r
break;\r
case 'ogg' :\r
- ok = 15 <= X_UA.Gecko || X_UA.Chrome || X_UA.Opera;\r
- if( X_UA.AndroidBrowser ) mineType = '';\r
+ ok = 15 <= X_UA[ 'Gecko' ] || X_UA[ 'Chrome' ] || X_UA[ 'Opera' ] ;\r
+ if( X_UA[ 'AndroidBrowser' ] ) mineType = '';\r
break;\r
case 'm4a' :\r
- ok = X_UA.IE || X_UA.WebKit;\r
+ ok = X_UA[ 'IE' ] || X_UA[ 'WebKit' ];\r
mineType = 'audio/mp4';\r
break;\r
case 'webm' :\r
- ok = 2 <= X_UA.Gecko || 10.6 <= X_UA.Opera; // firefox4+(Gecko2+)\r
+ ok = 2 <= X_UA[ 'Gecko' ] || 10.6 <= X_UA[ 'Opera' ] ; // firefox4+(Gecko2+)\r
break;\r
case 'wav' :\r
- ok = X_UA.Gecko || X_UA.Opera || ( X_UA.Windows && X_UA.Safari );\r
+ ok = X_UA[ 'Gecko' ] || X_UA[ 'Opera' ] || ( X_UA[ 'Windows' ] && X_UA[ 'Safari' ] );\r
//mineType = 'audio/wav'; // audio/x-wav ?\r
break;\r
default :\r
//console.log( 'HTML Audio ' + ok + ' ext:' + ext );\r
};\r
console.log( 'HTML Audio ' + ok + ' ext:' + ext );\r
- proxy.asyncDispatch( ok ? X_Audio_CAN_PLAY : X_Audio_NOT_PLAY ); */\r
+ */\r
\r
- proxy.asyncDispatch( X_Audio_codecs[ ext ] ? X_Audio_CAN_PLAY : X_Audio_NOT_PLAY );\r
+ proxy[ 'asyncDispatch' ]( { type : X_EVENT_COMPLETE, canPlay : X_Audio_codecs[ ext ] } );\r
},\r
\r
klass : X_Audio_HTMLAudioWrapper\r
OSDN Git Service
