神魂顛倒論壇logo

icon
首頁網頁 / 程式應用區Front-end網頁前端討論 → iPhone/iPad 等行動裝置上的 audio 標籤無法自動播放 (autoplay) 與預載問題

Silverlight 5 | 雷射溶脂 | 瘦小腹 | 植髮 | 眼袋 | 玻尿酸 | 電波拉皮 | Flash | 購物車 | Flash Player 11.2 | 豐胸 |

下一主題 上一主題


iPhone/iPad 等行動裝置上的 audio 標籤無法自動播放 (autoplay) 與預載問題


iPhone/iPad 等行動裝置上的 audio 標籤無法自動播放 (autoplay) 與預載問題 簡版






iPhone/iPad 等行動裝置上的 audio 標籤無法自動播放 (autoplay) 與預載問題

情況描述:Case 中有個互動效果是當使用者開啟手機版網頁後,會進行互動並播放 GIF 動畫(噢,許多舊版本的 Android 裝置是無法播放 GIF 動畫的,這點也要提一下),動畫播放過程中會播放音效。

在 Android 的內建瀏覽器中可自動播放音效,但在 Android 的 Chrome Beta 與 iPhone/iPad 上的 Safari 卻無法正常播放,一點聲音也沒有。而且在桌上型電腦上都可正常地播放。

後來查到 Safari 官方的規範文件 Safari HTML5 Audio and Video Guide 中提到

這是為了防止使用者使用以量計費的行動網路時,自動播放或預載就會不知不覺地花去網路費用。

除非這個播放是使用者「主動」點擊觸發的,不然設什麼屬性都不會自動播放/預載。

能了解它們的立場,是立意良好啦,但在製作一些需要互動體驗的效果上就會受此限制了。跟此篇作者最後的看法一樣,為何不跳出選項(像要求存取 GPS 一樣)讓使用者自由選擇是否要預載/播放聲音呢?

 
在我的 Case 中,確實是在使用者「主動觸發」,不過是在觸發播放 GIF 動畫後「一段時間」( 我是用 setTimeout 或是 Nodejs 的偵聽來等待 ) 才會播放聲音,那一樣會被判定為「非使用者主動點擊」。

解法有點取巧,就是「先 play 再 pause,接著再 play 」。




購物車 | 回到頂部
Icon
網路的事情,讓網路解決

[ 逛網路就像是在探險 ]

    神 魂 顛 倒 T W G

http://bbs.flash2u.com.tw

http://tw.myblog.yahoo.com/flash2u-twg

http://flash-silverlight.blogspot.com/

http://flash2u.spaces.live.com/?_c02_owner=1
下一主題 上一主題