Play Sound only once in HTML5 Audio

makenzi....

SOLVED CLOSED ACTIVE ANSWERED
User: makenzi.exc
Posted: on Mar 11, 2025 07:43 AM
Forum: ASP.Net Basics
Replies: 1
Views: 42

How to play sound only once in HTML5?

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 1

Reply
User: Mudassar
Replied: 2 minutes ago
Report

Hi makenzi.exc,

Refer below example.

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        body { font-family: Arial; font-size: 10pt; }
    </style>
</head>
<body>
    <audio id="audio" controls onended="DisablePlay()">
        <source src="https://www.aspsnippets.com/audio/welcome.mp3" type="audio/mpeg">
    </audio>
    <script type="text/javascript">
        var audioPlayed = false;
        function DisablePlay() {
            var audio = document.getElementById('audio');
            if (!audioPlayed) {
                audio.controls = false;
                audioPlayed = true;
            }
        }
    </script>
</body>
</html>

Demo

Screenshot

Downloads

Download Sample

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Description

Description is required.

Play Sound only once in HTML5 Audio

Company

Explore

Follow us

Contact Us