問題タブ [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.
javascript - HTML5オーディオタグのJavaScriptでバー処理を探す
私は以下のように私のコードを持っています
私の問題は1)オーディオの長さに応じてシークバーの最大値が設定されていないことです。(シークバーの幅は、オーディオの長さの約半分です)。2)オーディオの再生中にシークバーは進行状況を表示しませんが、シークバーをドラッグすると、currenTimeが実際に変化します。
誰かが私のコードを正しく機能するように変更するのを手伝ってもらえますか?
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は明らかにスケーリングしません。
アイデアを事前に感謝します。
javascript - iPadでHTML5/Javascriptを使用してオーディオを合成する方法
iPadのMobileSafariでHTML5/Javascriptを使用してオーディオを合成(および再生)する実用的なサンプルコードを入手した人はいますか?Web上でJavaScriptベースのサウンド合成の例をいくつか見つけましたが、それらはすべてFirefoxでのみ機能するようです。
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
uiwebview - Mobile Safari と UIWebView の複数の HTML5 オーディオ タグ
<audio>
デフォルトのコントロールを使用すると、ページが複数ある場合に問題が発生します。カスタム コントロールの詳細な作成はまだテストしていません。
カスタム コントロールには、「一時停止」に変わる「開始」ボタンがあります。オーディオを一時停止しても問題ありません。ただし、ページの 2 番目のオーディオ コントロールに移動すると、最初のオーディオ コントロールが一時停止している間は再生されません。最初の 1 つを最後まで再生すると、[再生] ボタンをクリックすると 2 つ目が再生されます。
どこかに「停止」機能はありますか?もしそうなら、それは私がカスタムコントロールを作成する必要があることを意味し、私はそれを行うことができますが、最初のコントロールの再生を実際に「停止」するために使用されるイベントが見つかりませんでした. また、一時停止しなければならず、2 番目の音声を再生する前に停止ボタンも押す必要があることをユーザーが理解するのは、本当に混乱を招く可能性があります。
前のオーディオが一時停止されているかどうかを確認し、最初のオーディオを停止するかリセットしてから、2 番目のオーディオを再生するスクリプトを使用できることを願っています。
何か案は?ありがとう、Linda PS 私は JavaScript が苦手なので、誰かがスクリプトを手伝ってくれたら幸いです。
css - のカスタムCSS
HTML5オーディオタグを実装する音楽プレーヤーWebアプリケーションを構築していますが、ブラウザー間で一貫性があるように見せたいのですが、独自のカスタムCSSを定義することは可能ですか?そしてどうやって?
html - HTML 5 を使用してローカル フォルダーに音楽ファイルのデータベースを作成しますか?
「ファイル名」、「曲名」、「サイズ」、「アーティスト」、「長さ」、「評価」などの音楽ファイルの詳細を取得したいです。これは私の Web サイトに必要です。ユーザーがサイトのボタンをクリックするとポップアップが表示され、mp3 ファイルを含むフォルダーを選択できます。次に、ポップアップ プログラムが必要なデータを作成し、サーバーにアップロードします。
どうすればいいですか?閃光?HTML5でそれを行う方法はありますか? 純粋な HTML 5? フラッシュを使わずに?
streaming - Node.js サーバーから HTML5 へのオーディオのストリーミング
私は Node.js でバイナリ ストリームを実験してきましたが、驚いたことに、node-radio-stream を使用して Shoutcast ストリームを取得し、それをチャンク エンコーディングを使用して HTML5 要素にプッシュする実際の動作デモがあります。ただし、Safariでのみ機能します。
ここに私のサーバーコードがあります:
私のクライアントコードは単純です:
これは Mac の Safari 5 では問題なく動作しますが、Chrome や Firefox では何もしないようです。何か案は?
エンコーディングの問題、または部分的に実装された HTML5 機能を含む可能性のある候補...
html - HTML5で音声を録音することはできますか?
一部のプログラムの Web バージョンを検討しており、HTML5 と Flash を検討しています。
HTML5でオーディオを録音することさえ可能かどうか知っている人はいますか?
javascript - プログラムで HTML5 オーディオ タグに複数のソースを追加するにはどうすればよいですか?
多くの例では、さまざまなブラウザー間でのコーデックの互換性を克服する方法として、audio タグにネストされた複数のソース タグを示しています。このようなもの -
JavaScript を使用している間、次のような音声要素を作成することもできます -
.src
プロパティでソースを設定できる場所-new_audio.src="....";
JavaScript を使用してオーディオ要素に複数のソースを追加する方法を見つけることができませんでした。これは、HTML スニペットに示されているソース タグに似ています。
他の DOM 要素を操作するのと同じように、を操作してその中にタグnew_audio
を追加しますか? <source...
私は今これをやっていますが、うまくいきます。
もっと適切な方法があるのだろうか?