};\r
};\r
\r
- X_Audio_HTMLAudioWrapper = X.EventDispatcher.inherits(\r
+ X_Audio_HTMLAudioWrapper = X_EventDispatcher[ 'inherits' ](\r
'X.AV.HTML5AudioWrapper',\r
X.Class.POOL_OBJECT,\r
{\r
_src : '',\r
\r
Constructor : function( proxy, source, option ){\r
+ var raw;\r
+ \r
this.proxy = proxy;\r
this._closed = false;\r
\r
X_AudioWrapper_updateStates( this, 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.play();";\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
break;\r
};\r
},\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.proxy[ 'dispatch' ]( X_EVENT_MEDIA_BEFORE_LOOP ) & X_Callback_PREVENT_DEFAULT ) ){\r
this.looped = true;\r
- this.proxy.dispatch( X_Event.MEDIA_LOOPED );\r
+ this.proxy[ 'dispatch' ]( X_EVENT_MEDIA_LOOPED );\r
this.play();\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
+ //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.proxy[ 'dispatch' ]( 'seeking' );\r
+ this.proxy[ '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 = X_Audio_HTMLAudioWrapper_currentTimeFix ? X_Timer_now() - this._playTime + this._beginTime : this[ '_rawObject' ].currentTime * 1000 | 0;\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.proxy[ 'dispatch' ]( X_EVENT_MEDIA_BEFORE_LOOP ) & X_Callback_PREVENT_DEFAULT ) ){\r
this.looped = true;\r
- this.proxy.dispatch( X_Event.MEDIA_LOOPED );\r
+ this.proxy[ 'dispatch' ]( X_EVENT_MEDIA_LOOPED );\r
this.play();\r
};\r
} else {\r
this.pause();\r
- this.proxy.dispatch( X_Event.MEDIA_ENDED );\r
+ this.proxy[ '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
+ this.proxy[ 'asyncDispatch' ]( 'loadedmetadata' );\r
+ this.proxy[ 'asyncDispatch' ]( 'loadeddata' );\r
+ this.proxy[ 'asyncDispatch' ]( 'canplay' );\r
+ this.proxy[ 'asyncDispatch' ]( 'canplaythrough' ); */\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.proxy[ 'dispatch' ]( 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
+ loaded || ( type && this.proxy[ 'dispatch' ]( type ) );\r
},\r
\r
close : function(){\r
delete this._closed;\r
delete this._loaded;\r
\r
- this._rawObject.src = '';\r
- this._rawObject.load();\r
+ this[ '_rawObject' ].src = '';\r
+ this[ '_rawObject' ].load();\r
},\r
\r
play : function(){\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
if( !this.playing ){\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 = this.volume;\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
// [CHROME][FIX] volume\r
_fixForChrome : X_UA[ 'Chrome' ] && function(){\r
- !this._closed && ( this._rawObject.volume = this.volume );\r
+ !this._closed && ( this[ '_rawObject' ].volume = this.volume );\r
},\r
\r
pause : function(){\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
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
+ 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
X_Timer_now() - this._playTime + this._beginTime :\r
- this._rawObject.currentTime * 1000 | 0 ) :\r
+ this[ '_rawObject' ].currentTime * 1000 | 0 ) :\r
this.seekTime,\r
/*\r
http://www.w3schools.com/tags/av_prop_error.asp\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
+ error : this[ '_rawObject' ].error || 0 // 0, 1 ~ 4 \r
}; \r
};\r
\r
\r
} else\r
if( result & 4 ){\r
- this._rawObject.volume = this.volume;\r
+ this[ '_rawObject' ].volume = this.volume;\r
};\r
\r
}\r
console.log( 'HTML Audio ' + ok + ' ext:' + ext );\r
*/\r
\r
- proxy.asyncDispatch( { type : X_Event.COMPLETE, canPlay : X_Audio_codecs[ ext ] } );\r
+ proxy[ 'asyncDispatch' ]( { type : X_EVENT_COMPLETE, canPlay : X_Audio_codecs[ ext ] } );\r
},\r
\r
klass : X_Audio_HTMLAudioWrapper\r
OSDN Git Service
