JavaScript нет звука в Chrome / не считая в IE - PullRequest
0 голосов
/ 04 марта 2019

Я создал простой таймер, который не работает в IE.В Chrome он работает, но не воспроизводит звук. Есть ли у вас какие-либо предложения относительно того, почему это происходит?я использую редактор контента SharePoint для встраивания кода.Спасибо!

<Script>
<audio id="audioshort" src="/sites/MTDT/HTML/SiteAssets/Shortbeep.mp3" preload="auto"></audio><script>
<audio id="audiolong" src="/sites/MTDT/HTML/SiteAssets/Longbeep.mp3" preload="auto"></audio><script>
</Script>

<Script>
ProgressCountdown(20, 'pageBeginCountdown', 'pageBeginCountdownText').then(value => alert(`Stream time has ended. Please move to another stream`));

function ProgressCountdown(timeleft, bar, text) {
  return new Promise((resolve, reject) => {
    var countdownTimer = setInterval(() => {
      timeleft--;

      document.getElementById(bar).value = 20 - timeleft;
      document.getElementById(text).textContent = timeleft;

      if (timeleft <= 0) {
        clearInterval(countdownTimer);
        resolve(true);
	location.reload();
      }
      if (timeleft == 5) {
        document.getElementById('audioshort').play();  
      }
    }, 1000);
  });
}
</Script>
<div class="row begin-countdown">
  <div class="col-md-12 text-center">
    <h2>Stream time left</h2>
    <progress value="0" max="20" id="pageBeginCountdown"></progress>
    <p><centre><span id="pageBeginCountdownText">20 </span> minutes<centre></p>
  </div>
</div>

1 Ответ

0 голосов
/ 04 марта 2019

У вас есть странные Script теги вокруг ваших аудио файлов.Оно должно выглядеть следующим образом:

<audio id="audioshort" src="/sites/MTDT/HTML/SiteAssets/Shortbeep.mp3" preload="auto"></audio>
<audio id="audiolong" src="/sites/MTDT/HTML/SiteAssets/Longbeep.mp3" preload="auto"></audio>

Это должно решить проблему воспроизведения в Chrome.
Для вашей проблемы с IE это зависит от того, какую версию вы используете, но я предполагаю, что Promise не поддерживается.См. https://caniuse.com/#feat=promises для получения дополнительной информации.

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