4

私はモバイル Web アプリに取り組んでおり、Android と iOS の両方でHTML5オーディオまたはビデオの連続再生を許可したいと考えています (つまり、YouTubeビデオまたはGroovesharkの曲のプレイリストをキューに入れ、それらをすべて自動的に連続して再生させます)。

Android は問題ではないようですが、私が読んだすべてのことから、Safari は、ユーザーが開始しない限りオーディオの再生を妨げ、画面がロックされると継続的な再生を妨げることが示唆されています。

そうは言っても、Grooveshark のモバイル Web アプリは、私の iPhone 5 (iOS 7) で曲のプレイリスト全体を再生します。別の Safari タブを開いている場合や画面をロックしている場合でも、次の曲が再生されます。

質問: 彼らはどのようにそれを行うのですか?

4

1 に答える 1

4

このコード (jQuery) は、iPhone Safari iOS7 で連続再生のために機能します。画面をロックしたり他のタブを開いたりしても、最初のトラックが終了するとトラックが変更されます (新しいトラックがロードされるまで少し時間がかかります)。

<audio id="audio1" src="song1.mp3" controls></audio>
<script type="text/javascript">
$('#audio1').on('ended',function(){
    $(this).attr('src','song2.mp3');
    $(this)[0].play();
    });
</script>

ユーザーによって開始されない限り、Safari はオーディオの再生を防止するという提案を読んだことがあります。

=> それは真実であり、設計によるものです- 今日の時点で知られている回避策はありません (まあ...私はそれを機能させる醜い試みを見てきました)。

于 2014-04-25T15:04:51.070 に答える