web-dev-qa-db-ja.com

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

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

ユーザーにFlashの使用を強制することなく、mp3オーディオスニペットをページに含めるために、先にmp3をダウンロードするように強制したり、ページを完全に終了したりすることなく、将来性があり、合理的に後方互換性のあるより良い方法がありますか?

9
artlung

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

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

6
jay_soo

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

HTML5オーディオタグとその使用方法に関する素晴らしいドキュメントがあります http://html5doctor.com/native-audio-in-the-browser/ 。非常に使いやすいようです。

Safari 4のように見え、Chrome 3は両方ともタグとmp3形式をサポートします。 OperaおよびFF 3.5はWAV形式をサポートします。

8
Ben Hoffman

このソリューションは、お客様の要件により正確に一致すると確信しています。

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

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

MP3を開くと、ストリーミングが開始されます。

1
danlefree