本文主要是介绍HTML5 audio标签使用 浏览器触发函数提示声音(最小化后 、当前任务非浏览器时都可以使用),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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>
这篇关于HTML5 audio标签使用 浏览器触发函数提示声音(最小化后 、当前任务非浏览器时都可以使用)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!