How to handle Uncaught in promise DOMException The play request was interrupted by a call to pause

Question

Below is my code in aspx page to allow playing audio s of wav format in the browser but with my current code I am unable to play wav audios in Chrome browser but it works in Firefox  How can I handle this exception    lt script gt      window onload   function      document getElementById  audio   play          window addEventListener  load   function      document getElementById  audio   play         lt  script gt    lt body gt       lt audio id  audio  controls autoplay gt           lt source src  Sounds DPM317 wav  type  audio wav    gt          Your browser does not support the audio element       lt  audio gt   lt  body gt

User · Answer

In my case I had to wait for a user interaction  so I set a click or touchend listener   const isMobile   navigator maxTouchPoints     ontouchstart  in document documentElement   function play        audioEl play       document body addEventListener isMobile    touchend     click   play    once  true

User · Answer

For Chrome they changed autoplay policy  so you can read about here   var promise   document querySelector  audio   play     if  promise     undefined        promise then     gt               Autoplay started         catch error   gt               Autoplay was prevented             Show a  Play  button so that user can start playback

User · Answer

I am using Chrome version 75   add the muted property to video tag   lt video id  myvid  muted gt    then play it using javascript and set muted to false  var myvideo   document getElementById  myvid    myvideo play    myvideo muted   false    edit  need user interaction  at least click anywhere in the page to work

User · Answer

All new browser support video to be auto-played with being muted only so please put     lt video autoplay muted  muted  loop id  myVideo  gt     lt source src  https   w r glob net Coastline-3581 mp4  type  video mp4  gt   lt  video gt   Something like this    URL of video should match the SSL status if your site is running with https then video URL should also in https and same for HTTP

User · Answer

I don t know if this is still actual for you  but I still leave my comment so maybe it will help somebody else  I had same issue  and the solution proposed by  dighan on bountysource com issues  solved it for me   So here is the code that solved my problem   var media   document getElementById  YourVideo    const playPromise   media play    if  playPromise     null       playPromise catch      gt    media play           It still throws an error into console  but at least the video is playing

User · Answer

adding muted  muted  property to HTML5  tag solved my issue

User · Answer

Try using a callback like this with the catch block   document getElementById  audio   play   catch function            do something

User · Answer

I second Shobhit Verma  and I have a little note to add   in his post he told that in Chrome  Opera for myself  the players need to be muted in order for the autoplay to succeed    And ironically  if you elevate the volume after load  it will still play    It s like all those anti-pop-ups mechanic that ignore invisible frame slid into your code    php-echoed html and javascript is   10-second setTimeout onLoad of body tag that rises volume to maximum  video with autoplay and muted  muted   yeah that  muted code part is    muted  muted    echo   lt body style  margin-bottom 0pt  margin-top 0pt  margin-left 0pt  margin-right 0pt  onLoad   setTimeout function    var vid   document getElementById  hourglass video    vid volume   1 0   10000     gt        echo   lt div id  hourglass container  width  100   height  100   align  center  style  text-align right  vertical-align bottom  gt        echo   lt video autoplay   muted code title       Pausing this video will immediately end your turn      oncontextmenu   dont stop hourglass event     onPause     action    id  hourglass video  frameborder  0  style  width 95   margin-top 28   gt

[javascript] How to handle Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause()

Examples related to javascript

Examples related to asp.net

Examples related to wav