2011-07-07 2 views
0

おはよう、html5のオーディオタグの読み込み時間を最小限に抑えるにはどうすればよいですか?

htmlオーディオタグといくつかのjavascriptを使用して単純な音楽プレーヤーを構築しようとしています。私がコーディングしていたとき、ファイルはSafac(Imac上)とFirefoxの両方でローカルに保存されていましたが、うまくいきました。

(1)ImacのSafariは、ファイルをロードして再生を開始するのに約1時間かかります。 (2)iPhoneのSafariは、私のWebページにアップロードされていません。コード内でautoplay属性を使用しましたが、ファイルを自動再生しています....下のコードを参照してください) (3)Firefoxはそれを再生しません! (ファイルがローカルだったときにうまくいったのですが)

ファイルが大きすぎるようです....私の質問です:(1)読み込み時間を短くする方法はありますか? (2)iPhone Safariで自動再生が機能しない理由と回避方法ここで

は、私が歌のために使用されるコードは次のとおりです。あなたの助け

サンディエゴ

答えて

0

アップだけでヘッドの

<audio autoplay="autoplay" controls="controls"> 
<source src="../audio/3.ogv" /> 
<source src="../audio/3.mp3" /> 
Your browser does not support the audio element. 
</audio> 

おかげで... HTML 5は、構文的に基づいて、XMLではありませんので、あなたはそのような属性を割り当てません。

<audio autoplay controls>を開始タグとして使用します。

+0

マイケル...ありがとう、それはかなり短いです。きちんとした –

0

iphone/Ipadsに自動再生のHTMLタグが必要ないと言うことができるものから。

ここにあなたに役立ついくつかのコードへのリンクがあります:)。

Iphone Autoplay.

それはあなたには、いくつかのJavaScriptでそれを回避することができますと言います。

希望は:)。

+0

Rossに感謝します。私はそのコードを試し、私はそれがiPhoneのために働くことができるかどうかを見る...歓声 –

+0

いいえ心配:) :)私はそれが新しいビデオとオーディオタグに当てはまると思います。 – RossDoughty

+0

愚かな音ですが、オーディオタグにIDを与えることはできませんか?次に、ページの読み込み時に.play();に設定します。 :) –

1

iPhoneで自動再生できないと思います。これは過度の偶発的なデータ使用を防ぐために課された制限だと私は思う。偽のクリックを作成するための回避策がいくつかありましたが、パッチが適用されているようです。

FirefoxはHTML5経由でMP3をサポートしていません。 ogvファイルはオーディオではなくOggビデオで、オーディオタグで再生していない可能性があります(ogg)。

ローディング時間は、できるだけファイルを圧縮するのが最善の方法です。これにより、ダウンロード時間が短縮されます。

+0

ファイル拡張子の頭に感謝します。私はoggで試してみるだろう...まだそれはローカルファイルで動作するが、ウェブ上では動作しません! mp3やoggファイルを圧縮するためにあなたが知っているツールはありますか? –

+0

@Diego Sanabria - Oggファイルはすでに圧縮されています。試してさらに圧縮すると、品質が低下する可能性があります。オリジナルのオーディオファイルをお持ちの場合は、さまざまな圧縮設定とサンプルレートでファイルサイズを下げることができます。Audacityのようなツールが役立つかもしれません(http://audacity.sourceforge.net/)。なぜFFがローカルで再生されるのか分かりません。サーバー上のファイルと同じファイルをローカルに使用していますか? – keyboardP

+0

私はmp3(http://tinyurl.com/66lf2gf)を圧縮する方法を見つけたと思う。私は、320 kbpsのビットレートから160に移行して、それがより高速に読み込まれるかどうかを調べるつもりです。私は一度私がそれらを変換すると、どのくらいの大きさのoggファイルがあるかを見ていきます。私は正確に同じローカルファイルとライブファイルを使用しています...それは奇妙です:-)あなたの助けをたくさんありがとう –

関連する問題