Как я могу позволить musi c играть в фоновом режиме моего сайта? - PullRequest
0 голосов
/ 15 апреля 2020

У меня есть этот код, который я видел в предыдущей теме здесь, и решил попробовать его:

<body>
  <audio  id="audioFile" width="100%" height="auto" autoplay controls>
          <source src="wonderland.mp3" type="audio/mp3">
          </audio>

<script>

  var audio = document.getElementById('audioFile');
audio.controls = false;

</script>

Если я позволю элементам управления показывать, будет играть музыка c, но моя дилемма это то, что я не хочу, чтобы элементы управления отображались, и что я автоматически хочу, чтобы musi c просто играл без необходимости видеть какие-либо элементы управления и тому подобное. Я также попробовал код из W3Schools:

<audio autoplay>
 <source src="wonderland.mp3" type="audio/mpeg"> /
Your browser does not support the audio element.
</audio>

По некоторым причинам, это тоже не сработало для меня. И да, я также попытался изменить mpeg на mp3

Есть ли решение моей проблемы? Спасибо за помощь.

1 Ответ

0 голосов
/ 15 апреля 2020

Если я позволю элементам управления отображаться, то будет воспроизводиться музыка c, но моя дилемма в том, что я не хочу, чтобы элементы управления отображались ...

Отбросьте controls атрибут. Или просто сделайте это в JavaScript.

const audio = new Audio('wonderland.mp3');
audio.play();

... и я автоматически хочу, чтобы musi c просто играл без необходимости видеть какие-либо элементы управления и тому подобное.

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

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...