From a3d03e96ad8c0392ef683eb6c64421e094b96958 Mon Sep 17 00:00:00 2001 From: itozyun Date: Tue, 6 Oct 2015 07:31:06 +0900 Subject: [PATCH] Version 0.6.175, fix X.UA & X.WebAudio. --- 0.6.x/js/01_core/02_XUA.js | 93 +++++++------- 0.6.x/js/01_core/16_XTimer.js | 1 + 0.6.x/js/07_audio/00_XAudio.js | 57 +++++---- 0.6.x/js/07_audio/01_XWebAudio.js | 196 +++++++++++++++++++++--------- 0.6.x/js/07_audio/02_XHTMLAudio.js | 142 +++++++--------------- 0.6.x/js/07_audio/03_XSilverlightAudio.js | 46 ++++--- 6 files changed, 287 insertions(+), 248 deletions(-) diff --git a/0.6.x/js/01_core/02_XUA.js b/0.6.x/js/01_core/02_XUA.js index 8302b97..426b486 100644 --- a/0.6.x/js/01_core/02_XUA.js +++ b/0.6.x/js/01_core/02_XUA.js @@ -543,44 +543,37 @@ var X_UA = X[ 'UA' ] = {}, if( ( dua.indexOf( 'Linux; U; Android ' ) !== -1 || dua.indexOf( 'Linux; Android ' ) !== -1 ) && ( dua.indexOf( 'Chrome\/' ) === -1 || dua.indexOf( 'Version\/' ) !== -1 ) ){ // Chrome/ を含まない または Version/ を含む - /** - * Android 標準ブラウザ - * @alias X.UA.AndroidBrowser - * @type {number} - */ - X_UA[ 'AndroidBrowser' ] = X_UA[ 'Android' ]; - - v = X_UA[ 'AndroidMajor' ]; - - /** - * @alias X.UA.AndroidBrowser1 - * @type {boolean} - */ - X_UA[ 'AndroidBrowser1' ] = v === 1; - /** - * @alias X.UA.AndroidBrowser2 - * @type {boolean} - */ - X_UA[ 'AndroidBrowser2' ] = v === 2; - /** - * @alias X.UA.AndroidBrowser3 - * @type {boolean} - */ - X_UA[ 'AndroidBrowser3' ] = v === 3; - /** - * @alias X.UA.AndroidBrowser4 - * @type {boolean} - */ - X_UA[ 'AndroidBrowser4' ] = v === 4; - /** - * @alias X.UA.AndroidBrowser5 - * @type {boolean} - */ - X_UA[ 'AndroidBrowser5' ] = v === 5; - console.log( '>> AndroidBrowser : ' + X_UA[ 'Android' ] ); + /* if( window.chrome ){ // Android3.1 のAOSPブラウザで .chrome がいた、、、 + //X_UA[ 'Blink' ] = X_UA[ 'ChromeWK' ] = tv; + } else */ + if( dua.indexOf( 'Version\/' ) === -1 && ( v = parseFloat( dua.split( 'Chrome\/' )[ 1 ] ) ) ){ + /** + * Android 標準ブラウザ Chrome Webkit ラップブラウザ + * @alias X.UA.ChromeWK + * @type {number} + */ + X_UA[ 'ChromeWK' ] = v; + } else + // http://uupaa.hatenablog.com/entry/2014/04/15/163346 + // Chrome WebView は Android 4.4 の時点では WebGL や WebAudio など一部の機能が利用できません(can i use)。 + // また UserAgent が書き換え可能なため、旧来のAOSPブラウザの UserAgent を偽装した形で配布されているケースがあります。 + // http://caniuse.com/#compare=chrome+40,android+4.2-4.3,android+4.4,android+4.4.3-4.4.4,and_chr+45 + // CustomElement の有無で判定 + if( document[ 'registerElement' ] ){ + // UA が偽装された ChromeWK + X_UA[ 'ChromeWK' ] = tv; + alert( 'UA が偽装された Chrome Webkit' ); + } else { + /** + * Android 標準ブラウザ AOSP + * @alias X.UA.AOSP + * @type {number} + */ + X_UA[ 'AOSP' ] = X_UA[ 'Android' ]; + }; - i = parseFloat(dua.split('WebKit\/')[1]); + i = parseFloat( dua.split( 'WebKit\/' )[ 1 ] ); /** * @alias X.UA.AndroidWebkit * @type {number} @@ -588,26 +581,28 @@ var X_UA = X[ 'UA' ] = {}, X_UA[ 'AndroidWebkit' ] = i; //alert( 'AudioSprite調査:Android標準ブラウザ Webkit Version ' + i ); - if( window.chrome ){ - //X_UA[ 'Blink' ] = X_UA[ 'AndroidChromeBrowser' ] = tv; - } else - if( v = parseFloat(dua.split('Chrome\/')[1]) ){ - X_UA[ 'Chrome' ] = X_UA[ 'AndroidChromeBrowser' ] = v; - }; - - //if( window[ 'webkitRequestFileSystem' ] ) alert( 'requestFileSystem' ); - - //alert( 'html.style.WebkitAppearance:' + ( document.documentElement.style[ 'WebkitAppearance' ] === undefined ) + ' win.chrome:' + !!( window.chrome ) ); - + /* + * http://www.flexfirm.jp/blog/article/402 + * Sブラウザ + * SC-04E、SC-01F、SC-02F、 SC-04F、SCL22、SCL23など + */ } else // TODO Blink - if( window.chrome ){ // Android3.1 の標準ブラウザで .chrome がいた、、、 + if( window.chrome ){ /** * @alias X.UA.Blink * @type {number} */ - X_UA[ 'Blink' ] = tv; + X_UA[ 'Blink' ] = parseFloat( dua.split( 'Chrome/' )[ 1 ] ); + + if( v = parseFloat( dua.split( 'OPR/' )[ 1 ] ) ){ + /** + * @alias X.UA.BlinkOpera + * @type {number} + */ + X_UA[ 'BlinkOpera' ] = v; + }; console.log( '>>Blink : ' + X_UA[ 'Blink' ] ); } else diff --git a/0.6.x/js/01_core/16_XTimer.js b/0.6.x/js/01_core/16_XTimer.js index 6069036..681d5f8 100644 --- a/0.6.x/js/01_core/16_XTimer.js +++ b/0.6.x/js/01_core/16_XTimer.js @@ -58,6 +58,7 @@ var false, X_Timer_CANCEL_ANIME_FRAME = + window.cancelAnimationFrame || window.cancelRequestAnimationFrame || window.webkitCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || diff --git a/0.6.x/js/07_audio/00_XAudio.js b/0.6.x/js/07_audio/00_XAudio.js index 584755e..33faebf 100644 --- a/0.6.x/js/07_audio/00_XAudio.js +++ b/0.6.x/js/07_audio/00_XAudio.js @@ -1,7 +1,7 @@  /* WebAudio : 1, - HTML5 : 2, + HTMLAudio : 2, Flash : 3, Silverlight : 4, Unity : 5, @@ -15,9 +15,12 @@ var X_Audio_BACKENDS = []; // Array. X_TEMP.onSystemReady.push( function(){ var canPlay = X[ 'Audio' ][ 'canPlay' ] = {}, - i = X_Audio_BACKENDS.length; + i = X_Audio_BACKENDS.length, + be; for( ; i; ){ - X_Object_override( canPlay, X_Audio_BACKENDS[ --i ].canPlay ); + be = X_Audio_BACKENDS[ --i ]; + X_Object_override( canPlay, be.canPlay ); + X[ 'Audio' ][ be.backendName ] = be.backendID; }; }); @@ -42,8 +45,8 @@ X_TEMP.onSystemReady.push( *
X.Event.MEDIA_LOOPED
ループ時に発生 *
X.Event.MEDIA_ENDED
再生位置の(音声の)最後についた *
X.Event.MEDIA_PAUSED
ポーズした - *
X.Event.MEDIA_WAITING
再生中に音声が待機状態に。間もなく X.Event.MEDIA_PLAYING に移行。 - *
X.Event.MEDIA_SEEKING
シーク中に音声が待機状態に。間もなく X.Event.MEDIA_PLAYING に移行。 + *
X.Event.MEDIA_WAITING
再生中に音声が待機状態に。 + *
X.Event.MEDIA_SEEKING
シーク中に音声が待機状態に。 * * * @alias X.Audio @@ -246,26 +249,25 @@ function X_Audio_onEndedDetection( e, xaudio, sourceList, option, source, ext, s -var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( - 'X.AbstractAudioBackend', +var X_AudioBase = X_EventDispatcher[ 'inherits' ]( + 'X.AudioBase', X_Class.ABSTRACT, { + url : '', // + target : null, // - url : '', - target : null, - - startTime : 0, - endTime : -1, + startTime : 0, // + endTime : -1, // loopStartTime : -1, loopEndTime : -1, seekTime : -1, - duration : 0, + duration : 0, // playing : false, - error : 0, + error : 0, // autoLoop : false, looped : false, - autoplay : false, + autoplay : false,// gain : 0.5, play : function( startTime, endTime, loop, loopStartTime, loopEndTime ){ @@ -280,17 +282,20 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( 'loopEndTime' : loopEndTime } ); }; + // canPlay() : autoplay = true this.actualPlay(); }, seek : function( seekTime ){ - if( seekTime < X_AudioWrapper_getEndTime( this ) ){ + if( seekTime < X_Audio_getEndTime( this ) ){ this.setState( { 'currentTime' : seekTime } ); }; }, pause : function(){ this.playing && this.actualPause(); + // delete this.autoplay + // delete this.playing }, loop : function( v ){ @@ -341,7 +346,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( v = obj[ k ]; switch( k ){ case 'currentTime' : - v = X_AudioWrapper_timeStringToNumber( v ); + v = X_Audio_timeStringToNumber( v ); if( X_Type_isNumber( v ) ){ if( playing ){ if( this.getActualCurrentTime() !== v ){ @@ -357,7 +362,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( break; case 'startTime' : - v = X_AudioWrapper_timeStringToNumber( v ); + v = X_Audio_timeStringToNumber( v ); if( v || v === 0 ){ if( this.startTime !== v ){ this.startTime = v; @@ -368,7 +373,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( break; case 'endTime' : - v = X_AudioWrapper_timeStringToNumber( v ); + v = X_Audio_timeStringToNumber( v ); if( v || v === 0 ){ if( this.endTime !== v ){ this.endTime = v; @@ -381,7 +386,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( break; case 'loopStartTime' : - v = X_AudioWrapper_timeStringToNumber( v ); + v = X_Audio_timeStringToNumber( v ); if( v || v === 0 ){ if( this.loopStartTime !== v ){ this.loopStartTime = v; @@ -392,7 +397,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( break; case 'loopEndTime' : - v = X_AudioWrapper_timeStringToNumber( v ); + v = X_Audio_timeStringToNumber( v ); if( v || v === 0 ){ if( this.loopEndTime !== v ){ this.loopEndTime = v; @@ -442,7 +447,7 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( if( this.endTime < this.startTime || ( this.loopEndTime < 0 ? this.endTime : this.loopEndTime ) < ( this.loopStartTime < 0 ? this.startTime : this.loopStartTime ) || - X_AudioWrapper_getEndTime( this ) < this.seekTime// || + X_Audio_getEndTime( this ) < this.seekTime// || //this.duration < this.endTime ){ console.log( 'setState 0:' + this.startTime + ' -> ' + this.endTime + ' looped:' + this.looped + ' 1:' + this.loopStartTime + ' -> ' + this.loopEndTime ); @@ -450,14 +455,14 @@ var X_Audio_AbstractAudioBackend = X_EventDispatcher[ 'inherits' ]( }; v = end + seek + volume; - return v && this.afterUpdateState( v ); + return v && this.playing && this.afterUpdateState( v ); } } ); -function X_AudioWrapper_timeStringToNumber( time ){ +function X_Audio_timeStringToNumber( time ){ var ary, ms, s = 0, m = 0, h = 0; if( X_Type_isNumber( time ) ) return time; if( !X_Type_isString( time ) || !time.length ) return; @@ -493,7 +498,7 @@ function X_AudioWrapper_timeStringToNumber( time ){ return ms < 0 ? 0 : ms; }; -function X_AudioWrapper_getStartTime( audioWrapper, endTime, delSeekTime ){ +function X_Audio_getStartTime( audioWrapper, endTime, delSeekTime ){ var seek = audioWrapper.seekTime; if( delSeekTime ) delete audioWrapper.seekTime; @@ -512,7 +517,7 @@ function X_AudioWrapper_getStartTime( audioWrapper, endTime, delSeekTime ){ return audioWrapper.startTime; }; -function X_AudioWrapper_getEndTime( audioWrapper ){ +function X_Audio_getEndTime( audioWrapper ){ var duration = audioWrapper.duration; if( audioWrapper.looped && 0 <= audioWrapper.loopEndTime ){ diff --git a/0.6.x/js/07_audio/01_XWebAudio.js b/0.6.x/js/07_audio/01_XWebAudio.js index 6d63435..bded21f 100644 --- a/0.6.x/js/07_audio/01_XWebAudio.js +++ b/0.6.x/js/07_audio/01_XWebAudio.js @@ -1,41 +1,122 @@ +var X_Audio_constructor = 3.1 <= X_UA[ 'Safari' ] && X_UA[ 'Safari' ] < 4 ? + function( s, a ){ + a = document.createElement( 'audio' ); + a.src = s; + a.load(); + return a; + } : + // Android1.6 + MobileOpera12 HTMLAudio はいるが呼ぶとクラッシュする + !( X_UA[ 'Android' ] < 2 ) ? + window[ 'Audio' ] || window.HTMLAudioElement : null, + + // Blink5 Opera32 Win8 は HTMLAudio が壊れている、WebAudio は mp3 がデコードに失敗、ogg が動作 + X_Audio_blinkOperaFix = X_UA[ 'BlinkOpera' ] && X_UA[ 'Windows' ], + + X_Audio_codecs; + +if( X_Audio_constructor ){ + //http://himaxoff.blog111.fc2.com/blog-entry-97.html + //引数なしで new Audio() とすると、Operaでエラーになるそうなので注意。 + X_TEMP.rawAudio = new X_Audio_constructor( '' ); + + // https://html5experts.jp/miyuki-baba/3766/ + // TODO Chrome for Android31 で HE-AAC が低速再生されるバグ + // TODO Android4 標準ブラウザで ogg のシークが正しくない! + if( X_TEMP.rawAudio.canPlayType ){ + X_Audio_codecs = { + 'mp3' : X_TEMP.rawAudio.canPlayType('audio/mpeg'), + 'opus' : X_TEMP.rawAudio.canPlayType('audio/ogg; codecs="opus"'), + 'ogg' : X_TEMP.rawAudio.canPlayType('audio/ogg; codecs="vorbis"'), + 'wav' : X_TEMP.rawAudio.canPlayType('audio/wav; codecs="1"'), + 'aac' : X_TEMP.rawAudio.canPlayType('audio/aac'), + 'm4a' : X_TEMP.rawAudio.canPlayType('audio/x-m4a') + X_TEMP.rawAudio.canPlayType('audio/m4a') + X_TEMP.rawAudio.canPlayType('audio/aac'), + 'mp4' : X_TEMP.rawAudio.canPlayType('audio/x-mp4') + X_TEMP.rawAudio.canPlayType('audio/mp4') + X_TEMP.rawAudio.canPlayType('audio/aac'), + 'weba' : X_TEMP.rawAudio.canPlayType('audio/webm; codecs="vorbis"') + }; + (function( X_Audio_codecs, k, v ){ + for( k in X_Audio_codecs ){ + //if( X_EMPTY_OBJECT[ k ] ) continue; + v = X_Audio_codecs[ k ]; + v = v && !!( v.split( 'no' ).join( '' ) ); + if( v ){ + console.log( k + ' ' + X_Audio_codecs[ k ] ); + X_Audio_codecs[ k ] = true; + } else { + delete X_Audio_codecs[ k ]; + }; + }; + if( X_Audio_blinkOperaFix ) delete X_Audio_codecs[ 'mp3' ]; + })( X_Audio_codecs ); + } else { + // iOS3.2.3 + X_Audio_codecs = { + 'mp3' : X_UA[ 'IE' ] || X_UA[ 'Chrome' ] || ( X_UA[ 'Windows' ] && X_UA[ 'Safari' ] ), + 'ogg' : 5 <= X_UA[ 'Gecko' ] || X_UA[ 'Chrome' ] || X_UA[ 'Opera' ] , + 'wav' : X_UA[ 'Gecko' ] || X_UA[ 'Opera' ] || ( X_UA[ 'Windows' ] && X_UA[ 'Safari' ] ), + 'aac' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ], + 'm4a' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ], + 'mp4' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ], + 'weba' : 2 <= X_UA[ 'Gecko' ] || 10.6 <= X_UA[ 'Opera' ] // firefox4+(Gecko2+) + }; + (function( X_Audio_codecs, k ){ + for( k in X_Audio_codecs ){ + //if( X_EMPTY_OBJECT[ k ] ) continue; + if( X_Audio_codecs[ k ] ){ + console.log( k + ' ' + X_Audio_codecs[ k ] ); + X_Audio_codecs[ k ] = true; + } else { + delete X_Audio_codecs[ k ]; + }; + }; + })( X_Audio_codecs ); + }; + + if( X_Audio_blinkOperaFix ){ + X_Audio_constructor = null; + delete X_TEMP.rawAudio; + }; +}; + -var X_Audio_WebAudio_context = !X_UA[ 'iPhone_4s' ] && !X_UA[ 'iPad_2Mini1' ] && !X_UA[ 'iPod_4' ] && +var X_WebAudio_context = !X_UA[ 'iPhone_4s' ] && !X_UA[ 'iPad_2Mini1' ] && !X_UA[ 'iPod_4' ] && // TODO なんで fennec を禁止? !( X_UA[ 'Gecko' ] && X_UA[ 'Android' ] ) && - // Firefox40.0.5 + Windows8 で音声が鳴らない - !( X_UA[ 'Gecko' ] === 40 && X_UA[ 'Windows' ] ) && + // Firefox40.0.5 + Windows8 で音声が途中から鳴らなくなる + // Firefox41.0.1 + Windows8 で音声が途中から鳴らなくなる + !( 40 <= X_UA[ 'Gecko' ] && X_UA[ 'Gecko' ] < 42 && X_UA[ 'Windows' ] ) && ( window[ 'AudioContext' ] || window[ 'webkitAudioContext' ] ), - X_Audio_BUFFER_LIST = [], - X_Audio_WebAudioWrapper, - X_Audio_BufferLoader, - X_Audio_fpsFix; + X_WebAudio_BUFFER_LIST = [], + X_WebAudio, + X_WebAudio_BufferLoader, + X_WebAudio_fpsFix; /* * iPhone 4s 以下、iPad2以下、iPad mini 1以下, iPod touch 4G 以下は不可 */ -if( X_Audio_WebAudio_context ){ +if( X_WebAudio_context ){ - X_Audio_WebAudio_context = new X_Audio_WebAudio_context; + X_WebAudio_context = new X_WebAudio_context; - X_Audio_BufferLoader = X_EventDispatcher[ 'inherits' ]( + X_WebAudio_BufferLoader = X_EventDispatcher[ 'inherits' ]( 'X.WebAudio.BufferLoader', X_Class.POOL_OBJECT, { - url : '', + audioUrl : '', xhr : null, onDecodeSuccess : null, onDecodeError : null, - buffer : null, - error : 0, + audioBuffer : null, + errorState : 0, webAudioList : null, 'Constructor' : function( webAudio, url ){ this.webAudioList = [ webAudio ]; - this.url = url; + this.audioUrl = url; this.xhr = X[ 'Net' ]( { 'xhr' : url, 'dataType' : 'arraybuffer' } ) [ 'listen' ]( X_EVENT_PROGRESS, this ) [ 'listenOnce' ]( [ X_EVENT_SUCCESS, X_EVENT_COMPLETE ], this ); + X_WebAudio_BUFFER_LIST.push( this ); }, handleEvent : function( e ){ @@ -52,18 +133,18 @@ if( X_Audio_WebAudio_context ){ // iOS 7.1 で decodeAudioData に処理が入った瞬間にスクリーンを長押しする(スクロールを繰り返す)と // decoeAudioData の処理がキャンセルされることがある(エラーやコールバックの発火もなく、ただ処理が消滅する)。 // ただし iOS 8.1.2 では エラーになる - if( X_UA[ 'iOS' ] < 8 || !X_Audio_WebAudio_context[ 'decodeAudioData' ] ){ - this._onDecodeSuccess( X_Audio_WebAudio_context[ 'createBuffer' ]( e.response, false ) ); + if( X_UA[ 'iOS' ] < 8 || !X_WebAudio_context[ 'decodeAudioData' ] ){ + this._onDecodeSuccess( X_WebAudio_context[ 'createBuffer' ]( e.response, false ) ); } else - if( X_Audio_WebAudio_context[ 'decodeAudioData' ] ){ - X_Audio_WebAudio_context[ 'decodeAudioData' ]( e.response, + if( X_WebAudio_context[ 'decodeAudioData' ] ){ + X_WebAudio_context[ 'decodeAudioData' ]( e.response, this.onDecodeSuccess = X_Closure_create( this, this._onDecodeSuccess ), this.onDecodeError = X_Closure_create( this, this._onDecodeError ) ); }; break; case X_EVENT_COMPLETE : - this.error = 1; + this.errorState = 1; this[ 'asyncDispatch' ]( X_EVENT_COMPLETE ); break; }; @@ -72,17 +153,17 @@ if( X_Audio_WebAudio_context ){ }, _onDecodeSuccess : function( buffer ){ - console.log( 'WebAudio decode success!' ); - this.onDecodeSuccess && this._onDecodeComplete(); if ( !buffer ) { - this.error = 2; + this.errorState = 2; this[ 'asyncDispatch' ]( X_EVENT_COMPLETE ); return; }; + + console.log( 'WebAudio decode success!' ); - this.buffer = buffer; + this.audioBuffer = buffer; this[ 'asyncDispatch' ]( X_EVENT_COMPLETE ); @@ -92,7 +173,7 @@ if( X_Audio_WebAudio_context ){ _onDecodeError : function(){ console.log( 'WebAudio decode error!' ); this._onDecodeComplete(); - this.error = 2; + this.errorState = 2; this[ 'asyncDispatch' ]( X_EVENT_COMPLETE ); }, @@ -119,7 +200,7 @@ if( X_Audio_WebAudio_context ){ ); - X_Audio_WebAudioWrapper = X_Audio_AbstractAudioBackend[ 'inherits' ]( + X_WebAudio = X_AudioBase[ 'inherits' ]( 'X.WebAudio', X_Class.POOL_OBJECT, { @@ -131,14 +212,14 @@ if( X_Audio_WebAudio_context ){ _startTime : 0, _timerID : 0, _interval : 0, - buffer : null, + audioBuffer : null, bufferSource : null, gainNode : null, _onended : null, 'Constructor' : function( target, url, option ){ var i = 0, - l = X_Audio_BUFFER_LIST.length, + l = X_WebAudio_BUFFER_LIST.length, loader; /* @@ -146,14 +227,14 @@ if( X_Audio_WebAudio_context ){ * L-01F 等の一部端末で Web Audio API の再生結果に特定条件下でノイズが混ざることがある。 * 描画レート(描画 FPS)が下がるとノイズが混ざり始め、レートを上げると再生結果が正常になるというもので、オーディオ処理が描画スレッドに巻き込まれているような動作を見せる。 */ - if( X_UA[ 'Android' ] && X_UA[ 'Chrome' ] && !X_Audio_fpsFix ){ + if( X_UA[ 'Android' ] && X_UA[ 'Chrome' ] && !X_WebAudio_fpsFix ){ X_Node_systemNode.create( 'div', { id : 'fps-slowdown-make-sound-noisy' } ); - X_Audio_fpsFix = true; + X_WebAudio_fpsFix = true; }; for( ; i < l; ++i ){ - loader = X_Audio_BUFFER_LIST[ i ]; - if( loader.url === url ){ + loader = X_WebAudio_BUFFER_LIST[ i ]; + if( loader.audioUrl === url ){ this.loader = loader; loader.webAudioList.push( this ); break; @@ -161,7 +242,7 @@ if( X_Audio_WebAudio_context ){ }; if( !this.loader ){ - this.loader = loader = new X_Audio_BufferLoader( this, url ); + this.loader = loader = X_WebAudio_BufferLoader( this, url ); }; this.target = target || this; @@ -170,7 +251,7 @@ if( X_Audio_WebAudio_context ){ this[ 'listenOnce' ]( X_EVENT_KILL_INSTANCE, this.onKill ); - if( loader.buffer || loader.error ){ + if( loader.audioBuffer || loader.errorState ){ this._onLoadBufferComplete(); } else { loader[ 'listenOnce' ]( X_EVENT_COMPLETE, this, this._onLoadBufferComplete ); @@ -181,7 +262,7 @@ if( X_Audio_WebAudio_context ){ this.loader[ 'unlisten' ]( X_EVENT_COMPLETE, this, this._onLoadBufferComplete ) .unregister( this ); - delete this.buffer; + delete this.audioBuffer; this.playing && this.actualPause(); this.bufferSource && this._sourceDispose(); @@ -192,17 +273,17 @@ if( X_Audio_WebAudio_context ){ }, _onLoadBufferComplete : function( e ){ var loader = this.loader, - buffer = loader.buffer; + buffer = loader.audioBuffer; e && loader[ 'unlisten' ]( X_EVENT_COMPLETE, this, this._onLoadBufferComplete ); if ( !buffer ) { - this.error = loader.error; + this.error = loader.errorState; this.target[ 'dispatch' ]({ type : X_EVENT_ERROR, - error : loader.error, - message : loader.error === 1 ? + error : loader.errorState, + message : loader.errorState === 1 ? 'load buffer network error' : 'buffer decode error' }); @@ -210,8 +291,8 @@ if( X_Audio_WebAudio_context ){ return; }; - this.buffer = buffer; - this.duration = buffer.duration * 1000; + this.audioBuffer = buffer; + this.duration = buffer.duration * 1000; this.target[ 'asyncDispatch' ]( X_EVENT_READY ); @@ -224,23 +305,23 @@ if( X_Audio_WebAudio_context ){ actualPlay : function(){ var begin, end; - if( !this.buffer ){ + if( !this.audioBuffer ){ this.autoplay = true; return; }; - end = X_AudioWrapper_getEndTime( this ); - begin = X_AudioWrapper_getStartTime( this, end, true ); + end = X_Audio_getEndTime( this ); + begin = X_Audio_getStartTime( this, end, true ); console.log( '[WebAudio] play ' + begin + ' -> ' + end ); if( this.bufferSource ) this._sourceDispose(); if( !this.gainNode ){ - this.gainNode = X_Audio_WebAudio_context[ 'createGain' ] ? X_Audio_WebAudio_context[ 'createGain' ]() : X_Audio_WebAudio_context[ 'createGainNode' ](); - this.gainNode[ 'connect' ]( X_Audio_WebAudio_context[ 'destination' ] ); + this.gainNode = X_WebAudio_context[ 'createGain' ] ? X_WebAudio_context[ 'createGain' ]() : X_WebAudio_context[ 'createGainNode' ](); + this.gainNode[ 'connect' ]( X_WebAudio_context[ 'destination' ] ); }; - this.bufferSource = X_Audio_WebAudio_context[ 'createBufferSource' ](); - this.bufferSource.buffer = this.buffer; + this.bufferSource = X_WebAudio_context[ 'createBufferSource' ](); + this.bufferSource.buffer = this.audioBuffer; this.bufferSource[ 'connect' ]( this.gainNode ); this.gainNode[ 'gain' ].value = this.gain; @@ -264,7 +345,7 @@ if( X_Audio_WebAudio_context ){ this.playing = true; this._startPos = begin; this._endPosition = end; - this._startTime = X_Audio_WebAudio_context.currentTime * 1000; + this._startTime = X_WebAudio_context.currentTime * 1000; this._interval = this._interval || X_Timer_add( 1000, 0, this, this._onInterval ); }, @@ -287,14 +368,14 @@ if( X_Audio_WebAudio_context ){ delete this._timerID; if( this.playing ){ - time = X_Audio_WebAudio_context.currentTime * 1000 - this._startTime - this._endPosition + this._startPos | 0; - //console.log( '> onEnd ' + ( this.playing && ( X_Audio_WebAudio_context.currentTime * 1000 - this._startTime ) ) + ' < ' + ( this._endPosition - this._startPos ) ); + time = X_WebAudio_context.currentTime * 1000 - this._startTime - this._endPosition + this._startPos | 0; + //console.log( '> onEnd ' + ( this.playing && ( X_WebAudio_context.currentTime * 1000 - this._startTime ) ) + ' < ' + ( this._endPosition - this._startPos ) ); if( this._onended ){ // Firefox 用の対策,,, if( time < 0 ) return; } else { if( time < 0 ){ - //console.log( '> onEnd crt:' + ( X_Audio_WebAudio_context.currentTime * 1000 ) + ' startTime:' + this._startTime + + //console.log( '> onEnd crt:' + ( X_WebAudio_context.currentTime * 1000 ) + ' startTime:' + this._startTime + // ' from:' + this._startPos + ' to:' + this._endPosition ); this._timerID = X_Timer_once( -time, this, this._onEnded ); return; @@ -334,7 +415,7 @@ if( X_Audio_WebAudio_context ){ }, getActualCurrentTime : function(){ - return X_Audio_WebAudio_context.currentTime * 1000 - this._startTime + this._startPos | 0; + return X_WebAudio_context.currentTime * 1000 - this._startTime + this._startPos | 0; }, afterUpdateState : function( result ){ @@ -351,16 +432,17 @@ if( X_Audio_WebAudio_context ){ X_Audio_BACKENDS.push( { - backendName : 'Web Audio', + backendID : 1, + + backendName : 'WebAudio', - canPlay : {}, // TODO HTMLAudio と同じ + canPlay : X_Audio_codecs, - // - detect : function( proxy, source, ext ){ + detect : function( proxy, source, ext ){ proxy[ 'asyncDispatch' ]( { type : X_EVENT_COMPLETE, canPlay : X_Audio_codecs[ ext ] } ); }, - klass : X_Audio_WebAudioWrapper + klass : X_WebAudio } ); }; diff --git a/0.6.x/js/07_audio/02_XHTMLAudio.js b/0.6.x/js/07_audio/02_XHTMLAudio.js index 2082a86..a231e67 100644 --- a/0.6.x/js/07_audio/02_XHTMLAudio.js +++ b/0.6.x/js/07_audio/02_XHTMLAudio.js @@ -6,39 +6,40 @@ * Windows 版 Safari は QuickTime のインストールが必要 * * 1. iOS4(iPod 2G) で ended に達すると音が鳴らなくなる fix で解決 - * 2. iOS6(iPod 4G) で ended に達すると音が鳴らなくなる fix で頻度が改善 + * 2. iOS6(iPod 4G) で ended に達すると音が鳴らなくなる fix で頻度が改善 emded イベントは発しないので、timeupdate 時に currentTime で判断する * 3. WP7(IS12T) で最後の方にある音が鳴らない? mp3 cbr を使えばいい? 裏に回っても音が鳴り続ける - * 4. Android 3.x で ended に達すると音が鳴らなくなる -> リロード(audio.src='';audio.sr=src)で解決 + * 4. Android 3.x で ended に達すると音が鳴らなくなる -> リロード(audio.src='';audio.sr=src)で解決、但し 2.x 4.x より遅延が大きく 1 秒弱程度ある * 5. Android 2.x で ended に達すると音が鳴らなくなる -> リロード(audio.src='';audio.src=src;audio.load())でで解決 - * 6. Android 4.4.2- は ended に達した際に currentTime が変更できなくなり、リロードが必要になる + * 6. Android 4.4.2- は ended に達した際に currentTime が変更できなくなり、リロードが必要になる, 4.0, 4.1, 4.2, 4.3 で確認 + * 7. Blink5 Opera32 Win8 は HTMLAudio が壊れている、WebAudio は mp3 がデコードに失敗、ogg が動作 + * + * memo + * 1. Android4.1 iframe 内の Audio は親に focus が移っても再生を継続する */ var X_HTMLAudio_playTrigger = 6 <= X_UA[ 'iOS' ] ? 'loadeddata' : X_UA[ 'iOS' ] < 5 ? 'stalled' : - X_UA[ 'iOS' ] ? 'suspend' : + X_UA[ 'iOS' ] ? 'suspend' : X_UA[ 'Safari' ] < 4 ? 'canplaythrough' : - X_UA[ 'AndroidChromeBrowser' ] ? 'canplaythrough' : + X_UA[ 'ChromeWK' ] ? 'canplaythrough' : // Android 2.3.5(SBM101SH) では stalled は発生しない,,, ので必ず loadeddata もチェックする - X_UA[ 'AndroidBrowser' ] ? 'stalled' : + X_UA[ 'AOSP' ] ? 'stalled' : X_UA[ 'OperaMobile' ] || X_UA[ 'OperaTablet' ] ? 'loadeddata' : 'loadeddata', //'canplay', X_HTMLAudio, - X_Audio_constructor = X_UA[ 'Safari' ] < 4 ? function(a){ a = document.createElement( 'audio' ); return a; } : window[ 'Audio' ] || window.HTMLAudioElement, // ended が発生しない timeupdate 内で play() を呼ぶ (未検証) 不具合確認は iOS4,6 X_HTMLAudio_endedFixIOS = X_UA[ 'iOS' ] < 7, // Android 2.3.5 で ended 時に audio.src='';audio.src=src;audio.load() を実施。 2.3.4 でも問題なし。 - X_HTMLAudio_endedFixAOSP2 = X_UA[ 'AndroidBrowser' ] < 3, + X_HTMLAudio_endedFixAOSP2 = X_UA[ 'AOSP' ] < 3, // Android 3.1 で ended 時に src='';src=src を実施。 - X_HTMLAudio_endedFixAOSP3 = !X_HTMLAudio_endedFixAOSP2 && X_UA[ 'AndroidBrowser' ] < 4, + X_HTMLAudio_endedFixAOSP3 = !X_HTMLAudio_endedFixAOSP2 && X_UA[ 'AOSP' ] < 4, // ended 時に play() を実施, currentTime が duration に張り付き更新されなければ src='';src=src を実施。 - X_HTMLAudio_endedFixAOSP4 = !X_UA[ 'AndroidChromeBrowser' ] && 4 <= X_UA[ 'AndroidBrowser' ], + X_HTMLAudio_endedFixAOSP4 = 4 <= X_UA[ 'AOSP' ], // Opera Mobile 12 は 2回目以降の currentTime へのセットで currentTime が更新されなくなるため、タイマーを使用する X_HTMLAudio_currentTimeFix = !!X_UA[ 'OperaMobile' ] || !!X_UA[ 'OperaTablet' ], - // Android1.6+MobileOpera12では無理っぽい、、、 - X_HTMLAudio_badOperaAndroid = X_HTMLAudio_currentTimeFix && X_UA[ 'Android' ] < 2, X_HTMLAudio_volumeFix = X_UA[ 'Chrome' ], /* @@ -51,7 +52,7 @@ var X_HTMLAudio_playTrigger = X_HTMLAudio_pauseFix = ( X_UA[ 'Windows' ] && 12 <= X_UA[ 'Opera' ] && 0 < ' XP XPSP2 2003|XP64'.indexOf( X_UA[ 'Windows' ] ) ), // XP + Opera12 のみ? /* * durationFix - * duration が取得できるタイミングが遅くそれまでは infinity(PC Opera12), NaN(WP9), 0(AndroidBrowser Chrome 系) が入っている + * duration が取得できるタイミングが遅くそれまでは infinity(PC Opera12), NaN(WP9), 0(AOSP Chrome 系) が入っている * * 1. touch が不要の場合、自動で再生を開始して duration を取得するまで再生する * -> 取得後に pause or 通常再生 @@ -64,71 +65,17 @@ var X_HTMLAudio_playTrigger = * -> その際には timeupdate が発行されない、、、 iframe+image+audio で使わないときは破棄する、とか。 * -> opera11、10.54 WinXP はまとも、、、 portable が怪しい?? */ - X_HTMLAudio_need1stTouch = X_UA[ 'iOS' ] || X_UA[ 'AndroidChromeBrowser' ] || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ), - X_HTMLAudio_durationFix = ( X_UA[ 'Windows' ] && 12 <= X_UA[ 'Opera' ] ) || X_UA[ 'AndroidChromeBrowser' ] || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ), + X_HTMLAudio_need1stTouch = X_UA[ 'iOS' ] || X_UA[ 'ChromeWK' ] || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ), + X_HTMLAudio_durationFix = ( X_UA[ 'Windows' ] && 12 <= X_UA[ 'Opera' ] ) || X_UA[ 'ChromeWK' ] || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ), - X_HTMLAudio_shortPlayFix = !X_UA[ 'AndroidChromeBrowser' ] && X_UA[ 'AndroidBrowser' ], // Android 4.1.1 でも遭遇(ただしm4a, mp3は優秀, oggはシークが乱れる) + X_HTMLAudio_shortPlayFix = X_UA[ 'AOSP' ]; // Android 4.1.1 でも遭遇(ただしm4a, mp3は優秀, oggはシークが乱れる) - X_Audio_codecs; - -if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ - //http://himaxoff.blog111.fc2.com/blog-entry-97.html - //引数なしで new Audio() とすると、Operaでエラーになるそうなので注意。 - X_TEMP.rawAudio = new X_Audio_constructor( '' ); - // https://html5experts.jp/miyuki-baba/3766/ - // TODO Chrome for Android31 で HE-AAC が低速再生されるバグ - // TODO Android4 標準ブラウザで ogg のシークが正しくない! - if( X_TEMP.rawAudio.canPlayType ){ - X_Audio_codecs = { - 'mp3' : X_TEMP.rawAudio.canPlayType('audio/mpeg'), - 'opus' : X_TEMP.rawAudio.canPlayType('audio/ogg; codecs="opus"'), - 'ogg' : X_TEMP.rawAudio.canPlayType('audio/ogg; codecs="vorbis"'), - 'wav' : X_TEMP.rawAudio.canPlayType('audio/wav; codecs="1"'), - 'aac' : X_TEMP.rawAudio.canPlayType('audio/aac'), - 'm4a' : X_TEMP.rawAudio.canPlayType('audio/x-m4a') + X_TEMP.rawAudio.canPlayType('audio/m4a') + X_TEMP.rawAudio.canPlayType('audio/aac'), - 'mp4' : X_TEMP.rawAudio.canPlayType('audio/x-mp4') + X_TEMP.rawAudio.canPlayType('audio/mp4') + X_TEMP.rawAudio.canPlayType('audio/aac'), - 'weba' : X_TEMP.rawAudio.canPlayType('audio/webm; codecs="vorbis"') - }; - (function( X_Audio_codecs, k, v ){ - for( k in X_Audio_codecs ){ - //if( X_EMPTY_OBJECT[ k ] ) continue; - v = X_Audio_codecs[ k ]; - v = v && !!( v.split( 'no' ).join( '' ) ); - if( v ){ - console.log( k + ' ' + X_Audio_codecs[ k ] ); - X_Audio_codecs[ k ] = true; - } else { - delete X_Audio_codecs[ k ]; - }; - }; - })( X_Audio_codecs ); - } else { - // iOS3.2.3 - X_Audio_codecs = { - 'mp3' : X_UA[ 'IE' ] || X_UA[ 'Chrome' ] || ( X_UA[ 'Windows' ] && X_UA[ 'Safari' ] ), - 'ogg' : 5 <= X_UA[ 'Gecko' ] || X_UA[ 'Chrome' ] || X_UA[ 'Opera' ] , - 'wav' : X_UA[ 'Gecko' ] || X_UA[ 'Opera' ] || ( X_UA[ 'Windows' ] && X_UA[ 'Safari' ] ), - 'aac' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ], - 'm4a' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ], - 'mp4' : X_UA[ 'IE' ] || X_UA[ 'WebKit' ], - 'weba' : 2 <= X_UA[ 'Gecko' ] || 10.6 <= X_UA[ 'Opera' ] // firefox4+(Gecko2+) - }; - (function( X_Audio_codecs, k ){ - for( k in X_Audio_codecs ){ - //if( X_EMPTY_OBJECT[ k ] ) continue; - if( X_Audio_codecs[ k ] ){ - console.log( k + ' ' + X_Audio_codecs[ k ] ); - X_Audio_codecs[ k ] = true; - } else { - delete X_Audio_codecs[ k ]; - }; - }; - })( X_Audio_codecs ); - }; + +if( X_Audio_constructor ){ - X_HTMLAudio = X_Audio_AbstractAudioBackend[ 'inherits' ]( - 'X.AV.HTML5AudioWrapper', + X_HTMLAudio = X_AudioBase[ 'inherits' ]( + 'X.HTMLAudio', X_Class.POOL_OBJECT, { _closed : true, @@ -143,7 +90,6 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ _durationFixSkip : X_HTMLAudio_durationFix && !X_HTMLAudio_need1stTouch, _lastCurrentTime : 0, - _shortPlayFixON : false, _shortPlayFixTime : 0, @@ -195,16 +141,16 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ if( X_TEMP.rawAudio ){ raw.src = source; - raw.load(); // 要る? - X_TEMP.rawAudio = null; + raw.load(); // AOSP2 で必要 + delete X_TEMP.rawAudio; }; }, handleEvent : function( e ){ var raw = this[ '_rawObject' ], - _ended = e.type === 'ended', - ended = _ended, - ready = e.type === X_HTMLAudio_playTrigger, + actualEnded = e.type === 'ended', + ended = actualEnded, + ready = e.type === X_HTMLAudio_playTrigger, eventType, duration, end, now; // global に公開 @@ -231,7 +177,7 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ //case 'loadstart' : // ブラウザがコンテンツの検索を開始した場合に発生 //break; case 'progress' : // ブラウザがコンテンツの取得を実行した場合に発生 - console.log( e.loaded + ' ' + e.total * 100 + '%' ); + // console.log( e.loaded + ' ' + e.total * 100 + '%' ); // iem9 で常に0 raw.networkState; // opera Android 12 で buffered.end() へのアクセスはエラー try catch も無効、iem9 は常に end(0) = 0 //console.log( 'buffered.end ' + raw.buffered && raw.buffered.end(0) ); @@ -250,9 +196,9 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ }; case 'canplaythrough' : // 今すぐに再生を開始してもバッファリングで停止することなく最後まで表示できると予測している場合に発生 if( this._endedFixON ){ + console.log( '▽ onEndedFix の終了 @' + e.type ); this._endedFixON = false; this.actualPlay(); - console.log( '▽ onEndedFix @' + e.type ); }; case 'loadedmetadata' : // ブラウザがメディアリソースの長さと寸法を判定した場合に発生 case 'durationchange' : // duration属性が更新された場合に発生 @@ -272,14 +218,14 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ this._lastCurrentTime = raw.currentTime; if( this.playing ){ - end = X_AudioWrapper_getEndTime( this ) + this._shortPlayFixTime; + end = X_Audio_getEndTime( this ) + this._shortPlayFixTime; now = this.getActualCurrentTime(); //console.log( now + ' / ' + end ); if( 0 + end <= 0 + now ){ // 0+ なぜか iem9 で必要,,, if( this.autoLoop ){ - console.log( '☆★☆ 曲の最後に到達 @timeupdate' ); + console.log( '☆★☆ 曲の最後に到達 @timeupdate now-end:' + ( now - end ) ); ended = true; - if( X_HTMLAudio_endedFixIOS ) _ended = true; + if( X_HTMLAudio_endedFixIOS ) actualEnded = true; } else { this.actualPause(); eventType = X_EVENT_MEDIA_ENDED; @@ -362,14 +308,15 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ if( !( this.target[ 'dispatch' ]( X_EVENT_MEDIA_BEFORE_LOOP ) & X_CALLBACK_PREVENT_DEFAULT ) ){ this.looped = true; this.target[ 'dispatch' ]( X_EVENT_MEDIA_LOOPED ); - ( X_HTMLAudio_endedFixAOSP3 || X_HTMLAudio_endedFixAOSP4 || X_HTMLAudio_endedFixIOS ) && _ended && console.log( '☆★☆ 音声の継続用の play() @ended' ); - this.actualPlay( ( X_HTMLAudio_endedFixAOSP4 || X_HTMLAudio_endedFixIOS ) && _ended, ( X_HTMLAudio_endedFixAOSP3 || X_HTMLAudio_endedFixAOSP2 ) && _ended ); + ( X_HTMLAudio_endedFixAOSP3 || X_HTMLAudio_endedFixAOSP4 || X_HTMLAudio_endedFixIOS ) && actualEnded && console.log( '☆★☆ 音声の継続用の play() @ended' ); + this.actualPlay( + ( X_HTMLAudio_endedFixAOSP4 || X_HTMLAudio_endedFixIOS ) && actualEnded, + ( X_HTMLAudio_endedFixAOSP3 || X_HTMLAudio_endedFixAOSP2 ) && actualEnded ); }; - // Android4.1.1 ended 後に曲の再生が継続できない } else { this.seekTime = 0; delete this.playing; - this.target[ 'dispatch' ]( X_EVENT_MEDIA_ENDED ); + this.target[ 'dispatch' ]( X_EVENT_MEDIA_ENDED ); }; } else if( this._loaded && this.duration && !this._ready ){ @@ -408,8 +355,8 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ this._durationFixPhase = 2; }; - end = X_AudioWrapper_getEndTime( this ); - begin = X_AudioWrapper_getStartTime( this, end, true ); + end = X_Audio_getEndTime( this ); + begin = X_Audio_getStartTime( this, end, true ); this._lastCurrentTime = begin / 1000; @@ -445,20 +392,17 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ // Android4.0.5 で ended イベント時に currentTime が duration に張り付いたまま変更できない if( forceReload || ( raw.duration && raw.currentTime === raw.duration ) ){ - console.log( '△ onEndedFix の開始' ); raw.src = ''; raw.src = this._src; - raw.currentTime = this._lastCurrentTime; this.playing = false; this._endedFixON = true; + console.log( '△ onEndedFix の開始' ); + raw.currentTime = this._lastCurrentTime; this.target[ 'dispatch' ]( X_EVENT_MEDIA_WAITING ); X_HTMLAudio_endedFixAOSP2 && raw.load(); }; }; - /* if( X_HTMLAudio_durationFix ){ - this._currentFixBegin = begin; - } else */ if( X_HTMLAudio_currentTimeFix ){ this._currentFixBegin = begin; this._currentFixStart = X_Timer_now(); @@ -512,9 +456,11 @@ if( X_Audio_constructor && !X_HTMLAudio_badOperaAndroid ){ } ); - X_Audio_BACKENDS.push( + X_HTMLAudio && X_Audio_BACKENDS.push( { - backendName : 'HTML Audio', + backendID : 2, + + backendName : 'HTMLAudio', canPlay : X_Audio_codecs, /* diff --git a/0.6.x/js/07_audio/03_XSilverlightAudio.js b/0.6.x/js/07_audio/03_XSilverlightAudio.js index 30d9548..7133272 100644 --- a/0.6.x/js/07_audio/03_XSilverlightAudio.js +++ b/0.6.x/js/07_audio/03_XSilverlightAudio.js @@ -12,15 +12,23 @@ * SilverlLight5 ie6&7(ietester,winxp), ie8(winxp) で動作確認。firefox32 では動作しない。(4以下の方がよい?) */ -var X_Audio_SLAudioWrapper, - X_Audio_SLAudio_uid = 0; +var X_SLAudio, + X_SLAudio_uid = 0; -if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ +if( X[ 'Pulgin' ][ 'Silverlight' ] ){ X_TEMP.slaudioInit = function(){ // // http://blog.yuhiisk.com/archive/2014/12/20/dynamic-loading-and-complete-processing-of-script.html - var s = document.createElement( '' ); + var s; + + if( X_UA[ 'IE' ] < 9 ){ + s = document.createElement( '' ); + } else { + s = document.createElement( 'script' ); + s.id = 'silverlightaudio'; + s.type = 'text/xaml'; + }; document.getElementsByTagName( 'head' )[ 0 ].appendChild( s ); s.text = ''; @@ -29,8 +37,8 @@ if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ }; // X.Node.inherits はできない。_rawObject は でなく silverlight - X_Audio_SLAudioWrapper = X_Audio_AbstractAudioBackend[ 'inherits' ]( - 'X.AV.SilverlightAudio', + X_SLAudio = X_AudioBase[ 'inherits' ]( + 'X.SilverlightAudio', X_Class.POOL_OBJECT, { '_rawType' : X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT, @@ -46,20 +54,20 @@ if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ _interval : 0, // setInterval timer id 'Constructor' : function( target, source, option ){ - !X_Audio_SLAudio_uid && X_TEMP.slaudioInit(); + !X_SLAudio_uid && X_TEMP.slaudioInit(); /* * [Silverlight 2]JavaScriptコードからSilverlightのオブジェクトを利用するには?[C#、VB] * http://www.atmarkit.co.jp/fdotnet/dotnettips/902slobjcallfromjs/slobjcallfromjs.html * このページのサンプルは sl5+firefox32 環境で動いている。xaml を js から利用する形ではなく、.xap を sl4 以下で作るのがよさそう. */ - - // TODO embed this.target = target || this; this._source = source; // X.Audio._slOnload_ は不可 - this._onload = 'XAudioSilverlightOnLoad' + ( ++X_Audio_SLAudio_uid ); + this._onload = 'XAudioSilverlightOnLoad' + ( ++X_SLAudio_uid ); this._callback = window[ this._onload ] = X_Closure_create( this, this.onSLReady ); + + // TODO embed this.xnodeObject = X_Node_body [ 'create' ]( 'object', { type : 'application/x-silverlight-2', @@ -252,8 +260,8 @@ if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ this._lastUserAction = 0 <= this.seekTime ? 'seek' : 'play'; - end = X_AudioWrapper_getEndTime( this ); - begin = X_AudioWrapper_getStartTime( this, end, true ) | 0; + end = X_Audio_getEndTime( this ); + begin = X_Audio_getStartTime( this, end, true ) | 0; // 1 秒以下は指定できないため四捨五入 begin = ( begin / 1000 | 0 ) * 1000 + ( 500 < begin % 1000 ? 1000 : 0 ); @@ -300,7 +308,7 @@ if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ delete this._timerID; if( this.playing ){ - //console.log( '> end ' + X_AudioWrapper_getEndTime( this ) + ' current:' + ( this.getActualCurrentTime() ) ); + //console.log( '> end ' + X_Audio_getEndTime( this ) + ' current:' + ( this.getActualCurrentTime() ) ); time = this.getActualCurrentTime(); if( time < this._beginTime ){ @@ -311,11 +319,11 @@ if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ this._ended && this[ '_rawObject' ].play(); this._ended = false; this.target[ 'dispatch' ]( X_EVENT_MEDIA_WAITING ); - this._timerID = X_Timer_once( X_AudioWrapper_getEndTime( this ) - time, this, this._onEnded ); + this._timerID = X_Timer_once( X_Audio_getEndTime( this ) - time, this, this._onEnded ); return; }; - time -= X_AudioWrapper_getEndTime( this ); + time -= X_Audio_getEndTime( this ); if( time < 0 ){ console.log( ' > まだ終わらない ' + time ); this._ended && this[ '_rawObject' ].play(); @@ -363,7 +371,7 @@ if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ this.actualPlay(); } else if( result & 1 ){ - end = X_AudioWrapper_getEndTime( this ); + end = X_Audio_getEndTime( this ); halfway = end < this.duration; this._timerID && X_Timer_remove( this._timerID ); @@ -396,7 +404,9 @@ if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ }; */ X_Audio_BACKENDS.push( { - backendName : 'Silverlight Audio', + backendID : 8, + + backendName : 'Silverlight', canPlay : { 'mp3' : true, @@ -408,7 +418,7 @@ if( X[ 'Pulgin' ][ 'SilverlightEnabled' ] && !X_HTMLAudio ){ proxy[ 'asyncDispatch' ]( { type : X_EVENT_COMPLETE, canPlay : ext === 'mp3' || ext === 'wma' || ext === 'wav' } ); }, - klass : X_Audio_SLAudioWrapper + klass : X_SLAudio } ); -- 2.11.0