ページ上のインプレースでオーディオMP3ファイルを再生するための単純な将来性のある、下位互換性のある方法?


9

音楽をmp3フォーマットで含むミュージシャンのためのサイトがありますが、これらはFlashファイル(xspfplayer)を介して再生されます。もちろん、Flashがなければ、これは役に立ちません。

ユーザーにFlashの使用を強制せずに、また最初にmp3をダウンロードするように強制せずに、またはページ全体を離れることなく、ページにmp3オーディオスニペットを含める、より優れた将来性のある、後方互換性のある方法はありますか?

回答:


6

別の解決策は、Sound Managerと呼ばれるJavaScriptライブラリを使用することです。デフォルトでは、ページに非表示のFlashオブジェクトを埋め込み、それを使用してオーディオファイル(MP3を含む)を再生します。最新バージョンには、HTML5のaudioタグが利用可能な場合にそれを使用する機能が含まれています。

次に、プレーヤーをHTML / CSS / JSで記述し、Sound ManagerでFlashとaudioタグのどちらを使用してオーディオファイルを再生するかを判断します。このようにして、プレーヤーはIE6で動作し、iPhone / iPadでも動作します。


SoundManagerはかなりよさそうです。そして実際には、を使用するというすでに受け入れられている答えが組み込まれてい<audio>ます。素晴らしいものとプロのウェブマスターへようこそ!
artlung 2010

8

あなたの最善の策は、Flashプレーヤーを引き続き使用し、HTML5オーディオタグを使用することです。最終的には、すべてのブラウザーがHTML5をサポートし、フラッシュオーディオプレーヤーを終了できます。

HTML5オーディオタグとその使用方法については、http://html5doctor.com/native-audio-in-the-browser/に優れたドキュメントがあります。とても使いやすいようです。

Safari 4とChrome 3はどちらもタグとmp3形式をサポートしています。OperaとFF 3.5はWAV形式をサポートしています。


2
また、OperaとFFはogg vorbisをサポートしています。これは、おそらくMP3よりも優れています。
luiscubal 2010

@luiscubal-それは本当です。それを言及するのを忘れた場合。ありがとう!
Ben Hoffman、

1
jQueryを使用する場合は、jPlayerを確認することをお勧めします。HTML5を使用しますが、必要に応じてFlashにフォールバックします:happyworm.com/jquery/jplayer
deizel 2010

私は実際には「WAVよりも良い賭け」を意味していましたが、MP3にも適用できると思います。
luiscubal 2010

1

私はこのソリューションがあなたの要件により正確に一致すると信じています:

MP3のURLを指すM3Uプレイリストファイルを作成し、M3Uをサーバーにアップロードして、ページにM3Uファイルへのリンクを作成します。

訪問者がM3Uファイルへのリンクをクリックすると、(小さな)M3Uファイルがダウンロードされ、選択したメディアプレーヤーで開くことができます(つまり、マシンにすでにインストールされているものは何でも-必要ありません) Flashの場合)。

開くと、MP3はストリーミングを開始します。


これは標準のファイルタイプですが、外部プレーヤーで強制的に開くとは思いませんか?私の希望は、ユーザーを私のページに留めておき、既存のブラウザリソースをプレーヤーとして使用することでした。これは、mp3にリンクするだけの場合と同じ問題のように聞こえますが、ユーザーがブラウザーから外れる場合があります(多くの場合?)。
artlung

確かに、ダウンロードすると、アクションはシステム上の優先アプリケーションでM3Uファイルを開きます-要件を誤って解釈した場合は申し訳ありませんRE:ページを離れます。あなたの質問に対する受け入れられた回答が最善の策であり続けます(そして、サイトのユーザー統計が他のことを示さない限り、それはサイトのニーズに十分であると私は確信します)。
danlefree 2010
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.