在 JavaScript 中创建哔声

最新推荐文章于 2024-05-14 09:33:26 发布

小柴没吃饱

最新推荐文章于 2024-05-14 09:33:26 发布

阅读量188

点赞数

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_50251467/article/details/131775908

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文介绍了两种在JavaScript中创建哔声的方法。第一种是利用HTMLaudio标签和source元素，通过调用sound.play()播放音频源。第二种方法是使用Audio构造函数，直接在JavaScript中创建和播放声音。两种方法都涉及到了触发哔声的按钮和音频文件的URL。

摘要由CSDN通过智能技术生成

[在 JavaScript 中创建哔声]

哔声通常用作某些功能的警报。但是一般的 JavaScript 约定没有任何特定的方法或属性来遵循这种操作。

有两种执行任务的方法。一种是与 HTML 标签交互，另一种是在 script 标签中操作。

在这里，我们将看到在 HTML 标签中添加音频源的示例。我们还将看到另一个实例，它在音频构造函数中获取哔哔声的 URL，然后在操作后触发。

[在 JavaScript 中使用 `audio` HTML 标签来发出哔哔声]

我们需要在 HTML audio 标签中添加声音的来源。在定义音频和源结构时，我们添加了一个按钮元素来触发函数 playbeep()。

我们将获取音频元素并在脚本部分执行其功能。当它被 sound.play() 触发时，它会创建一个与附加源相对应的声音（哔声）。

代码片段：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>Press the Button</p>
    <audio id="Audio" >
        <source src="https://www.soundjay.com/misc/censor-beep-01.mp3"
        type="audio/mpeg">
    </audio>
    <button onclick="playbeep()">Press Here!</button>
    <script>
        var sound = document.getElementById('Audio');
        function playbeep(){
            sound.play()
        }
    </script>
</body>
</html>

输出：

为 Beep 使用音频 HTML 标记

[在 JavaScript 中为 Beep 使用 `audio` 构造函数]

JavaScript Audio 构造函数获取声音源。在 HTML 部分，只需要一个按钮和一个 onclick 函数，并且无论何时调用它，都会触发获取 URL 的 sound 对象。

代码片段：

<!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>
    <h2>Press the Button</h2>
    <button onclick="playbeep()">Press Here!</button>
    <script>
        function playbeep() {
            var sound = new Audio('https://www.soundjay.com/misc/censor-beep-01.mp3');
            sound.play();
        }
    </script>
</body>
</html>

输出：

对 Beep 使用音频构造函数

小柴没吃饱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
在 JavaScript 中创建哔声

在这里，我们将看到在 HTML 标签中添加音频源的示例。我们还将看到另一个实例，它在音频构造函数中获取哔哔声的 URL，然后在操作后触发。但是一般的 JavaScript 约定没有任何特定的方法或属性来遵循这种操作。标签中添加声音的来源。在定义音频和源结构时，我们添加了一个按钮元素来触发函数。有两种执行任务的方法。在 HTML 部分，只需要一个按钮和一个。函数，并且无论何时调用它，都会触发获取 URL 的。触发时，它会创建一个与附加源相对应的声音（哔声）。我们将获取音频元素并在脚本部分执行其功能。
复制链接

扫一扫