2011-11-15 15 views
2

編集:凝縮質問: はどのように私はフラッシュフリー連続音楽プレーヤー(ユーザーがサイトをナビゲートする中断されない1)を作成することができフラッシュフリーの連続オーディオプレーヤー - これは可能ですか?

だから私はそのオーディオプレーヤーとのウェブサイトを設定したいですhypem.comやpitchfork.comなどのサイトで多くのフラッシュプレーヤーと同じように動作しますが、できる限り私はすべてのFlashを避けたいので、Appleモバイルデバイスとの互換性を保つことができます。 :私は情報などのためにどこでも探していた

(編集!私はモバイル固有の何かアプリ/ iPhoneの/ iPodTouchの上で使用することができるオーディオプレーヤー機能を持つだけでWebページを作成しておりません、あなたを気にし) Javascriptが解決策を提供するかもしれないという点ではるかに多くの人が投げかけてきましたが、私が見つけたすべてのプレイヤーはJavascript AND Flashを使用しています。

+1

パンドラと同様確かに可能です! - http://www.engadget.com/2011/09/21/pandora-rolls-out-html5-redesign-to-everyone-drops-40-hour-list/ – mrtsherman

+0

私が理解しているように、PandoraはまだFlashを実際のオーディオストリーミングは、以前は持っていたFlash UIに取って代わりました。あなたがリンクしている記事のいくつかのコメントにはこう書いてあります。また、簡単なGoogle検索もあります:http://www.google.com/search?q=pandora+%22still+requires+flash%22 –

答えて

0

html5 <audio>タグを見てください。

http://www.catswhocode.com/blog/mastering-the-html5-audio-property

試してみて、具体的なごSOの質問を続けます。別の質問であなたのサイトレイアウトの質問をしてください。ここで

https://stackoverflow.com/faq

+0

リンクありがとうございますが、私はすでにそれらの特性について学んだ。申し訳ありませんが、私は質問が凝縮しているはずですが、特に誰かがハイペムやピッチフォークに慣れていないと不明確になっている可能性があることを認識しています。 私の質問はかなり具体的です。フラッシュを使用しない*連続*オーディオプレーヤーを作ることは可能ですか? キーワード:連続。誰かがページをナビゲートする途切れのない再生ページ – paulj

+0

@ user1046613 - あなたが具体的でなければならないと言ったとき、私は連続した音声について同じ質問でサイトレイアウトの質問をするべきではないということを意味しました。これはあなたの質問に答えます。 HTML5オーディオタグはこれを行うことができ、javascript/htmlのみです。あなたが好きな場合や、qw3nが厳密なjsのみのソリューションを提供した場合は、jQueryの例をまとめることができます。 – mrtsherman

+0

私の投稿を編集しましたので、少し簡潔です。あなたの助けをありがとう、私は自分自身でそれをテストし、それがどのように行くか見ることができます、私はちょうど私がこの機能を指定した場所を見つけることができなかったので、パンドラと永続性のあなたの例が可能であることを固めています。私はHTML5オーディオタグを攻撃して、私ができることを見ていきます! – paulj

0

は、すべてのブラウザでサポートされているHTMLオーディオ要素まず

右のトラックではなく、IEの家族の中であなたを取得する必要がありますいくつかのコードであるだけIE9

<audio id="test" controls="controls" type="audio/ogg">Your browser doesn't support the audio tag.</audio> 

その後javascript

window.onload=function(){ 
var pre=''; 
var arr=['songTitle1','songTitle2','songTitle3']; 
var ind=0; 
var ele=document.getElementById('test'); 
ele.src=(ind++)+'.ogg'; 
ele.play(); 
//when the song ends start a new one 
ele.onended=function(){ 
    ele.src=(ind++)+'.ogg'; 
    //if you are done with all the songs loop back to the beginning. 
    //Or you could add some code to load more songs from the server 
    ind=ind==arr.length?0:ind; 
    ele.play(); 
} 

} 

これはちょうどarrあなたがhtmlファイルと同じディレクトリにoggファイルを持っていると仮定して、それらのファイルを再生します。今は、すべてのブラウザで再生できる唯一のフォーマットはoggだと思います。

+0

ありがとう!私はこれをHTML5と同様に試してみて、彼らがどのように私のために働くか見てみましょう:) – paulj

関連する問題