I am trying to play an mp3 file when I press a button on html

Question

...and it is not working. I have looked through the various other questions on this website which ask the same thing. None of them seem to fix the problem and often create new problems. I am fairly new to HTML/JS, so the solution could be incredibly simple.

<script language="javascript">


        function No(){

            var audioNo = new Audio();
            No.src = "No.mp3";
            document.getElementById(No);
            audioNo.Play();

        }

    </script>

</head>

<body>

    <p id="No" onclick="No()" type="text"> No </p>

</body>

FYI, `language="javascript"` is not needed or recommended. ` — jfriend00, Nov 15 '16 at 06:46

score 1 · Answer 1 · edited May 23 '17 at 12:24

1

This looks like you've just made a linkage error in your js, try

<script>
        function No(){

            var audioNo = new Audio();
            audioNo.src = "No.mp3";
            audioNo.play();

        }
</script>
</head>
<body>

    <p id="No" onclick="No()" type="text"> No </p>

</body>

alternatively, have a look at something like this answer https://stackoverflow.com/a/18628124/648350 which places the src inside the Audio tag, and also suggests looking at howler.js if you require greater functionality

edited May 23 '17 at 12:24

Community

1
1

answered Nov 15 '16 at 06:33

haxxxton

6,422
3
27
57

@TobyForster, is that a new error you are encountering? you'll have to be more specific with your comment in order for me to help you im afraid – haxxxton Nov 15 '16 at 06:50

score 1 · Answer 2 · answered Nov 15 '16 at 06:36

I created a jsfiddle

https://jsfiddle.net/stjqrry4/

<p id="No" onclick="play()" type="text"> No </p>

<script>
        function play(){
            var audioNo = new Audio();
            audioNo.src = "http://www.stephaniequinn.com/Music/Allegro%20from%20Duet%20in%20C%20Major.mp3";
            audioNo.play();

        }

    </script>

I am trying to play an mp3 file when I press a button on html

2 Answers2