web-dev-qa-db-ja.com

すべてのページで<audio>ファイルを連続して再生するにはどうすればよいですか?

すべてのページで「継続的に」再生するオーディオファイルを取得する方法を考えています。そのため、オーディオファイルが20秒間再生された場合、別のページに移動すると、中断したところから続行します。また、ホームページから移動してから音量を下げようとしています。ヒントやアドバイスはありがたいです!ありがとう= D

<audio src="songforsite.mp3" loop="true" autoplay="true" controls>
Unsupported in Firefox
</audio>
19
Joshua Baker

本当に別のページに移動した場合、実際の連続再生は得られません。

3つの一般的なアプローチがあります。

  • ポップアップでオーディオプレーヤーを開きます
  • フレーム:ページを表示するメインフレーム、オーディオプレーヤー用の小さなフレーム
  • 実際に他のページに移動するのではなく、AJAXですべてを実行し、それにより実際にページをリロードせず、ドキュメント構造の一部のみを動的に変更します。 HTML5 History APIを使用する

すべてのアプローチには長所と短所があります。ポップアップはおそらく実装が最も簡単で、欠点はフレームと比較して最も少ないです。

また、ホームページから移動してから音量を下げようとしています。

次に、「ホーム」リンク/ボタンのクリックをキャッチし、0〜1の範囲のパラメーター値でvolume要素のaudioメソッドを呼び出して、ボリュームを設定します。

13
CBroe

まあ..それを行うためのきれいできれいな方法は、soundcloud.comとspoify.comがすべてのページをajaxifingすることで作った方法です

ページを修正し、ajaxを介してページコンテンツを変更し、URLを変更して、ユーザーにナビゲートする錯覚を与えます。

4