4

通知としてWebブラウザでサウンドを再生するにはどうすればよいですか？

4

5 に答える 5

6

<audio>タグをJavaScriptと組み合わせて使用​​すると、特定の時間にサウンドを再生できます。もちろん、JavaScriptはフロントエンドで実行されるため、クライアント側のプログラミングで実行されるため、JavaScriptが必要になります。

例えば、

<audio style="display: none;" id="notification" preload src="path/to/soundfile">

次に、スクリプトの場合、音声通知を実行する必要があるスクリプトの任意の部分にこれを配置します。

document.getElementById('notification').play();

IEでサポートされているFlashを推奨する場合は、グレースフルデグラデーションに注意してください。重要でないもの（音声通知など）については、ハッキングされた安全でない方法を使用する代わりに、ほとんどのブラウザで機能する新しい推奨テクノロジを使用することを選択します。すべてのブラウザを動作させるようにしてください。

于 2010-09-15T09:13:48.773 に答える
2

HTML5では、少しのjavascriptと<audio>-tagを使用できます。

私のサイトに例があります：http ：//www.khaaaaan.com

javascript：

<script type="text/javascript">
function soundPlay(which)
{
    var audio = document.getElementById(which);
    audio.play();
}
</script>

サウンドをアクティブにするボタン：

<input type="button" class="khaaaaan" onclick="soundPlay('khaaaaan');" Text="KHAAAAAN!" title="CLICK MEEEEEEEEE!" />

そして、オーディオタグ

<audio src="khaaaaan.wav" autobuffer="autobuffer" id="khaaaaan" />

これも機能します（<audio>-scriptの前に使用しました:)

Javascriptからサウンドを再生するためのクロスプラットフォーム、クロスブラウザの方法？

于 2010-09-15T09:14:51.450 に答える
1

オーディオタグは規範的ではないため、これを処理する「レガシー」方法を使用することをお勧めします。

これを扱っている別のSO投稿があります：

Javascriptからサウンドを再生するためのクロスプラットフォーム、クロスブラウザの方法？

于 2010-09-15T09:25:08.057 に答える
0

オーディオタグを使用して実行できますが、HTML5をサポートしていないブラウザでは機能しません。最も簡単な方法は、...を使用することです。

<embed src="1.mp3" width="200" height="55" autostart="true" loop="true" style="visibility:none; position:fixed;">

これはデフォルトのプレーヤーを使用します。例：Windowsのメディアプレーヤー。

しかし、標準的な方法はフラッシュを使用することです

チュートリアルはここにあります。

これは、IE4 +、Firefox（all）、ChromeなどのすべてのWebブラウザでも機能します。HTML5やFlashに依存せず、常に存在するデフォルトのプレーヤーを使用します。

注意：EMBEDタグはHTML4またはxHTML1仕様の一部ではありませんが、最新のブラウザーで広くサポートされています。他のタグとは異なり、EMBEDタグで使用される属性は、使用されているプラ​​グインのタイプによって異なります（この奇妙な自由属性の概念が、EMBEDタグがHTML標準メーカーによって拒否された理由です）。

しかし、これは問題を解決します:)

于 2010-09-15T09:30:00.653 に答える
0

また、ユーザーが音声プロンプトをトリガーした回数を追跡したり、そのような音声プロンプトを無効にするためのインターフェイスを提供したりするなど、他のあらゆる種類の便利なことを同時に実行できる Flash ウィジェットを埋め込むこともできます。Flash を使用すると、ストリーミング機能とフラッシュ Cookie のローカル データ ストレージも提供されます。

于 2010-09-15T09:33:47.827 に答える