web-dev-qa-db-ja.com

バックグラウンドでWebページのサウンドファイルを再生する

バックグラウンドでWebページでサウンドファイルを再生したい（メディアプレーヤーUIを表示したくない）、WebサイトをFire-Foxで実行し、Embed要素を使用してHidden属性を設定真であります <embed name="myMusic" src="Masgon.mp3" type="audio/midi" autostart="false" Hidden="true" loop="true"></embed>問題は、この場合に非表示属性を削除しない限り、サウンドが再生されず、サウンドファイルが再生され、メディアプレーヤーUIが表示されるが、それが望ましくないことです。

htmlfirefox
21
Java Player
<audio src="/music/good_enough.mp3">
<p>If you are reading this, it is because your browser does not support the audio element.     </p>
</audio>

コントロールが必要な場合

<audio src="/music/good_enough.mp3" controls>
<p>If you are reading this, it is because your browser does not support the audio element.</p>
</audio>

また、埋め込みを使用して

<embed src="/music/good_enough.mp3" width="180" height="90" loop="false" autostart="false" hidden="true" />
29
topcat3
<audio src="/music/good_enough.mp3" autoplay>
<p>If you are reading this, it is because your browser does not support the audio element.     </p>
<embed src="/music/good_enough.mp3" width="180" height="90" hidden="true" />
</audio>

私のためにうまく動作します。

9
Adrian

これはコメントするには遅すぎるかもしれませんが、ここにあなたのような問題の作業コードがあります。

<div id="player">
    <audio autoplay hidden>
     <source src="link/to/file/file.mp3" type="audio/mpeg">
                If you're reading this, audio isn't supported. 
    </audio>
</div>
4
Akash Adhikari
<audio controls autoplay loop>
  <source src="path/your_song.mp3" type="audio/ogg">
  <embed src="path/your_song.mp3" autostart="true" loop="true" hidden="true"> 
</audio>

[ps。 「path/your_song.mp3」をフォルダと曲のタイトルに置き換えます。 「music/samplemusic.mp3」または「media/bgmusic.mp3」など。

2
Arya Aryadipta Sur Tabs

私はtype属性を削除することで問題を解決しました：

<embed name="myMusic" loop="true" hidden="true" src="Music.mp3"></embed>

間違いなく、最もクリーンな方法ではありません。

HTML5を使用している場合：FirefoxはMP3をサポートしていません。しかし、WavとOggはそうです。ここでは、どのブラウザがどのタイプのオーディオをサポートしているかの概要を見つけることができます： http://www.w3schools.com/html/html5_audio.asp

1
Robin V.

コントロールを表示したくない場合は、このコードを試してください

<audio  autoplay>
 <source src="song.ogg"  type="audio/ogg">
Your browser does not support the audio element.
</audio>
0
jins