7

簡単なリンクがあります

<a href="some.mp3">01. The Name of Track</a>

ユーザーがリンクをクリックしたときに mp3 ファイルを再生する方法は? シンプルで効果的な解決策を見つけるのを手伝ってください。ありがとうございました。


ご協力ありがとう御座います。

私の場合、このソリューションhttp://www.schillmania.com/projects/soundmanager2/demo/play-mp3-links/を最も適切なものとして選択しました。

4

4 に答える 4

10

HTML5 を使用する<audio>

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

<script>
  document.getElementById("link_id").addEventListener("click", function () {
    document.getElementById("linkAudio").play();
  });
</script>

注: audio は HTML5 タグであるため、古いブラウザーには対応していません。使用する前に確認してください。

または、こちらの記事をご覧ください

于 2012-12-13T18:14:32.100 に答える
3

今日の多くのブラウザー (Chrome や Firefox など) は、IP の制限により、MP3 または MP4 ファイルを再生できません。ファイルを Ogg などの互換性のある代替ファイルにトランスコードするか、プラグインに頼ってユニバーサル ブラウザ サポートを取得する必要があります。非常に優れたオプションの 1 つはSoundmanagerです。これは、トランスコーディングがオプションではないプロジェクトで使用しています。可能な場合は HTML 5 の再生を使用しますが、ファイルの種類が選択したブラウザーでサポートされていない場合は、非表示の Flash ムービーにフォールバックします。非常に柔軟ですが、少し学習曲線があります。ただし、デモは素晴らしく、インターフェイスが何であれ、おそらくドロップインできるいくつかのタイプのプレーヤーを提供します.

于 2012-12-13T18:30:28.080 に答える
0

いくつかのオプションがあります。オーディオを再生できる小さなプレーヤーを作成する html5 オーディオ タグを使用できます。

<audio controls width="100" height="100">
    <source src="some.mp3" type="audio/mp3">
    <!-- Fallback for older browsers -->
    Your browser doesn't support html5 audio
</audio>

また、embed html タグを使用することもできます。

<embed src="some.mp3" autostart="false" id="somemp3" enablejavascript="yes">

次に、リンクをクリックして次の JavaScript を実行します。

var snd = document.getElementById(somemp3);
snd.play();

または、上記のコードを audio タグ内に配置することにより、 html5 をサポートしていないブラウザーの埋め込みメソッドを使用できます。ブラウザーがタグaudioを認識しない場合にのみ表示されます。audio

また、フラッシュ オーディオ プレーヤーを使用することもできます。

于 2012-12-13T18:26:54.937 に答える
0
<a href="#">Play Audio</a>
<audio>
  <source src="demo.ogg" type="audio/ogg">
  <source src="demo.mp3" type="audio/mpeg">
  Your browser doesn't support the audio element.
</audio>

jQuery の使用:

$("a").click(function() {
  $("audio").play();
});
于 2012-12-13T18:23:13.110 に答える