Воспроизведение звука в скрытом теге

Я пытаюсь установить звук на веб-странице.

Я нашел этот код. Это рабочий код, когда отображается div, но я хочу быть скрытым и работающим. В этом случае он не работает, потому что он скрыт с атрибутом style. Как сделать это невидимым и воспроизводить звук одновременно?

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

Ответы

Ответ 1

Я согласен с настроением в комментариях выше - этот может быть довольно раздражающим. Мы можем только надеяться, что вы дадите пользователю возможность отключить музыку.

Однако...

HTML

<audio autoplay="true" src="http://www.vorbis.com/music/Epoq-Lepidoptera.ogg">

CSS

audio { 
   display:none;
}

css скрывает элемент audio, а autoplay="true" воспроизводит его автоматически.

Fiddle здесь

Ответ 2

<audio autoplay> <source src="file.mp3" type="audio/mpeg"> </audio>

Он удаляет панель автоматического воспроизведения, но все же воспроизводит музыку. Невидимые звуки!

Ответ 3

Я пытаюсь подключить аудио, которое должно автоматически запускаться и будет скрыто. Это очень просто. Всего несколько строк HTML и CSS. Проверь это!!  Вот фрагмент кода, который я использовал в теле.

<div id="player">
    <audio controls autoplay hidden>
     <source src="file.mp3" type="audio/mpeg">
                unsupported !! 
    </audio>
</div>

Ответ 4

То, как я достиг этого, что не видно (УЖАСНОЕ ЗВУК....)

<!-- horrible is your mp3 file name any other supported format.-->
<audio controls autoplay hidden="" src="horrible.mp3" type ="audio/mp3"">your browser does not support Html5</audio>

Ответ 5

Я надеюсь, что люди позволят им отключить такие вещи, как музыка, как при нажатии кнопки, Иногда это довольно круто. Используйте

<audio controls autoplay hidden="hidden"> <source src="*file here*" type="*file extension (.mp3 .ogg etc.)*"> <!--This displays an error to users that don't have it supported--> Your browser does not support the audio element. </audio>

Как вы можете видеть, мне не нравится много повторять, но я решил использовать тег hidden.

Надеюсь, что это поможет.

Ответ 6

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

Это автоматическое воспроизведение, скрытие музыки и уменьшение музыки, даже если громкость системы высока, чтобы избежать шума. Поместите это в script:

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

Ответ 7

Обычно я помещаю обычную звуковую метку, а затем помещаю autoplay="true" а я не добавляю: controls = "true", и это обычно работает для меня

Я положил это в сниппет, а также сделал jsfiddel здесь

Надеюсь это поможет :) 

<audio autoplay="true" 
src="https://res.cloudinary.com/foxyplays989/video/upload/v1558369838/LetsGo.mp3"> 
</audio>

Ответ 8

Вы должны изучить элемент HTML 5 audio.