Playing an audio/sound with Javascript when time expires is not working on Android and IOS -


i have custom made countdowntimer in javascript shows mini seconds, seconds & minutes. can see full code below, in javascript code can assign values these variables in double digits :

var minutes = 05; var seconds = 00; var tens    = 00;

so after assigning above values, can see 5 mins. in browser show 05:00:00. in html, have 3 buttons start, stop , reset. when press start timer start running out.

now in javascript created variable var sound , assigned audio file it. there function countdowntimer { } @ end of javascript code doing work timer, in function first if statement how know timer expired. in if statement play sound sound.play();

problem :

now of works fine on desktop on mobile devices android , ios, hear no sound when timer expired.

ideas on how play sound when timer expired on android , ios appreciated. thank you!

full html , javascript timer below.

html

<div class="countdown">     <p class="audtitle">count down</p>     <div class="countdownwrapper">         <p><span id="minutes">00</span><span class="separator">:</span><span id="seconds">00</span><span class="separator">:</span><span id="tens">00</span></p>         <button id="button-start">start</button>         <button id="button-stop">stop</button>         <button id="button-reset">reset</button>     </div> </div>

javascript

        window.onload = function () {             var minutes = 00;             var seconds = 05;              var tens = 00;              var sound = new audio('anysoundlink.mp3');              var mins = minutes;             var secs = seconds;             var mili = tens;              var appendminutes = document.getelementbyid("minutes")             var appendtens = document.getelementbyid("tens")             var appendseconds = document.getelementbyid("seconds")             var buttonstart = document.getelementbyid('button-start');             var buttonstop = document.getelementbyid('button-stop');             var buttonreset = document.getelementbyid('button-reset');              appendminutes.innerhtml = (minutes < 10) ? "0" + minutes : minutes;             appendtens.innerhtml = (tens < 10) ? "0" + tens : tens;             appendseconds.innerhtml = (seconds < 10) ? "0" + seconds : seconds;              var interval;              buttonstart.addeventlistener("click", function(){                 clearinterval(interval);                 if(minutes != 0 || seconds != 0 || tens != 0) {                     interval = setinterval(countdowntimer, 10);                 }             });              buttonstop.addeventlistener("click", function(){                 clearinterval(interval);             });              buttonreset.addeventlistener("click", function(){                 clearinterval(interval);                 minutes = mins;                 seconds = secs;                 tens = mili;                 appendminutes.innerhtml = (minutes < 10) ? "0" + minutes : minutes;                 appendtens.innerhtml = (tens < 10) ? "0" + tens : tens;                 appendseconds.innerhtml = (seconds < 10) ? "0" + seconds : seconds;             });              function countdowntimer () {                 if((minutes < 1) && (seconds == 0 || seconds == -1) && (tens < 2)) {                     sound.play();                     clearinterval(interval);                     minutes = "00";                     seconds = "00";                     tens = "00";                     appendminutes.innerhtml = minutes;                     appendtens.innerhtml = tens;                     appendseconds.innerhtml = seconds;                     return 0;                  }                 if(tens > 0) {                     tens--;                 }                 if(tens < 10) {                     appendtens.innerhtml = "0" + tens;                 }                 if (tens > 9) {                     appendtens.innerhtml = tens;                 }                 if(seconds == 0 && tens == 1) {                     seconds = 60;                     if(minutes > 0) {                         minutes--;                         appendminutes.innerhtml = minutes;                     }                 }                 if(tens <= 0) {                     tens = 100;                     if(seconds > 0) {                         seconds--;                         appendseconds.innerhtml = seconds;                     }                 }                 if(seconds < 10) {                     if(seconds > -1) {                         appendseconds.innerhtml = "0" + seconds;                     }                 }                 if(seconds > 9) {                     appendseconds.innerhtml = seconds;                 }                 if(seconds != -1 && seconds == 0 && minutes == 0) {                     tens == 100;                     seconds--;                 }                 if(seconds <= 0 && seconds != -1) {                     if(seconds != 0) {                         seconds = 59;                         if(minutes > 0) {                             minutes--;                             appendminutes.innerhtml = minutes;                         }                     } else {                         appendseconds.innerhtml = '00';                     }                 }                 if(minutes < 10) {                     appendminutes.innerhtml = "0" + minutes;                 }             }         }

hope help. use this:

sound.reload();

after:

sound.play();

Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj...
Read more

performance - Why is XCHG reg, reg a 3 micro-op instruction on modern Intel architectures? -

i'm doing micro-optimization on performance critical part of code , came across sequence of instructions (in at&t syntax): add %rax, %rbx mov %rdx, %rax mov %rbx, %rdx i thought had use case xchg allow me shave instruction , write: add %rbx, %rax xchg %rax, %rdx however, dimay found agner fog's instruction tables , xchg 3 micro-op instruction 2 cycle latency on sandy bridge, ivy bridge, broadwell, haswell , skylake. 3 whole micro-ops , 2 cycles of latency! 3 micro-ops throws off 4-1-1-1 cadence , 2 cycle latency makes worse original in best case since last 2 instructions in original might execute in parallel. now... cpu might breaking instruction micro-ops equivalent to: mov %rax, %tmp mov %rdx, %rax mov %tmp, %rdx where tmp anonymous internal register , suppose last 2 micro-ops run in parallel latency 2 cycles. given register renaming occurs on these micro-architectures, though, doesn't make sense me done way. why wouldn't register renamer ...
Read more

c# - Asp.net web api : redirect unauthorized requst to forbidden page -

im trying redirect unauthorized request forbidden page instead i'm getting forbidden page in response body , how can fix ? here's startup class : app.createperowincontext(storecontext.create); app.createperowincontext<applicationusermanager>(applicationusermanager.create); app.createperowincontext<applicationsigninmanager>(applicationsigninmanager.create); app.usecookieauthentication(new cookieauthenticationoptions { authenticationtype = defaultauthenticationtypes.applicationcookie, expiretimespan = timespan.fromdays(30), }); app.useexternalsignincookie(defaultauthenticationtypes.externalcookie); app.usetwofactorsignincookie(defaultauthenticationtypes.twofactorcookie, timespan.fromminutes(5)); app.usetwofactorrememberbrowsercookie(defaultauthenticationtypes.twofactorrememberbrowsercookie); the method im trying reach : [httpget] [authorize(roles = "admin")] public string getcurrentusername() { return userman...
Read more