Как я могу воспроизводить звук в фоновом режиме, но с задержкой? - PullRequest
Новая
       5

Как я могу воспроизводить звук в фоновом режиме, но с задержкой?

0 голосов
/ 08 января 2019

Я хочу, чтобы звук воспроизводился в фоновом режиме, но я не хочу, чтобы он запускался, пока страница загружается. Могу ли я отложить это с помощью CSS или JS? Это возможно?

Теперь я получил это, но оно все еще не работает. Я думаю, что это должно работать. Google Chrome тоже не должен иметь значения, верно? 

<audio id="audioID"
  src="spraakbericht.m4a"
style="display:none/*or you can use visibility:hidden*/"></audio>

<script>
  var myAudio = document.getElementById("audioID");
  window.onload = function() {
    setTimeout(function(){
    myAudio.play();
    }, 3000); // you can change this... whatever you want //
  }
</script>

Надеюсь, вы можете помочь!

Ответы [ 2 ]

0 голосов
/ 08 января 2019

Да, это возможно. Вы можете использовать setTimeout function так: 

<audio controls="controls" onloadeddata="var audioPlayer = this; setTimeout(function() { audioPlayer.play(); }, 3000)">
  <source src="music.mp3" type="audio/mp3" />
</audio>

Для фонового звука: 

var myAudio = document.getElementById("audioID");
window.onload = function() {
  setTimeout(function(){
   myAudio.play();
  }, 3000);
}

РЕДАКТИРОВАТЬ Вот рабочий пример для вас: 

<audio id="audioID"
      src="http://a.tumblr.com/tumblr_leltkjNwWL1qf32t9o1.mp3"
    style="display:none/*or you can use visibility:hidden*/"></audio>

<script>
  var myAudio = document.getElementById("audioID");
  window.onload = function() {
    setTimeout(function(){
      myAudio.play();
    }, 3000); // you can change this... whatever you want //
  }
</script>
0 голосов
/ 08 января 2019

Да. Вы можете легко добиться того же, используя некоторые JS.

  • Поместите аудио тег div где-нибудь на своей странице. ex-div id = "audio"
  • Выполнение кода, когда вы хотите, как при нажатии кнопки или автоматически через 30 секунд или 2 минуты, используя setTimeout. setTimeout (() => { document.getElementById ('song'). innerHTML = 'audio id = "audio-player" controls = "controls" style = "display: none" src = "media / Blue Browne.mp3" type = "audio / mpeg"' ; }, (миллисекунда));

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

...