Добавление двухсекундной задержки в фоновую музыку - PullRequest
Новая
       16

Добавление двухсекундной задержки в фоновую музыку

0 голосов
/ 17 ноября 2018

Это код, который я написал для воспроизведения музыки в фоновом режиме.как я могу добавить двухсекундную задержку?это даст время для полной загрузки изображений 

<!DOCTYPE html>
<html>
<head>
<title>Animate</title>
<script type="text/javascript">
     var isChrome = /Chrome/.test(navigator.userAgent) && /Google 
Inc/.test(navigator.vendor);
        if(!isChrome){
  $('#iframeAudio').remove()
}
else{
 $('#playAudio').remove() //just to make sure that it will not have 2x audio 
in the background 
}
</script>
</head>
<body>
<iframe src="Happy Birthday Song.mp3" allow="autoplay" style="display:none" id="iframeAudio">
</iframe> 
<audio autoplay loop  id="playAudio">
  <source src="Happy Birthday Song.mp3">
</audio>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 22 ноября 2018

Это то, что я придумал.Следующий скрипт добавляет 3-секундный 

<script type="text/javascript">
     window.setTimeout(function () {
    var iframe = document.getElementById('my_audio');
    iframe.setAttribute('src', 'Happy Birthday Song.mp3');
}, 3000); 
</script>

'my_audio' - это идентификатор iframe. 

<iframe style="display:none" id="my_audio">
</iframe>

для вашей собственной музыки 

iframe.setAttribute('src', 'your music here');
0 голосов
/ 17 ноября 2018

Привет, вот что я предлагаю вам сделать.Прежде всего, удалите атрибут autoplay в теге audio.

, затем вы можете использовать javascript или jquery для управления воспроизведением звука.В вашем случае вы хотите, чтобы звук воспроизводился, когда все ресурсы загружены ... так вот пример .. 

//javascript
 window.onload = function() {
   document.getElementbyId("playAudio").play();
 }
 //jquery
 $(document).ready(function() {
   $("#my_audio").get(0).play();
 });

, если по какой-либо причине вам все еще требуется дополнительная задержка, скажем, на 2 секунды ... вы можете продлитьэто далее ... 

var myAudio = document.getElementById("playAudio");
//javascript
window.onload = function() {
      setTimeout(function(){
       myAudio.play();
   }, 2000);
 }

 //jquery

 $(document).ready(function() {
     setTimeout(function(){
       $("#my_audio").get(0).play();
     }, 2000);    
 });

PS.Используйте любой из двух.Я помню, вы сказали, что вы не знакомы, когда JS.Удачи приятель

...