2

だから私は私のウェブサイトでmp3を再生するための最良の方法は何であるか疑問に思っていました...

私はそれが機能し、itunesメソッドのように見えるようにしたいのです-単純な再生と停止ボタン。このような:

ここに画像の説明を入力してください

これはどのようにすればよいですか?プレイヤーを埋め込みたくありません。

助けてくれてありがとう!ブックマークに追加

4

2 に答える 2

5

これを行う最も簡単な方法は、次を使用することです。

<embed height="50px" width="100px" src="song.mp3" /> 

ただし、ほとんどの場合、これには表示されているプレーヤーも表示されます。

これを行う別の方法は、HTML5のオーディオタグを使用することです(古いブラウザーではサポートされていません)。

<audio id="audio">
    <source src="song.ogg" type="audio/ogg" />
    <source src="song.mp3" type="audio/mp3" />
</audio>

(ほとんどのブラウザはoggまたはmp3のいずれかをサポートしているため、ここでは2つのソースを使用しています。ただし、通常は両方ではありません)

表示されているタグは、ページ上に制御可能な(非表示の)オーディオ要素を生成します。次に、JavaScriptを使用して、次のようなカスタムボタンでオーディオ要素を制御できます。

<button onClick="document.getElementById('audio').play()">Play</button>
<button onClick="document.getElementById('audio').pause()">Pause</button>
于 2012-07-24T07:19:22.623 に答える
1

You mention - simple play and stop button but HTML5 have pause and play button.Have a try.

<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

without using embed player, that's very hard to code the whole player. Have a look at
Jplayer

于 2012-07-24T07:15:15.940 に答える