OSDN Git Service

Version 0.6.205, bug fixes X.Net.Form, update X.HTMLAudio for iOS7+.
[pettanr/clientJs.git] / 0.6.x / js / 07_audio / 02_XHTMLAudio.js
index 10a5bfd..f9b82f5 100644 (file)
@@ -17,6 +17,9 @@
  * memo\r
  * 1. AOSP4.1 iframe 内の Audio は親に focus が移っても再生を継続する\r
  * 2. AOSP oggはシークが乱れる m4a, mp3 は優秀\r
+ * \r
+ * http://unolabo.boo.jp/archives/2011/06/13-iphone%E3%81%AEaudio%E5%91%A8%E3%82%8A%E3%81%AE%E3%83%A1%E3%83%A2.html\r
+ * 【JS】iPhoneのAudio周りのメモ iOS4.0 と 4.2 の違い\r
  */\r
        /*\r
         * durationFix\r
@@ -36,8 +39,9 @@
 \r
 var\r
        X_HTMLAudio,\r
-       \r
-       // ended が発生しない timeupdate 内で play() を呼ぶ (未検証) 不具合確認は iOS4,6\r
+       // iOS7.1, 8.3 で確認.seeking -> seeked の間の currentTime の値が全くあてにならないので無視する。\r
+       X_HTMLAudio_seekingFixIOS   = 7 <= X_UA[ 'iOS' ],\r
+       // ended が発生しない timeupdate 内で play() を呼ぶ (未検証) 不具合確認は iOS4,6 iOS7.1,8.3ではpause->ended起きてる 但し iOS7.1 でも 6 と同じ症状になることがある\r
        X_HTMLAudio_endedFixIOS     = X_UA[ 'iOS' ] < 7,\r
        // Android 2.3.5 で ended 時に audio.src='';audio.src=src;audio.load() を実施。 2.3.4 でも問題なし。\r
        X_HTMLAudio_endedFixAOSP2   = X_UA[ 'AOSP' ] < 3,\r
@@ -56,18 +60,25 @@ var
         * win opera12 volume, mute の変更が2度目以降できない\r
         */\r
        X_HTMLAudio_volumeEnabled   = !( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ) && !X_UA[ 'Opera' ],\r
-       // Gecko PC + Android でseek時に再生がしばしば止まる問題の修正\r
-       X_HTMLAudio_needPlayForSeek = X_UA[ 'Gecko' ],\r
+       // Gecko PC + Android でseek時に再生がしばしば止まる問題の修正、iOS8でも確認\r
+       X_HTMLAudio_needPlayForSeek = X_UA[ 'iOS' ] || X_UA[ 'Gecko' ],\r
        // \r
-       X_HTMLAudio_pauseFix            = ( X_UA[ 'Windows' ] && 12 <= X_UA[ 'Opera' ] && 0 < ' XP XPSP2 2003|XP64'.indexOf( X_UA[ 'Windows' ] ) ), // XP + Opera12 のみ?\r
+       X_HTMLAudio_pauseFix            = 12 <= X_UA[ 'Opera' ] && 0 < ' XP XPSP2 2003|XP64'.indexOf( X_UA[ 'Windows' ] ), // XP + Opera12 のみ?\r
 \r
-       X_HTMLAudio_need1stTouch        = X_UA[ 'iOS' ] || 4 <= X_UA[ 'AOSP' ] || X_UA[ 'ChromeWV' ] || X_UA[ 'WinPhone' ] || ( X_UA[ 'Blink' ] && X_UA[ 'Android' ] ),\r
-       \r
-       X_HTMLAudio_playTrigger     = ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ) ? 'canplay' : X_UA[ 'iOS' ] ? 'suspend' : X_UA[ 'Blink' ] ? 'stalled' : 'canplaythrough',\r
-       \r
-       X_HTMLAudio_durationFix     = X_UA[ 'iOS' ] || X_UA[ 'ChromeWV' ] || ( X_UA[ 'Windows' ] && 12 <= X_UA[ 'Opera' ] ) || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ),\r
+       X_HTMLAudio_need1stTouch        = X_UA[ 'iOS' ] || 4.2 <= X_UA[ 'AOSP' ] || X_UA[ 'ChromeWV' ] || X_UA[ 'WinPhone' ] || ( X_UA[ 'Blink' ] && X_UA[ 'Android' ] ),\r
+\r
+       X_HTMLAudio_playTrigger     = ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ) ? 'canplay' :\r
+                                                                       X_UA[ 'iOS' ] < 8 ? 'suspend' :    // iOS7.x以下\r
+                                                                       X_UA[ 'iOS' ] ? 'loadedmetadata' : // iOS8以上は\r
+                                                                       X_UA[ 'Blink' ] < 32 ? 'stalled' : 'canplaythrough',\r
+\r
+       X_HTMLAudio_durationFix     = // iOS8.1(シュミレータでは不要)\r
+                                                                 X_UA[ 'iOS' ] < 8 || X_UA[ 'ChromeWV' ] || ( X_UA[ 'WinPhone' ] && X_UA[ 'IE9' ] ) ||\r
+                                                                 ( X_UA[ 'Windows' ] && 12 <= X_UA[ 'Opera' ] ) || ( X_UA[ 'Blink' ] < 36 && X_UA[ 'Android' ] ),\r
+\r
+       X_HTMLAudio_shortPlayFix        = X_UA[ 'AOSP' ],\r
        \r
-       X_HTMLAudio_shortPlayFix        = X_UA[ 'AOSP' ]; // Android 4.1.1 でも遭遇\r
+       X_HTMLAudio_progressEnabled = !( X_UA[ 'Opera' ] && X_UA[ 'Android' ] ) && !( X_UA[ 'WinPhones' ] && X_UA[ 'IE9' ] ); // Android 4.1.1 でも遭遇\r
 \r
 if( X_Audio_constructor ){\r
        \r
@@ -75,19 +86,27 @@ if( X_Audio_constructor ){
                'X.HTMLAudio',\r
                X_Class.POOL_OBJECT,\r
                {\r
-                       _closed               : true,\r
-                       _loaded               : false,\r
-                       _ready            : false,              \r
+                       // 1: canplaythrought|timeupdateに達している、またはdurationFixが終了している\r
+                       // 2: READY イベント発火済\r
+                       // 3: 1, 2 が済\r
+                       _readyState       : 0,\r
                        _src                      : '',\r
                        \r
-                       _touchRequested   : false,\r
-                       _touched          : false,\r
+                       // 0:ok\r
+                       // 1:touch 要求済\r
+                       // 2:touch による play 済\r
+                       _touchState       : X_HTMLAudio_need1stTouch ? 1 : 0,\r
                        \r
                        _currentFixStart  : 0,\r
                        _currentFixBegin  : 0,\r
 \r
+                       // 0:durationFix不要 または 完了\r
+                       // 1:durationFix未着手(touchState=1なら play() に入れる)\r
+                       // 2:canplay イベント発生 -> play()\r
+                       // 4:play() 実施済\r
+                       // 8:duration 取得済\r
+                       //  :timeupdate イベントで durationFixは完了\r
                        _durationFixPhase : X_HTMLAudio_durationFix ? 1 : 0,\r
-                       _durationFixSkip  : X_HTMLAudio_durationFix && !X_HTMLAudio_need1stTouch,\r
                        _lastCurrentTime  : 0,\r
 \r
                        _shortPlayFixON   : false,\r
@@ -95,11 +114,12 @@ if( X_Audio_constructor ){
                        \r
                        _endedFixON               : false,\r
                        \r
+                       _seekingFixON     : false,\r
+                       \r
                        'Constructor' : function( disatcher, source, option ){\r
                                var raw;\r
                                \r
                                this.disatcher = disatcher || this;\r
-                               this._closed   = false;\r
                                this._src          = source;\r
                                \r
                                if( X_HTMLAudio_shortPlayFix ){\r
@@ -118,12 +138,11 @@ if( X_Audio_constructor ){
                                        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
                                        X_elmBody.appendChild( raw );\r
                                } else {\r
-                                       raw = X_TEMP.rawAudio || new X_Audio_constructor( source );\r
-                                       // X_Doc_create( 'audio', { src : source } )[ 'appendTo' ]( X.Doc.body );\r
-                                       raw.autobuffer = raw.autoplay = false;\r
+                                       raw = X_TEMP.rawAudio || new X_Audio_constructor( '' );\r
+                                       \r
+                                       if( X_TEMP.rawAudio ) delete X_TEMP.rawAudio;\r
                                };\r
                                \r
                                this[ '_rawObject' ] = raw;\r
@@ -132,14 +151,14 @@ if( X_Audio_constructor ){
                                                X_EVENT_KILL_INSTANCE,\r
                                                X_HTMLAudio_playTrigger,\r
                                                //'loadstart', 'load',\r
-                                               'progress', 'error',\r
+                                               'progress', //'error',\r
                                                // 'suspend', 'abort', 'emptied', 'stalled',\r
-                                               // 'play', 'pause', 'seeked', 'ratechange', 'volumechange',\r
+                                               // 'play', 'pause', 'ratechange', 'volumechange',\r
+                                               'seeked',\r
                                                'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough',\r
                                                'playing', 'waiting', 'seeking',\r
                                                'durationchange', 'timeupdate', 'ended' ] );\r
 \r
-\r
                                this[ 'listen' ]( [\r
                                                'loadstart', 'load',\r
                                                'progress', 'error',\r
@@ -149,10 +168,20 @@ if( X_Audio_constructor ){
                                                'playing', 'waiting', 'seeking',\r
                                                'durationchange', 'timeupdate', 'ended' ], this.onDebug );\r
 \r
-                               if( X_TEMP.rawAudio ){\r
+                               if( X_HTMLAudio_endedFixAOSP2 || X_HTMLAudio_endedFixAOSP4 ){\r
+                                       raw.loop = true; // loop を使えば ended で止まること回避できる 但し ended イベントが起きなくなる\r
+                               };\r
+\r
+                               if( X_HTMLAudio_need1stTouch ){\r
                                        raw.src = source;\r
-                                       X_UA[ 'AOSP' ] < 3 && raw.load();\r
-                                       delete X_TEMP.rawAudio;\r
+                               } else {\r
+                                       // if( this.autoplay ){\r
+                                               raw.preload  = 'auto';\r
+                                               raw.autoplay = true; // Android 4.0-4.1.x で必要\r
+                                               //raw.autobuffer = true;\r
+                                       //};\r
+                                       raw.src = source;\r
+                                       raw.load(); // Android4.1.1 HTL21 では必要!\r
                                };\r
                        },\r
                        \r
@@ -160,32 +189,30 @@ if( X_Audio_constructor ){
                                this.disatcher[ 'dispatch' ]( {\r
                                        type       : X_EVENT_DEBUG,\r
                                        'rawEvent' : e.type,\r
-                                       current    : this.getActualCurrentTime() | 0,\r
-                                       duration   : this.duration | 0 } );\r
+                                       'current'  : this[ '_rawObject' ].currentTime,\r
+                                       duration   : this[ '_rawObject' ].duration } );\r
                        },\r
                        \r
                        handleEvent : function( e ){\r
                                var raw    = this[ '_rawObject' ],\r
                                        actualEnded = e.type === 'ended',\r
                                        ended       = actualEnded,\r
+                                       i, l, buf, time,\r
                                        ready,\r
                                        eventType, duration, end, now;\r
                                \r
-                               // global に公開\r
-                               //window[ '__rawAudio' ] = this[ '_rawObject' ];\r
-                               \r
-                               e.type !== 'timeupdate' && console.log( ' > ' + e.type );\r
+                               if( !raw ) return;\r
+\r
+                               //e.type !== 'timeupdate' && console.log( ' > ' + e.type );\r
                                        \r
                                switch( e.type ){\r
 \r
                                        case X_EVENT_KILL_INSTANCE :\r
+                                               this.playing && this.actualPause();\r
+                                               \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
                                                raw.src = '';\r
                                                raw.load();\r
                                                \r
@@ -198,20 +225,26 @@ if( X_Audio_constructor ){
                                                // console.log( e.loaded + ' ' + e.total * 100 + '%' );\r
                                                // iem9 で常に0 raw.networkState;\r
                                                // opera Android 12 で buffered.end() へのアクセスはエラー try catch も無効、iem9 は常に end(0) = 0\r
-                                               //console.log( 'buffered.end ' + raw.buffered && raw.buffered.end(0) ); \r
+                                               if( X_HTMLAudio_progressEnabled && this.duration && this._readyState < 3 ){\r
+                                                       buf  = raw.buffered;\r
+                                                       time = 0;\r
+                                                       for( i = 0, l = buf.length; i < l; ++i ){\r
+                                                               time += buf[ 'end' ]( i ) - buf[ 'start' ]( i );\r
+                                                       };\r
+                                                       this.disatcher[ 'dispatch' ]( { type : X_EVENT_PROGRESS, 'percent' : time * 1000 / this.duration } );\r
+                                               };\r
                                                break;\r
                                        \r
                                        case 'loadeddata' :      //     コンテンツの表示を現在の再生位置で初めて行えるようになった場合に発生\r
                                        case 'canplaythrough' : //      今すぐに再生を開始してもバッファリングで停止することなく最後まで表示できると予測している場合に発生\r
-                                               if( !this._endedFixON ){\r
-                                                       ready = true;\r
+                                               if( !this._endedFixON && !X_HTMLAudio_durationFix && !X_HTMLAudio_need1stTouch ){\r
+                                                       this._readyState |= 1;\r
                                                };\r
                                        case 'canplay' :                //      今すぐに再生を再開できるが、バッファリングが不十分でコンテンツを最後まで表示できないと予測している場合に発生\r
-                                               if( X_HTMLAudio_durationFix && !X_HTMLAudio_need1stTouch && this._durationFixPhase === 1 ){\r
-                                                       console.log( '▲ DurationFix の開始 @' + e.type );\r
+                                               if( this._durationFixPhase === 1 && !X_HTMLAudio_need1stTouch ){ // PC Opera12 用 durationFix\r
                                                        this._durationFixPhase = 2;\r
-                                                       raw.play();\r
-                                                       raw.currentTime = 0; // å¿\85è¦\81ï¼\81\r
+                                                       this.actualPlay();\r
+                                                       raw.currentTime = 0; // Win8 + Opera12 ã\81§å¿\85è¦\81\r
                                                };\r
                                                if( this._endedFixON ){\r
                                                        console.log( '▽ onEndedFix の終了 @' + e.type  );\r
@@ -227,31 +260,45 @@ if( X_Audio_constructor ){
        \r
                                        // TODO firefox で 短い音声でtimeupdate, ended が発火しない <- 最後の音に無音部分を追加する\r
                                        case 'timeupdate' :      //     通常の再生が行われ現在の再生位置の変化が起こった場合に発生\r
-                                               if( this._durationFixPhase & 3 ){ // 1 or 2\r
+                                               if( this._seekingFixON ){\r
+                                                       eventType = X_EVENT_MEDIA_SEEKING;\r
+                                               } else\r
+                                               if( this._durationFixPhase === 8 ){\r
+                                                       this._durationFixPhase = 0;\r
+                                                       this._readyState |= 1;\r
+                                               } else\r
+                                               if( this._durationFixPhase === 4 ){ // 1 or 2\r
                                                        duration = raw.duration;\r
+                                                       eventType = X_EVENT_MEDIA_WAITING;\r
+                                               } else\r
+                                               if( this._touchState === 3 && !X_HTMLAudio_durationFix ){\r
+                                                       this._touchState  = 0;\r
+                                                       this._readyState |= 1;\r
                                                } else\r
-                                               if( this.getActualCurrentTime() === this._lastCurrentTime ){\r
+                                               if( ( now = this.getActualCurrentTime() ) === this._lastCurrentTime ){\r
                                                        eventType = X_EVENT_MEDIA_WAITING;\r
-                                               } else {\r
-                                                       this._lastCurrentTime = this.getActualCurrentTime();\r
-\r
-                                                       if( this.playing ){\r
-                                                               end = X_Audio_getEndTime( this ) + this._shortPlayFixTime;\r
-                                                               now = this.getActualCurrentTime();\r
-                                                               //console.log( now + ' / ' + end );\r
-                                                               if( 0 + end <= 0 + now ){ // 0+ なぜか iem9 で必要,,,\r
-                                                                       if( this.autoLoop ){\r
-                                                                               console.log( '☆★☆ 曲の最後に到達 @timeupdate now-end:' + ( now - end ) );\r
-                                                                               ended = true;\r
-                                                                               if( X_HTMLAudio_endedFixIOS ) actualEnded = true;\r
-                                                                       } else {\r
-                                                                               this.actualPause();\r
-                                                                               eventType = X_EVENT_MEDIA_ENDED;\r
-                                                                       };\r
+                                               } else\r
+                                               if( this.playing ){\r
+                                                       end = X_Audio_getEndTime( this ) + this._shortPlayFixTime;\r
+                                                       //console.log( now + ' / ' + end );\r
+                                                       if( ( 0 + end <= 0 + now ) || // 0+ なぜか iem9 で必要,,,\r
+                                                               ( now < this._lastCurrentTime && now < 2000 ) ){\r
+                                                               //( ( X_HTMLAudio_endedFixAOSP2 || X_HTMLAudio_endedFixAOSP4 ) && ( now < this._lastCurrentTime && now < 1000 ) ) ){\r
+                                                                       // loop して0付近に戻った場合\r
+                                                                       // iOS8.4 ではこのタイミングで now が last より 0.1秒後退している場合がある\r
+                                                                       // iOS7.1 ではもっと小さい場合がある,,,\r
+                                                               if( this.autoLoop ){\r
+                                                                       console.log( '☆★☆ 曲の最後に到達 @timeupdate now-end:' + ( now - end ) + ' now:' + now + ' last:' + this._lastCurrentTime );\r
+                                                                       ended = true;\r
+                                                                       //if( X_HTMLAudio_endedFixIOS ) actualEnded = true;\r
                                                                } else {\r
-                                                                       eventType = X_EVENT_MEDIA_PLAYING;\r
+                                                                       this.actualPause();\r
+                                                                       eventType = X_EVENT_MEDIA_ENDED;\r
                                                                };\r
+                                                       } else {\r
+                                                               eventType = X_EVENT_MEDIA_PLAYING;\r
                                                        };\r
+                                                       this._lastCurrentTime = now;\r
                                                };\r
                                                break;\r
        \r
@@ -263,79 +310,74 @@ if( X_Audio_constructor ){
                                        //case 'abort' :                  //    ダウンロードの完了前にコンテンツの取得を停止した場合に発生(この停止はエラーによるものではない)\r
                                        //      break;\r
                                                \r
-                                       case 'error' :            //    コンテンツの取得実行中にエラーが発生した場合に発生\r
+                                       //case 'error' :                  //    コンテンツの取得実行中にエラーが発生した場合に発生\r
                                                // Opera12 src = '' で error が発生、無視する\r
                                                // eventType = X_EVENT_ERROR;\r
-                                               break;\r
+                                               //break;\r
                                                \r
                                        case 'playing' :                //      再生が開始された場合に発生\r
                                                if( X_HTMLAudio_volumeFix ){\r
                                                        raw.volume = this.gain;\r
                                                };\r
-                                               if( X_HTMLAudio_currentTimeFix && !this._currentFixStart ){\r
+                                               //if( X_HTMLAudio_currentTimeFix && !this._currentFixStart ){\r
                                                        //this._currentFixStart = X_Timer_now(); // 正確な再生開始時間に補正\r
-                                               };\r
-                                               eventType = !this._durationFixSkip && !this._endedFixON ? X_EVENT_MEDIA_PLAYING : X_EVENT_MEDIA_WAITING;\r
+                                               //};\r
+                                               eventType = !this._durationFixPhase && !this._endedFixON ? X_EVENT_MEDIA_PLAYING : X_EVENT_MEDIA_WAITING;\r
                                        //case 'play' :            //   再生が開始された。play()メソッドからの復帰後に発生する場合に発生\r
                                        //case 'pause' :                  //    再生が一時停止された。pauseメソッドからの復帰後に発生する場合に発生\r
-                                       //case 'seeked' : \r
                                        //case 'ratechange' :    // defaultPlaybackRate属性とplaybackRate属性のどちらかが更新された場合に発生\r
                                        //case 'volumechange' :   // volume属性とmuted属性のどちらかが変化した場合に発生\r
                                                break;\r
                                        \r
+                                       case 'seeked' :\r
+                                               if( this._seekingFixON ) this._seekingFixON = false;\r
+                                               break;\r
+                                       \r
                                        case 'waiting' :                //      次のフレームが利用不可のため再生を停止したが、そのフレームがやがて利用可能になると想定している場合に発生\r
                                                eventType = X_EVENT_MEDIA_WAITING;\r
                                                break;\r
                                        case 'seeking' :                //      シークがtrueに変化し、イベントを発生させるのに十分な時間がシーク操作にかかっている場合に発生\r
                                                eventType = X_EVENT_MEDIA_SEEKING;\r
+                                               if( X_HTMLAudio_seekingFixIOS ) this._seekingFixON = true;\r
                                                break;\r
                                };\r
                                \r
                                // duration は Infinity, NaN, 0 の場合があるため、これを除外する\r
-                               if( 0 < duration && X_Type_isFinite( duration ) ){\r
+                               // chrome18 for Android は duration = 100 の間はシークができない? 28 は可能\r
+                               if( 0 < duration && X_Type_isFinite( duration ) && duration !== 100 ){\r
                                        this.duration = duration * 1000;\r
 \r
-                                       if( this._durationFixPhase === 2 ){\r
+                                       if( this._durationFixPhase === 4 ){\r
                                                console.log( '▼ DurationFix の終了 @' + e.type );\r
-                                               this._durationFixPhase = 4;\r
-                                               \r
-                                               ready = true;\r
+                                               this._durationFixPhase = 8;\r
                                                \r
-                                               if( this.autoplay || this._loaded ){\r
+                                               if( this.autoplay || this._playReserved ){\r
                                                        console.log( '☆ 再生 <- DurationFix の終了' );\r
-                                                       this._durationFixSkip = false;\r
                                                        this.actualPlay();\r
                                                } else\r
                                                if( X_HTMLAudio_pauseFix ){\r
                                                        console.log( '☆ PAUSE <- DurationFix の終了' );\r
-                                                       //raw.src = '';\r
-                                                       //raw.load();\r
-                                                       this.actualPause();                             \r
+                                                       this.actualPause();\r
                                                };\r
                                        } else\r
-                                       if( this._durationFixPhase ){\r
-                                               this._durationFixPhase = 4;\r
+                                       if( this._durationFixPhase & 3 ){ // === 1 | 2\r
+                                               this._durationFixPhase = 8;\r
                                        };                                      \r
                                };\r
 \r
-                               this._loaded  = this._loaded || ready;\r
-\r
                                //\r
-                               if( X_HTMLAudio_need1stTouch && !this._touchRequested ){\r
+                               if( this._touchState === 1 ){\r
                                        if( e.type === X_HTMLAudio_playTrigger ){\r
-                                               this._touchRequested = true;\r
-                                               this.disatcher[ 'asyncDispatch' ]( X_EVENT_MEDIA_CAN_TOUCH_LOAD );                                              \r
+                                               this._touchState = 2;\r
+                                               this.disatcher[ 'asyncDispatch' ]( X_EVENT_MEDIA_TOUCH_FOR_LOAD );                                              \r
                                        };\r
                                } else\r
                                if( ended ){\r
-                                       if( !this._closed && this.autoLoop ){\r
+                                       if( this.autoLoop ){\r
                                                if( !( this.disatcher[ 'dispatch' ]( X_EVENT_MEDIA_BEFORE_LOOP ) & X_CALLBACK_PREVENT_DEFAULT ) ){\r
                                                        this.looped = true;\r
                                                        this.disatcher[ 'dispatch' ]( X_EVENT_MEDIA_LOOPED );\r
-                                                       ( X_HTMLAudio_endedFixAOSP3 || X_HTMLAudio_endedFixAOSP4 || X_HTMLAudio_endedFixCWV || X_HTMLAudio_endedFixIOS ) && actualEnded && console.log( '☆★☆ 音声の継続用の play() @ended' );\r
-                                                       this.actualPlay(\r
-                                                               ( X_HTMLAudio_endedFixAOSP4 || X_HTMLAudio_endedFixCWV || X_HTMLAudio_endedFixIOS ) && actualEnded,\r
-                                                               ( X_HTMLAudio_endedFixAOSP3 || X_HTMLAudio_endedFixAOSP2 ) && actualEnded );\r
+                                                       this.actualPlay( X_HTMLAudio_endedFixCWV && actualEnded, X_HTMLAudio_endedFixAOSP3 && actualEnded );\r
                                                };\r
                                        } else {\r
                                                this.seekTime = 0;\r
@@ -343,48 +385,52 @@ if( X_Audio_constructor ){
                                                this.disatcher[ 'dispatch' ]( X_EVENT_MEDIA_ENDED );\r
                                        };\r
                                } else\r
-                               if( this._loaded && this.duration && !this._ready ){\r
-                                       this._ready = true;\r
+                               if( this._readyState === 1 && this.duration ){\r
+                                       this._readyState |= 2;\r
                                        this.disatcher[ 'asyncDispatch' ]( X_EVENT_READY );\r
-                                       this.autoplay && !X_WebAudio_need1stTouch && X_Timer_once( 16, this, this.play );\r
                                        console.log( '> Audio Loaded!! ' + e.type + ' d:' + ( this.duration | 0 ) );\r
                                } else\r
                                if( eventType ){\r
                                        this.disatcher[ 'dispatch' ]( eventType );\r
-                                       eventType === X_EVENT_ERROR && this[ 'kill' ]();\r
                                };\r
                        },\r
 \r
                        actualPlay : function( forcePlay, forceReload ){\r
                                var raw = this[ '_rawObject' ],\r
                                        e, begin, end;\r
+\r
+                               if( !raw ) return;\r
                                \r
-                               // もし kill 後に autoplayTimer で呼ばれても、_closed==true なので平気\r
-                               if( this._closed ) return;\r
-                               \r
-                               \r
-                               if( !raw.src ){ // X_HTMLAudio_pauseFix によって src が空になっている\r
-                                       console.log( '○ 削除された audio.src の復帰' );\r
-                                       raw.src = this._src;\r
-                                       //return;\r
-                               };                              \r
+                               this._playReserved = true;\r
                                \r
-                               if( this._touchRequested && !this._touched ){\r
+                               if( X_HTMLAudio_pauseFix ){\r
+                                       if( !raw.src ){ // X_HTMLAudio_pauseFix によって src が空になっている\r
+                                               console.log( '○ 削除された audio.src の復帰' );\r
+                                               raw.src = this._src;\r
+                                               return;\r
+                                       };\r
+                                       if( this._durationFixPhase < 2 ){\r
+                                               return;\r
+                                       };              \r
+                               };\r
+\r
+                               if( this._touchState === 2 ){\r
                                        e = X_EventDispatcher_CURRENT_EVENTS[ X_EventDispatcher_CURRENT_EVENTS.length - 1 ];\r
                                        if( !e || !e[ 'pointerType' ] ){\r
-                                               alert( 'タッチイベント以外での play! ' + e.type );\r
+                                               alert( 'タッチイベント以外での play! ' + ( e ? e.type : '' ) );\r
                                                return;\r
                                        };\r
-                                       this._touched = true;\r
+                                       this._touchState = 3;\r
                                } else\r
-                               if( !this._ready && ( !X_HTMLAudio_durationFix || !X_HTMLAudio_need1stTouch ) ){\r
-                                       this.autoplay = true;\r
+                               if( this._readyState !== 3 && this._durationFixPhase < 2 ){\r
                                        return;\r
                                };\r
-\r
-                               if( X_HTMLAudio_durationFix && X_HTMLAudio_need1stTouch && this._durationFixPhase === 1 ){\r
-                                       console.log( '▲ DurationFix の開始(タッチ用)' );\r
-                                       this._durationFixPhase = 2;\r
+                               \r
+                               delete this._playReserved;\r
+                               \r
+                               if( this._durationFixPhase & 3 ){ // 1 or 2\r
+                                       console.log( '▲ DurationFix の開始' );\r
+                                       this._durationFixPhase = 4;\r
                                };\r
 \r
                                end   = X_Audio_getEndTime( this );\r
@@ -399,7 +445,7 @@ if( X_Audio_constructor ){
                                        };\r
                                };\r
 \r
-                               if( this._durationFixSkip || this._endedFixON ){\r
+                               if( this._endedFixON ){\r
                                        console.log( '☆ audio.play をスキップ ' + begin + ' -> ' + end + ' crt:' + ( raw.currentTime | 0 ) );\r
                                } else {\r
                                        if( !this.playing ){\r
@@ -413,7 +459,6 @@ if( X_Audio_constructor ){
                                        } else\r
                                        if( X_HTMLAudio_needPlayForSeek || forcePlay ){\r
                                                raw.play();\r
-                                               console.log( '[HTMLAudio] currentTime より先.' );\r
                                        };\r
                                        \r
                                        //http://himaxoff.blog111.fc2.com/blog-entry-97.html\r
@@ -421,19 +466,17 @@ if( X_Audio_constructor ){
                                        //また、GoogleChrome7 では currentTime = 0 直後に play() すると、pause()した位置前後の音が混ざることがある。(少なくとも自分の環境では)\r
 \r
                                        // iOS で duration が 0 の時に触ると error\r
-                                       if( !X_HTMLAudio_durationFix || this.duration ) raw.currentTime = this._lastCurrentTime;\r
+                                       // 0 or 8\r
+                                       if( !( this._durationFixPhase % 8 ) && this.duration ) raw.currentTime = this._lastCurrentTime;\r
 \r
                                        console.log( '[HTMLAudio] play ' + begin + ' -> ' + end + ' crt:' + ( raw.currentTime | 0 ) + ' last:' + this._lastCurrentTime );\r
 \r
-                                       if( forceReload || ( X_HTMLAudio_endedFixAOSP4 && raw.duration && raw.currentTime === raw.duration ) ){\r
-                                               raw.src          = '';\r
-                                               raw.src          = this._src;\r
+                                       if( forceReload ){\r
                                                this.playing     = false;\r
                                                this._endedFixON = true;\r
+                                               raw.src = this._src;\r
                                                console.log( '△ onEndedFix の開始' );\r
-                                               raw.currentTime  = this._lastCurrentTime;\r
                                                this.disatcher[ 'dispatch' ]( X_EVENT_MEDIA_WAITING );\r
-                                               X_HTMLAudio_endedFixAOSP2 && raw.load();\r
                                        };\r
                                };\r
 \r
@@ -444,19 +487,18 @@ if( X_Audio_constructor ){
                        },\r
                        \r
                        actualPause : function(){\r
-                               console.log( '[HTMLAudio] pause' );\r
+                               var raw = this[ '_rawObject' ];\r
                                \r
-                               this.seekTime = this.getActualCurrentTime();\r
+                               console.log( '[HTMLAudio] pause' );\r
 \r
                                delete this._currentFixStart;\r
 \r
-                               !this[ '_rawObject' ].error && this[ '_rawObject' ].pause();\r
+                               !raw.error && raw.pause();\r
                                \r
                                if( X_HTMLAudio_pauseFix ){\r
-                                       this[ '_rawObject' ].src = '';\r
+                                       raw.src = '';\r
                                        if( X_HTMLAudio_durationFix ){\r
                                                delete this._durationFixPhase;\r
-                                               delete this._durationFixSkip;\r
                                        };\r
                                };\r
                                delete this.playing;\r