Javascript - HTML5 аудио не воспроизводится на устройстве Android

Question

У меня есть скрипт, который после обратного отсчета должен воспроизводить файл .ogg. Учитывая размер файлов, тот, который должен играть после окончания обратного отсчета, составляет около 16 КБ. Теперь скрипт выглядит хорошо и хорошо работает в браузере Desktop, но он не будет воспроизводить файл ogg размером 16kb на моем устройстве Android. Я не могу понять, что может быть проблемой. Существует еще один файл ogg, который воспроизводит onClick, и он воспроизводится в браузере Android без каких-либо проблем, поэтому я не думаю, что формат файла имеет значение. Проверьте код.

var clickTimer; 
 

 
$("#startClock").click(function(){ 
 
    var pose = document.getElementById("pose"); 
 
    if (clickTimer) { 
 
     clearInterval(clickTimer); 
 
    } 
 
    var counter = document.getElementById('minutes').value; 
 
    clickTimer = setInterval(function() { 
 
    counter--; 
 
     if (counter >= 0) { 
 
     span = document.getElementById("count"); 
 
     span.innerHTML = counter; 
 
     } 
 
     if (counter === 0) { 
 
     span = document.getElementById("count"); 
 
     pose.play(); 
 
       } 
 
    }, 1000); 
 

 

 
});

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js?ver=4.1'></script> 
 

 
<audio id="pose" src="https://dl.dropboxusercontent.com/u/38489556/changepose.ogg" ></audio> 
 

 
<div id="count">0</div> 
 

 
<div id="min">Mins</div> 
 
    <select id="minutes"> 
 
    <option value="6" selected="selected">1</option> 
 
    </select> 
 
<button id=startClock >Start</button>

Answer 1

я понял, решение этой проблемы. Ниже приведен код с изменениями, если кто-то сталкивается с аналогичной проблемой.

var clickTimer; 
 

 
$("#startClock").click(function(){ 
 
    var pose = 
 
      document.getElementById("pose").play(); 
 
      document.getElementById("pose").pause(); 
 
    if (clickTimer) { 
 
     clearInterval(clickTimer); 
 
    } 
 
    var counter = document.getElementById('minutes').value; 
 
    clickTimer = setInterval(function() { 
 
    counter--; 
 
     if (counter >= 0) { 
 
     span = document.getElementById("count"); 
 
     span.innerHTML = counter; 
 
     } 
 
     if (counter === 0) { 
 
     span = document.getElementById("count"); 
 
     document.getElementById("pose").play(); 
 
       } 
 
    }, 1000); 
 

 

 
});

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js?ver=4.1'></script> 
 

 
<audio id="pose" src="https://dl.dropboxusercontent.com/u/38489556/changepose.ogg" ></audio> 
 

 
<div id="count">0</div> 
 

 
<div id="min">Mins</div> 
 
    <select id="minutes"> 
 
    <option value="6" selected="selected">1</option> 
 
    </select> 
 
<button id=startClock >Start</button>

Спасибо за ваше время!