2

HTML 5 プロジェクト テンプレートを使用してオーディオ プレーヤーを作成しようとしています。次の HTML コードを使用しています。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="/html/css/phone.css" />
        <title>Windows Phone</title>
    </head>
    <body>
        <div>
            <p>Audio Player</p>
        </div>
        <div id="page-title">
            <p>Play Audio</p>
            <audio controls="">
            <source src="horse.ogg" type="audio/ogg">
             Your browser does not support the audio element.
            </audio>
        </div>
    </body>

</html>

ここからこのコードを取得しました。下のスクリーンショットに示すように、「horse.ogg」をソリューション エクスプローラーに追加しました...

ここに画像の説明を入力

しかし、このアプリケーションを実行すると、次の出力が得られます。

無効なソース

しかし、ブラウザを使用して同じ html を開くと、ファイルを適切に再生できます。

ここに画像の説明を入力

何が問題なのですか?

ソリューション エクスプローラーに追加して HTML 5 を使用して再生するオーディオ ファイルを再生するための、より適切で簡単な方法はありますか? 私は 10 ～ 15 個の小さくて面白いオーディオ クリップを追加する予定です。アプリでは、ユーザーがそれを選択して HTML 5 を使用して再生できるようになります。

これについてあなたの考えを共有してください。

4

1 に答える 1

2

エラー メッセージが示すように、それは無効なソースです。

Internet Explorer 10 は Ogg オーディオ ファイルをサポートしていませんが、MP3 ファイルはサポートしています。Ogg を MP3 に変換すると、正常に動作するはずです。

<audio controls>
   <source src="horse.mp3" type="audio/mp3">
</audio>

また、ソースを 1 つだけ提供する場合は、audio 要素の src 属性を使用できます。

<audio src="horse.mp3" controls></audio>

ただし、これは、特定の種類のブラウザのみをターゲットにしている場合にのみ推奨されます。

于 2013-01-25T09:37:36.830 に答える