タグ付けされた質問 「html5-audio」


18
JavaScript / HTML5の効果音
ゲームのプログラミングにHTML5を使用しています。私が今遭遇している障害は、効果音を再生する方法です。 特定の要件は少数です。 複数のサウンドを再生してミックスし、 同じサンプルを複数回再生し、場合によっては再生を重ねて、 任意の時点でサンプルの再生を中断し、 できれば(低品質の)RAW PCMを含むWAVファイルを再生してくださいが、もちろん変換できます。 私の最初のアプローチは、HTML5 <audio>要素を使用して、ページ内のすべてのサウンドエフェクトを定義することでした。FirefoxはWAVファイルを完全に再生しますが、#play複数回呼び出しても実際にはサンプルが複数回再生されるわけではありません。HTML5仕様についての私の理解から、<audio>要素は再生状態も追跡するので、それが理由を説明しています。 私の当面の考えは、オーディオ要素のクローンを作成することでした。そのため、次の小さなJavaScriptライブラリを作成しました(jQueryに依存します)。 var Snd = { init: function() { $("audio").each(function() { var src = this.getAttribute('src'); if (src.substring(0, 4) !== "snd/") { return; } // Cut out the basename (strip directory and extension) var name = src.substring(4, src.length - 4); // Create the …

14
HTML5オーディオ停止機能
ナビゲーションの各リンクをクリックして小さなオーディオクリップを再生しています HTMLコード: <audio tabindex="0" id="beep-one" controls preload="auto" > <source src="audio/Output 1-2.mp3"> <source src="audio/Output 1-2.ogg"> </audio> JSコード: $('#links a').click(function(e) { e.preventDefault(); var beepOne = $("#beep-one")[0]; beepOne.play(); }); これまでのところ問題なく動作しています。 問題は、サウンドクリップが既に実行されていて、リンクをクリックしても何も起こらない場合です。 リンクをクリックしたときに既に再生されているサウンドを停止しようとしましたが、HTML5のオーディオAPIにはその直接のイベントはありません 次のコードを試してみましたが、機能しません $.each($('audio'), function () { $(this).stop(); }); 何か提案がありますか?
147 html  html5-audio 

7
HTML5オーディオをファイルに記録
私が最終的にやりたいのは、ユーザーのマイクから録音し、完了したらサーバーにファイルをアップロードすることです。これまでのところ、次のコードを使用して要素へのストリームを作成できました。 var audio = document.getElementById("audio_preview"); navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; navigator.getUserMedia({video: false, audio: true}, function(stream) { audio.src = window.URL.createObjectURL(stream); }, onRecordFail); var onRecordFail = function (e) { console.log(e); } それからファイルに録音する方法を教えてください。

10
Webサイトで通知音を再生するにはどうすればよいですか?
特定のイベントが発生したときに、ウェブサイトでユーザーに短い通知音を鳴らしたい。 Webサイトを開いたときに、サウンドが(すぐに)自動起動しないようにする必要があります。代わりに、JavaScriptを介してオンデマンドで再生する必要があります(その特定のイベントが発生したとき)。 これが古いブラウザー(IE6など)でも機能することが重要です。 したがって、基本的に2つの質問があります。 どのコーデックを使用すればよいですか? オーディオファイルを埋め込むためのベストプラクティスは何ですか?(<embed>vs. <object>vs.フラッシュvs. <audio>)

17
Chromeでオーディオを自動再生する方法
オーディオの自動再生は、Mozilla、Microsoft Edge、古いGoogle Chromeでも機能しますが、新しいGoogleChromeでは機能しません。彼らは自動再生をブロックしました。それをグーグルクロームでオーディオ自動再生にする方法はありますか?

8
Firefoxが<audio>のMP3ファイル形式をサポートしないのはなぜですか
Firefoxが&lt;audio&gt;要素内のMP3ファイルの再生をサポートせず、Ogg形式のみをサポートする特別な理由はありますか? ライセンスの問題ですか? 将来の可能性のある実装について計画はありますか? &lt;audio&gt;エレメントでのMP3再生をサポートするアドオンを開発することは可能ですか?

9
HTML5オーディオループ
最近HTML5オーディオで遊んでいますが、サウンドを再生することはできますが、再生されるのは1回だけです。何をしようとしても(プロパティ、イベントハンドラーの設定など)、ループさせることができないようです。 これが私が使用している基本的なコードです: //myAudio is declared at a global scope, so it doesn't get garbage collected. myAudio = new Audio('someSound.ogg'); myAudio.loop = true; myAudio.play(); Chrome(6.0.466.0 dev)とFirefox(4 beta 1)を使用してテストしていますが、どちらもループのリクエストを無視して満足しているようです。何か案は? 更新:loopプロパティがすべての主要なブラウザでサポートされるようになりました。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.