html - 非表示のタグでサウンドを再生する

Question

Webページにサウンドを設定しようとしています。

このコードを見つけました。が表示されている場合は作業コードdivですが、非表示にして作業したいです。この場合、style属性で非表示になっているため機能しません。見えないようにすると同時に音を鳴らす方法は？

<div style="display:none">
   <embed src="sound.mp3"/> 
</div>

score 18 · Accepted Answer

上記のコメントの意見に同意します — これはかなり面倒です。ユーザーに音楽をオフにするオプションを提供していただければ幸いです。

でも...

audio { display:none;}

<audio autoplay="true" src="https://upload.wikimedia.org/wikipedia/commons/c/c8/Example.ogg">

css はaudio要素を隠し、autoplay="true"はそれを自動的に再生します。

score 0 · Accepted Answer

<audio id="audio" style="display:none;" src="mp3/Fans-Mi-tooXclusive_com.mp3" controls autoplay loop onloadeddata="setHalfVolume()">

これにより、ノイズを避けるためにシステムの音量が高くても、音楽が自動再生され、非表示になり、音楽が小さくなります。これをスクリプトに配置します。

<script>
    function setHalfVolume() {
        var myAudio = document.getElementById("audio");
        myAudio.volume = 0.2;
    }
</script>

8 に答える 8