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

javascript - 「ページの読み込み」全体でシームレスな音楽再生を行うための理想的なソリューションですか?javascriptを使用してページをロードする

私はオンライン音楽雑誌を開発中です。html5 / flashミュージックプレーヤーがあり、これがWebサイトの主要部分を形成しています。しかし、このサイトにはたくさんの記事やものもあります。つまり、基本的には、ページの読み込み全体でシームレスな音楽再生が必要ですが、すべてのコンテンツをGoogleでスパイダーフレンドリーでインデックスに登録できるようにするため、完全なJavaScriptアプリケーションは避けたいと考えています。

クリック時にメインページ内のさまざまなコンテンツをロードするために、ハッシュバン(#!)フォールバックを使用してhtml5履歴APIを使用します。また、ロードされたURLは、コンテンツを含むページも指します。

例:私のインデックスページのmunimkazia.com/page1.htmlリンクmunimkazia.comは、page1.htmlからコンテンツをロードして挿入します。URLは、FirefoxとIEではmunimkazia.com/#!/page1.htmlに、chromeではmunimkazia.com/page1.htmlに変更されます。hrefリンクはmunimkazia.com/page1.htmlであるため、スパイダーは次のようになります。リンクしてコンテンツをフェッチします。page1.htmlでページを適切に設定し、表示できるようにしました。しかし今、私は問題を抱えています。

このページでajaxロードを使用することにした場合、ブラウザーのロケーションバーに表示されるURLは、ハッシュバンフォールバック(http://munimkazia.com/page1.html/#!/page2.html)と一致しません。すべてのクリックをhttp://munimkazia.comのメインコンテナページにリダイレクトしてpage2.htmlをロードすると、この後はすべて正常に機能しますが、このページのロードにより、その前の音楽の再生が中断されます。

また、すべてのコンテンツを存在させてフェッチしないようにしたいので、すべてのhttp://munimkazia.com/page1.htmlhttp://munimkazia.com/#!/page1.htmlに書き換えたくありません。検索エンジンのスパイダーが読み取るためにjavascriptによって書かれました。Googleには#からコンテンツを読み取るための仕様があることを認識しています。URLですが、JSが無効になっている場合でも、ユーザーの記事コンテンツをページにロードしたい

アイデア/アドバイス/回避策はありますか?

編集:これらのURLは、私の主張を説明するための単なる例です。munimkazia.comにページをフェッチするためのJavaScriptコードはありません

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

javascript - iOS 4 での HTML5 オーディオの制限は? プレイリスト、背景など

私は iOS 4 で HTML5 オーディオを評価しており、その制限を理解しようとしています。私が言えることから...

  • バックグラウンドでオーディオを再生することが可能です
  • トラックの完了時にバックグラウンドで JavaScript イベントを起動することはできません
  • 画面がオフのときに JavaScript イベントを発生させることは可能ですが、(画面をオフにする前に) Safari がフォアグラウンドにある必要があります。

この現在のプロジェクトでの私の目標は、Safari がフォアグラウンドにないときでもイベントを発生させ続け、次のトラックに移動する動的なプレイリストを作成することです。これは、iOS で HTML5 オーディオが動作する現在の方法で可能ですか?

誰かが追加情報を持っている場合、JavaScript イベントの連鎖が iOS でどのように機能するかについて興味があります。サウンドを連続してキューに入れることが許可されているようですが、「人間の」機能が発生した直後に発生する必要があります (要素のタップなど)。この人間の機能の外でサウンドをキューに入れようとするものは、再生する能力を拒否されます。

また...

実際の iOS アプリケーションを次のトラックに移動するイベントを発生させることさえ可能ですか? アプリケーションは、現在のオーディオ ストリームを終了することしか許可されていないように見えます。その後、アプリケーションはアイドル状態になります。ここですべての角度を把握しようとしています!

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

linux - タグオーディオとogg

タグオーディオを使用しようとしています。mp3 を ogg に変換して使用

video/ogg のような .ogg のサーバー応答 content-type。content-type audio/ogg と application/ogg を試してみましたが、うまくいきません。プレーヤーでは機能するため、ファイルの形式が間違っていると思います。Linuxコンソールでmp3からoggへの変換ファイルを修正するには?

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

javascript - JavaScriptでオーディオを再生する際の左右のバランスを変更する

html5オーディオはすべて非常に新しいものですが、サウンドの左右のバランスを変更する方法はありますか?

このようなもの:

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

html - Flash フェールセーフで HTML5 ビデオ/オーディオ プレーヤーを使用できますか?

Web 経由でオーディオとビデオの両方を再生する場合の選択肢を見つけようとしています。私は HTML 5<video /><audio />. しかし、HTML のビデオ/オーディオが失敗した場合に、Flash のビデオ/オーディオを表示できるようにしたいと考えています。

ビデオ/オーディオが何らかの理由で再生されていないかどうかを検出し、HTML5 プレーヤーを Flash プレーヤーに交換する簡単な方法はありますか?

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

javascript - div 内の html5 オーディオ要素を水平方向に揃えます

私はこの単純なdivを取得しました:

私のページの本文にhtml5オーディオ要素:

オーディオ要素 (つまり、ユーザーに表示されるオーディオ コントロール) を div の水平方向の中央に配置したいと考えています。オーディオ コントロールまたはオーディオ要素の width 属性を指定できないことに注意してください (試してみましたが、何もしませんでした)。また、一般的なルールとして、ブラウザー間のオーディオ コントロールの幅 (ピクセル単位) がわかりません (したがって、 div の width 属性を調整しないでください)。

これを CSS または Javascript で行う方法はありますか? 誰かがウェブ上の関連するリソースを教えてくれれば、それはボーナスです.

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

html - HTML5オーディオを使用したボタンホバーサウンド

ユーザーがリストアイテムのボタンの1つにカーソルを合わせたときに、HTML5を使用して音を出すことはできますか?ユーザーがナビゲーションボタンにカーソルを合わせたときに、非常に短いクリック音/チャープ音を1回再生したいと思います。すべてのブラウザまたはデバイスで互換性があるとは限らないことを認識しています。正常に機能が低下する限り、問題はありません。何らかの理由でこのためにFlashを使用する方が良いでしょうか?

編集
また、これを行うことが可能であれば、javascript(javascriptが必要な場合)を含むいくつかのサンプルコードに興味があります。HTMLは問題ありませんが、Javascriptはあまり便利ではありません。

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

node.js - Node.js と HTML5 オーディオ

node.js サーバーに、HTML5 オーディオ タグのオーディオ ファイルをサーバー化させようとしています。現在、エクスプレス staticProvider を介してオーディオ ファイルを参照していますが、これにより、サウンドを一度だけ再生でき、その後は二度と再生できなくなります。

サウンドがシークまたはループで適切に機能するために収集できたものから、オーディオ ファイルが要求されたときに「Content-Range」ヘッダーを提供する必要があります。Express staticProvider が私のためにこれを行っているとは思えないので、カスタム コードを使用してファイルを提供する必要があるようです。残念ながら、私は node.js にかなり慣れていないため、ファイルの提供などはまだ少し先のことです。オーディオ ファイルに適切なメタデータを提供する方法について、誰かアドバイスをいただけますか?

[編集] (誰の役にも立たないので、古いサーバー コードを削除しました!)

申し訳ありませんが、私は通常、これほど幅広い質問をすることはありませんが、これをどこから始めればよいか本当に迷っています. 助言がありますか?

[解決]

したがって、解決策は更新されたソフトウェアを使用することだけのようです。接続が静的ファイルを正しく処理していないと思ったので、組み込みの接続HTTPミドルウェアではなくエクスプレスを試していました。ノードに付属しているバージョンは少し古いですが、私は接続の新しいバージョンのドキュメントを見ていました。接続ライブラリを更新すると(好奇心旺盛な人のために、npmを使用して最新のものをインストールしました)、次のようにうまく機能しました:

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

android - Android 2.3 以降のバックグラウンド HTML5 WebApp

iOS 4.2 以降では、特別な要件なしで、特定の Web アプリケーションをバックグラウンドで実行できます。

Android のバックグラウンドで Web アプリケーションを実行するにはどうすればよいですか (たとえば、音楽を再生し続けるため)。

例については、https://coolaj86.com/demos/sandbox/html5-audio-tag.htmlを参照してください。

iPod/iPad/iPhone で音楽サンプルの再生を開始し、クリックしてアプリを「バックグラウンド」にします。下部のメニューをダブルクリックして左から右にスワイプし、プレーヤー コントロールにアクセスします。

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

android - Android 2.3は、html5オーディオタグのCookie情報を渡しませんリクエストを取得

安全なサイトからandroid2.3でhtml5オーディオタグを使用してメディアファイルを再生しようとしていますが、Getリクエストで、android 2.3がブラウザからサーバーにCookie情報を渡さないため、「HTTP /1.1302が一時的に移動しました」 '再認証のためにサーバーからログインページに戻る応答。IOSモバイルブラウザ、chrome、safari、IEで同じリクエストを試しましたが、リクエストごとにCookie情報が送信されます。さらに不可解なのは、imgタグのリクエストで、Cookie情報がAndroidブラウザに送信されることです。

私の質問は、これがandroid 2.3オーディオタグの実装バグにすぎないのか、それともCookie情報を渡すためのパラメータが不足しているのかを知っている人はいますか?

助けてくれてありがとう