How to Print a String in JavaScript ?

How to Make a Beep Sound in JavaScript?

Last Updated : 15 Oct, 2024

To make a beep sound in JavaScript, you can use the Audio object to play a sound file.

Approach: Using Audio Function

Use the Audio function in Javascript to load the audio file. This HTML document creates a simple web page with a heading and a button. When the button is clicked, the play() function is executed, which creates a new audio object using a specified MP3 file URL and plays the sound, providing an interactive audio experience to users.

Example: This example shows the implementation of the above-mentioned approach.

html

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta name="viewport" 
        content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>Press the Button</h1>

    <button onclick="play()">Press Here!</button>

    <script>
        function play() {
            let audio = new Audio(
'https://media.geeksforgeeks.org/wp-content/uploads/20190531135120/beep.mp3');
            audio.play();
        }
    </script>
</body>
  
</html>

Output:

Example 2: Use the audio tag in html and play it using Javascript.

HTML

<html lang="en">
<head>
  
    <meta charset="UTF-8">
    <meta name="viewport" 
        content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>Press the Button</h1>

    <audio id="chatAudio" >
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190531135120/beep.mp3" 
        type="audio/mpeg">
    </audio>
    <button onclick="play()">Press Here!</button>
 
    <script>
        let audio = document.getElementById('chatAudio');
        function play(){
            audio.play()
        }
    </script>
</body>
  
</html>

Output:

How to Print a String in JavaScript ?

ayushmankumar7

Improve

Article Tags :

Similar Reads

How to Simulate a Click in JavaScript?

Simulating a click in JavaScript means triggering a click event on an HTML element using code, rather than requiring manual user interaction. This technique is useful for automating actions like clicking buttons, links, or other interactive elements, enhancing web functionality, and triggering hidde

How to use the alert() method in JavaScript ?

In this article, we will learn how to use the alert() method in JavaScript. The alert() method is used to show an alert box on the browser window with some message or warning. We can use it as a message or as a warning for the user. Approach: To show an alert on the browser window, we make a button.

How to Print a String in JavaScript ?

In JavaScript, printing a string means displaying the contents of a string variable or literal to the console, webpage, or any other output medium. Strings are a fundamental data type in JavaScript, representing sequences of characters enclosed within single ('') or double ("") quotes. Table of Cont

How to record and play audio in JavaScript ?

JavaScript is a very flexible language and it provides many API support to do many useful things. Here one important thing is that record audio or video in web pages is also done using JavaScript. In this case, it will ask the user for microphone access to the browser and record the audio through th

How to Get Current Time in JavaScript ?

This article will show you how to get the current time in JavaScript. Whether you are creating a digital clock, scheduling events, or simply logging timestamps, knowing how to retrieve the current time is essential. Here, we will cover different methods to get the current time in JavaScript.Table of

How to Detect Idle Time in JavaScript ?

The idle time is the time that the user doesn't interact with a web page. This interaction can be either moving the mouse, clicking on the page, or using the keyboard. This time can be detected to execute certain events that may need to occur after a certain period of idle time. \ Method 1: Using Ja

How to Create an Alert in JavaScript ?

The alert() method in JavaScript displays an alert box with a message and an OK button. It's used when you want information to come through to the user, providing immediate notifications or prompts for user interaction during program execution. Note: Alert boxes interrupt user interaction, shifting

How to Set Time Delay in JavaScript?

Delaying the execution of code is a fundamental technique that is commonly used in JavaScript for tasks like animations, API polling, or managing time intervals between actions. JavaScript provides several built-in methods to set time delays: setTimeout() and setInterval(). We can set time delay in

JavaScript - How to Get a Number of Vowels in a String?

Here are the various methods to get the number of vowels in a string using JavaScript.1. Using a for LoopThis is the most basic and beginner-friendly approach. It uses a loop to iterate over each character and checks if it is a vowel.JavaScriptconst cVowels = (s) => { const vowels = "aeiouAEIOU";

How to create a coming soon page using JavaScript ?

What is the Coming Soon Page? First, we need to know what is the meaning of the Coming Soon Page, Coming Soon is a term that means something that is going to take place as scheduled or expected to happen in the near future. Hereby, we get to the conclusion that the Coming Soon Page is a type of webp