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

Question

Welcome To Ask or Share your Answers For Others

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

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

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

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?

<script>
    window.onload = function () { document.getElementById("audio").play(); }
    window.addEventListener("load", function () { document.getElementById("audio").play(); });
</script>

<body>
    <audio id='audio' controls autoplay>
        <source src="Sounds/DPM317.wav" type="audio/wav" />
        Your browser does not support the audio element.
    </audio>
</body>

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T17:48:34+0000

For Chrome they changed autoplay policy, so you can read about here:

var promise = document.querySelector('audio').play();

if (promise !== undefined) {
    promise.then(_ => {
        // Autoplay started!
    }).catch(error => {
        // Autoplay was prevented.
        // Show a "Play" button so that user can start playback.
    });
}

Categories

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

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

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags