The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> How to play Audio file?
Morkus
post Sep 21 2021, 09:36 AM
Post #1





Group: Members
Posts: 2
Joined: 21-September 21
Member No.: 28,104
Hello,

I'm trying to get some basic HTML/JS code working to play an audio file.

What I have so far isn't working and I can't find a complete example. I'm using FireFox, Safari, and Chrome as the destination browsers.

Can someone explain what I need to do to get this HTML/JS to work?

Ideally, I want to put "VCR"-type controls to "play", "pause", and "rewind".

CODE
<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        let x = document.getElementById("audio_file");
        document.getElementById("audio_file").controls = true;

        function playAudio()
        {
            x.play();
        }

        function pauseAudio()
        {
            x.pause();
        }
    </script>
    <meta charset="UTF-8">
    <title>Play Audio</title>
</head>
<body>
<div id='audio_file'>
    <audio>file:///Users/.../Desktop/myaudio.mp3</audio>
</div>
<button type="button" onclick=playAudio();>Play</button>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
 Reply to this topicStart new topic
Replies
Morkus
post Sep 21 2021, 01:13 PM
Post #2





Group: Members
Posts: 2
Joined: 21-September 21
Member No.: 28,104
Thanks very much.

I finally got it working! smile.gif

Appreciate your reply.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
Morkus   How to play Audio file?   Sep 21 2021, 09:36 AM
Christian J   Hello! No personal experience with AUDIO, but...   Sep 21 2021, 01:06 PM
Morkus   Thanks very much. I finally got it working! ...   Sep 21 2021, 01:13 PM

« Next Oldest · Client-side Scripting · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 27th April 2024 - 08:29 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC