3

CSS を使用してページの読み込み時に音楽を再生するにはどうすればよいですか?

音楽を自動的に再生し、コントロールできるようにする必要があります。

4

5 に答える 5

6

音楽はコンテンツです。CSS はコンテンツではなくプレゼンテーションです。

HTML にオーディオを埋め込むことができます。

<audio src="path/to/song.mp3" controls autoplay></audio>

ただし、これは最小限であり、MP3 をサポートしていないため、たとえば Firefox では機能しません。これにはチュートリアルがあります。

于 2012-08-24T01:32:50.517 に答える
4

ここから取得したhtml5オーディオタグを使用できます。サポートされているブラウザーに注意してください。

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

IE8 以下をサポートする必要がある場合は、html5 オーディオがサポートされていない場合にフラッシュ フォールバックを備えたjplayerの使用を検討してください。

于 2012-08-24T01:38:40.303 に答える
2

他の人が指摘しているように、これは CSS では本来可能ではありません。唯一のオプションは、HTML5、JavaScript、アプレット、または Flash や SilverLight などのサードパーティ テクノロジです。ただし、これらのオプションにはそれぞれ独自の注意事項と欠点があります。

  1. HTML5 はすべてのブラウザーで完全にサポートされているわけではないため、ページやサイトのエクスペリエンスに一貫性がなくなります。これは望ましくありません。

  2. Javascript は、テキストのみのブラウザーや非常に軽量なブラウザー (一部の旧世代の携帯電話に見られる場合があります) を除いて、ほとんどのクロスブラウザーで使用されるため、おそらく最善の策です。

  3. アプレットは、別のプログラミング言語 (およびそのすべてのニュアンス) に対処する必要があるため、それ自体が別のワームの缶であり、ユーザーがページにアクセスしたり更新したりするたびにアプレットをアクティブにしなければならないという非常に厄介な問題です。

  4. Flash または Silverlight は、オペレーティング システムがサポートしている限り、任意のブラウザーで実行できるため、もう 1 つの有望な代替手段です。ただし、サイト/ページの訪問者は、そのプラグインをインストールして有効にする必要があります。このルートに進むことにした場合、ほとんどすべてのコンピューターと OS が実行およびサポートされているため、Flash が最適なオプションです。ただし、注意すべきことは、最近 (過去 5 年ほど)、Adobe は Flash に関するセキュリティ上の問題を抱えていることです。

したがって、私の提案は次のようになります。

  1. Javascript - 特に Jquery。

  2. 可能であれば HTML5 - ただし、バックアップとして Javascript でサポートされています。例: http://css-tricks.com/play-sound-on-hover/

  3. Flash / SilverLight などのテクノロジー。

  4. アプレット

そして、これを行う方法の寄せ集めについては、次のリンクにアクセスできます。開始するのに最適なコレクションは次のとおりです。 -プレーヤー/

于 2012-08-24T01:48:49.627 に答える