js 控制 HTML5 audio标签播放音频文件

最新推荐文章于 2024-05-03 11:08:18 发布

徐同保

最新推荐文章于 2024-05-03 11:08:18 发布

阅读量1.8k

点赞数 3

分类专栏：前端技术分享文章标签： javascript html5

本文链接：https://blog.csdn.net/xutongbao/article/details/106674436

版权

前端技术分享专栏收录该内容

251 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
  <title>js 控制 HTML5 audio标签 播放音频文件</title>
</head>

<body>
  <button onclick="play()">播放音频</button>
  <button onclick="pause()">暂停音频</button>
  <button onclick="stop()">停止音频</button>
  <button onclick="skip()">跳到第10秒</button>
  <script type="text/javascript">
    var audio = document.createElement("audio");
    audio.src = "alarm.mp3";
    audio.controls = true

    document.body.append(audio)
    function play() {
      audio.play();
    }
    function pause() {
      audio.pause();
    }
    function stop() {
      audio.currentTime = 0;
      audio.pause();
    }
    function skip() {
      audio.currentTime = 10;
      audio.play();
    }
  </script>
</body>

</html>

优惠劵

徐同保

关注关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
js 控制 HTML5 audio标签播放音频文件

<!DOCTYPE html><html lang="en"><head> <title>js 控制 HTML5 audio标签播放音频文件</title></head><body> <button onclick="play()">播放音频</button> <button onclick="pause()">暂停音频</button> &lt.
复制链接

扫一扫