問題タブ [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 に答える
3036 参照

html - htaccessファイルまたはマークアップを介してIXWebHotingにOGGTheoraVorbisオーディオサポートを追加します

相反する情報をたくさん見てきましたが、どうすればよいかわかりません。サーバーからのFirefoxHTML5オーディオ/ビデオをサポートするために、OGGMIMEタイプをhtaccessファイルに追加したいと思います。ファイルには文字通り「.htaccess」というラベルが付いており、正しいMIMEタイプを書き込む方法はたくさんあります。何が最善ですか。また、どのようにインストールしますか?これは、IXWebホスティングアカウントからのものです。

これが私のHTML5オーディオマークアップの例です。

ありがとうございました!

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

html - HTML5 の投機的な質問: ボイスチャット?

デスクトップアプリの特定のニッチクラスで利用可能な機能の大部分を複製するWeb / AJAXアプリケーションを開発しています(自分自身をプラグインするのに十分な関連性があるとは思わないため、ここでは詳細を避けています;] )例外を除いてブラウザのプラグインを使わないと実装できないボイスチャットです。音声は業界のいたるところにあるわけではありませんが、それを使用する人々はそれを誓い、それなしではいられないことを拒否しています.

私がかなり頻繁に受け取るコメントは、「これはいいけど、いつボイスチャットになるの?」というものです。Java や Flash などのプラットフォームを使用していた場合、アプリケーション全体がよりスリムで高速になり、トラブルシューティングが容易になるため、面倒です。

しかし、HTML5 では、音声の受信は実現可能のようです。Google と私は、オーディオの録音と送信に関するものを何も見つけていません。その部分は実行できないと思いますが、将来はどうなるでしょうか? HTML5 の隅々まで知っている人や、今後の標準を超えて何が想定されているのかさえ知っている人がいれば、私は感謝します。

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

javascript - Mobile Safari での HTML5 オーディオのプリロード

HTML5 オーディオ コンテンツをプリロードしてから、再生しようとするたびにオーディオを再ダウンロードしようとするのではなく、キャッシュにあるものを使用するのに問題があります。

http://cs.sandbox.millennialmedia.com/~tkirchner/rich/K/kungFuPanda2_tj/

エクスペリエンスは、誰かがバナーをクリックすると、読み込みバー付きの広告がポップアップ表示されると想定されています。ローディング バーは、アニメーションに必要なすべての画像をロードしています。それまでの間、オーディオは DOM に既に存在するオーディオ タグを介してロードされます (これは問題ありません)。すべての画像が読み込まれると、読み込みバーが消え、ユーザーは続行できます。画面の下部には、クリックできる 4 つのボタンがあります。それらの 1 つをクリックするとオーディオ ファイルが再生され、画像はオーディオに同期するフリップブック スタイルのアニメーションを実行します。

音声タグ:

再生ボタン イベント リスナー:

問題は、javascript では、play() をクリックするたびに、オーディオ ファイルをリロードしてから再生することです。ボタンをクリックするたびにオーディオをリロードしようとするのではなく、最初に一度オーディオをロードして、メモリに保存されているものをオフにすることができないようです。

preload と autobuffer のプロパティを試してみましたが、モバイル サファリはこれらのプロパティを無視しているようです。それらを何に設定しても、動作は常に同じだからです。ソースタグとさまざまなファイル形式を試してみました...何もありません。

何か案は?

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

html - html5オーディオタグには非公式に.mid(MIDI)が含まれていますか?

公式には、html5オーディオタグがogg形式での使用を目的としていることは明らかです。

html5オーディオタグには非公式に.mid(MIDI)が含まれていますか?

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

perl - HTML5 オーディオ要素の Ogg を HTTP 経由で Perl Web サーバーに Chrome に配信させる

HTML5 経由でオーディオ ファイルを提供する単純な Web サーバーとして機能する Perl スクリプトを作成しています。HTML5 オーディオ要素を使用して Web ブラウザーにページを表示することに成功しました。ブラウザーが GET 要求を介してオーディオ ファイルを要求するときは、ソケットをリッスンし続けます。この例では hh.ogg であり、メッセージ本文内の ogg で応答しようとします。ポート 8888 で動作します。

GET 要求が hh.ogg の正規表現に一致すると、sendFile サブルーチンが呼び出されます。閉じる前に ogg をソケットに書き込む前に、応答でいくつかのヘッダーを送信します。このコードは、Firefox で期待どおりに機能します。再生を押すと、スクリプトは Firefox から GET を受け取り、ogg を要求します。それを送信すると、Firefox がトラックを再生します。

私の問題は、スクリプトが Google Chrome でクラッシュすることです。Chrome の開発者ツールは、hh.ogg を取得できないとだけ言っています。スクリプトの実行中にブラウザで 127.0.0.1:8888 にアクセスすると、hh.ogg をダウンロードできます。Chrome は hh.ogg に対して複数の GET リクエストを作成するのに対し、Firefox は 1 つしか作成しないことに気付きました。キャッシングの理由でこれを行う可能性があることを読みましたか? これが、スクリプトがクラッシュする理由である可能性があります。

私は持っている

この動作を停止しようとしましたが、うまくいきませんでした。

Chrome が 1 回の HTTP 応答でファイルを受信できるようにするために、どのヘッダーを応答すればよいか正確にはわかりません。スクリプトがクラッシュすると、Perl からこのメッセージが出力されることもあります。それ以外の場合、他のエラーはありません。while ループ内のどこかで終了し、ソケットに syswrite() します。

これは、この行を参照しています。

初期化されていない値が存在する理由がわかりません。

なぜこれが起こっているのか、誰にもアイデアがありますか? 可能であれば、CPAN から追加のモジュールを必要とせずにこれを達成したいと考えています。

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

ruby-on-rails - Ruby / Rails-オーディオをストリーミングする方法(mp3 / wav / etc)... Gem / Plugins vs HTML5?

私はうまくやって来ているRailsアプリを持っています...私はユーザーにアップロードされたmp3をアップロードしてストリーミングする機能を提供したいと思います。

現在、私のサイトがherokuでホストされている状態で、Paperclipを介してAmazonS3にアップロードしています。

私はmp3を完全にうまくアップロードできるので、今は実際のファイルの再生をサポートする方法を探しています。

誰かが以前に使用したことがあるこの問題で機能する優れた宝石/プラグインはありますか?

先に進んで、HTML5でそれを行う方法を理解しようとすべきですか?

誰か提案や意見はありますか?

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

jquery - JQueryMobileMP3プレーヤーの例

JQueryMobileを使用してローカルMP3ファイルを再生する方法がわかりません。JPlayerをいじってみましたが、うまくいきません。JQuery Mobile内で再生するオーディオファイルを正常に取得した人はいますか?あなたが提供できるものは何でも素晴らしいでしょう:)

ありがとう。

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

android - Html5 オーディオ + Phonegap + Android?

Jquery と Phonegap を使用した HTML5 オーディオ タグは、Android アプリの作成に使用できますか? どのブラウザーでも問題なく動作しますが、Android エミュレーターを使用すると何も聞こえません。ありがとう!

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

jquery - jPlayer サウンドの一部のみを再生

この質問に対する答えが見つかりませんでした。私はこれを試しています:

しかし、機能していません。何が起こっているのか: 音を止めないでください。遅延がなければ、すぐに停止します。必要なのは、リンクをクリックすると、2 秒から 4 秒のセクションを再生することです。

助けてくれてありがとう!

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

javascript - HTML5オーディオ:オーディオファイル(オーディオスプライト)の選択した部分のみを再生するにはどうすればよいですか?

私はiOSメトロノームWebアプリに取り組んでいます。モバイルSafariは一度に1つのサウンドしか再生できないため、「オーディオスプライト」を作成しようとしています。ここでは、1つのオーディオトラックのさまざまなセグメントを使用してさまざまなサウンドを生成できます。1秒のクリップに2つの0.5秒のサウンドがあります。

JSFiddleでご覧ください。

ご覧のとおり、「timeupdate」イベント(jPlayerの例)を使用しようとしましたが、役に立ちませんでした。

オーディオスプライトに関するRemySharpの投稿を見たことがありますが、(A)それを機能させることができず、(B)ライブラリへの依存を避けたいと思います。

何か案は?


アップデート

私は今それを使用して動作していsetIntervalます:

シーケンスと設定/クリア間隔にいくつかの問題がありますが、私の目的では、それは機能しているようです。

JSFiddle

PS誰かがこれを修正した場合、これはゲームとインターフェイスサウンドFXで使用できます。