HTML5 audio标签使用浏览器触发函数提示声音（最小化后、当前任务非浏览器时都可以使用）

最新推荐文章于 2021-06-28 21:09:51 发布

coco爱火女

最新推荐文章于 2021-06-28 21:09:51 发布

阅读量3.2k

点赞数

分类专栏： js web java 文章标签： js html html5 函数浏览器

本文链接：https://blog.csdn.net/u011424470/article/details/50973522

版权

java 同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

web

16 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

1、上次写过一个浏览器播放提示音但使用过程中不是很理想

（1）当前任务不是浏览器时（最前端运行浏览器）事件堆积到一起不执行执行时一下子触发好多提示音

2、audio标签不存在这个问题具体代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script>

setInterval("myInterval()",5000);//1000为1秒钟
function myInterval()
{
document.getElementById('myTune').play();
}

</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>one</title>
</head>

<body>
<h5>sgmlp</h5>
<div id="content">
<div style="margin-bottom: 20px;">
<button id="playButton" οnclick="document.getElementById('myTune').play()">Play Music</button>
<button id="pauseButton" οnclick="document.getElementById('myTune').pause()">Pause Music</button>
<button id="stopButton" οnclick="document.getElementById('myTune').pause(); document.getElementById('myTune').currentTime = 0;">Stop Music</button>
</div>
<audio id="myTune">
<source src="6138.mp3">
</audio>
</body>
</html>

coco爱火女

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML5 audio标签使用浏览器触发函数提示声音（最小化后、当前任务非浏览器时都可以使用）

1、上次写过一个浏览器播放提示音但使用过程中不是很理想（1）当前任务不是浏览器时（最前端运行浏览器）事件堆积到一起不执行执行时一下子触发好多提示音2、audio标签不存在这个问题具体代码如下 setInterval("myInterval()",5000);//1000为1秒钟 function myInterval() {
复制链接

扫一扫