問題タブ [html5-audio]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
16305 参照

javascript - HTML5オーディオタグのJavaScriptでバー処理を探す

私は以下のように私のコードを持っています

これは、http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/で説明されているとおりです。

私の問題は1)オーディオの長さに応じてシークバーの最大値が設定されていないことです。(シークバーの幅は、オーディオの長さの約半分です)。2)オーディオの再生中にシークバーは進行状況を表示しませんが、シークバーをドラッグすると、currenTimeが実際に変化します。

誰かが私のコードを正しく機能するように変更するのを手伝ってもらえますか?

0 投票する
2 に答える
2151 参照

html - HTML5を使用したスト​​リーミングオーディオのレイテンシーの最小化

3秒未満の遅延でWebページのライブオーディオストリームを聴こうとしています。これまでのところ、icesとicecastを使用して生成されたogg vorbisストリームでは、7秒未満のレイテンシーを取得できませんでした。私がこれまでに使用したすべてのプレーヤー(Firefox、Opera、Safariのhtml5オーディオタグ、VLCも同様)は、同様の遅延を導入しているようです。現時点では、ices/icecastとクライアント側のプレーヤーでどのくらいの遅延が発生するかは不明です。氷とicecastの設定を微調整しましたが、役に立ちませんでした。

同様のices/icecastセットアップで、これよりも優れたレイテンシーを達成した人はいますか?ogg vorbisデコーダー(ブラウザーのhtml 5、VLCなど)がオーディオストリームを数秒間遅らせることは期待していません。私は間違っていますか?ブラウザでのバッファサイズの制御やデコードに関する情報が見つかりません。

別のアーキテクチャ(html 5、firefox、wav形式のオーディオを提供するWSGIサーバー)を使用すると、約1〜2秒の遅延を実現できました。デフォルトでは、Firefoxは5秒以上遅れてwavファイルの再生を開始しましたが、audio.currentTimeを先に設定することで再生を進めることができ、1〜2秒遅れるだけです(やや壊れやすい)。ただし、私はIcecastを使用する方がはるかに好きで、ストリーミングwavは明らかにスケーリングしません。

アイデアを事前に感謝します。

0 投票する
4 に答える
1846 参照

javascript - iPadでHTML5/Javascriptを使用してオーディオを合成する方法

iPadのMobileSafariでHTML5/Javascriptを使用してオーディオを合成(および再生)する実用的なサンプルコードを入手した人はいますか?Web上でJavaScriptベースのサウンド合成の例をいくつか見つけましたが、それらはすべてFirefoxでのみ機能するようです。

0 投票する
1 に答える
521 参照

html - HTML5: Real-time sound

Can HTML5 (or anything in the browser) be used to transmit sound in real-time? Like Skype for example? Thanks

0 投票する
2 に答える
2143 参照

uiwebview - Mobile Safari と UIWebView の複数の HTML5 オーディオ タグ

<audio>デフォルトのコントロールを使用すると、ページが複数ある場合に問題が発生します。カスタム コントロールの詳細な作成はまだテストしていません。

カスタム コントロールには、「一時停止」に変わる「開始」ボタンがあります。オーディオを一時停止しても問題ありません。ただし、ページの 2 番目のオーディオ コントロールに移動すると、最初のオーディオ コントロールが一時停止している間は再生されません。最初の 1 つを最後まで再生すると、[再生] ボタンをクリックすると 2 つ目が再生されます。

どこかに「停止」機能はありますか?もしそうなら、それは私がカスタムコントロールを作成する必要があることを意味し、私はそれを行うことができますが、最初のコントロールの再生を実際に「停止」するために使用されるイベントが見つかりませんでした. また、一時停止しなければならず、2 番目の音声を再生する前に停止ボタンも押す必要があることをユーザーが理解するのは、本当に混乱を招く可能性があります。

前のオーディオが一時停止されているかどうかを確認し、最初のオーディオを停止するかリセットしてから、2 番目のオーディオを再生するスクリプトを使用できることを願っています。

何か案は?ありがとう、Linda PS 私は JavaScript が苦手なので、誰かがスクリプトを手伝ってくれたら幸いです。

0 投票する
5 に答える
135435 参照

css - のカスタムCSS

HTML5オーディオタグを実装する音楽プレーヤーWebアプリケーションを構築していますが、ブラウザー間で一貫性があるように見せたいのですが、独自のカスタムCSSを定義することは可能ですか?そしてどうやって?

0 投票する
2 に答える
1854 参照

html - HTML 5 を使用してローカル フォルダーに音楽ファイルのデータベースを作成しますか?

「ファイル名」、「曲名」、「サイズ」、「アーティスト」、「長さ」、「評価」などの音楽ファイルの詳細を取得したいです。これは私の Web サイトに必要です。ユーザーがサイトのボタンをクリックするとポップアップが表示され、mp3 ファイルを含むフォルダーを選択できます。次に、ポップアップ プログラムが必要なデータを作成し、サーバーにアップロードします。

どうすればいいですか?閃光?HTML5でそれを行う方法はありますか? 純粋な HTML 5? フラッシュを使わずに?

0 投票する
2 に答える
40614 参照

streaming - Node.js サーバーから HTML5 へのオーディオのストリーミング

私は Node.js でバイナリ ストリームを実験してきましたが、驚いたことに、node-radio-stream を使用して Shoutcast ストリームを取得し、それをチャンク エンコーディングを使用して HTML5 要素にプッシュする実際の動作デモがあります。ただし、Safariでのみ機能します。

ここに私のサーバーコードがあります:

私のクライアントコードは単純です:

これは Mac の Safari 5 では問題なく動作しますが、Chrome や Firefox では何もしないようです。何か案は?

エンコーディングの問題、または部分的に実装された HTML5 機能を含む可能性のある候補...

0 投票する
3 に答える
3936 参照

html - HTML5で音声を録音することはできますか?

一部のプログラムの Web バージョンを検討しており、HTML5 と Flash を検討しています。

HTML5でオーディオを録音することさえ可能かどうか知っている人はいますか?

0 投票する
2 に答える
26761 参照

javascript - プログラムで HTML5 オーディオ タグに複数のソースを追加するにはどうすればよいですか?

多くの例では、さまざまなブラウザー間でのコーデックの互換性を克服する方法として、audio タグにネストされた複数のソース タグを示しています。このようなもの -

JavaScript を使用している間、次のような音声要素を作成することもできます -

.srcプロパティでソースを設定できる場所-new_audio.src="....";

JavaScript を使用してオーディオ要素に複数のソースを追加する方法を見つけることができませんでした。これは、HTML スニペットに示されているソース タグに似ています。

他の DOM 要素を操作するのと同じように、を操作してその中にタグnew_audioを追加しますか? <source...私は今これをやっていますが、うまくいきます。

もっと適切な方法があるのだろうか?