本地网页制作。在一张图片划定了一个矩形区域的热点,能不能把该热点的执行操作设置成播放本地音乐。
我试过直接写上音乐文件路径,结果是出现了新的页面以及一个不好看的播放器。
我希望的结果是直接播放音乐,其他不变。再次点击暂停音乐。
请教怎么写代码。
【html】图片热点播放音乐
答案:1 悬赏:30
解决时间 2021-01-30 10:18
- 提问者网友:堕落的邪教徒
- 2021-01-29 15:27
最佳答案
- 二级知识专家网友:木子香沫兮
- 2021-01-29 16:41
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div onclick="ctrl()" style="height:40px;width:40px;background-color:blue"></div>
<audio id="audio" src="游戏原声-She.mp3" style="display:none">
您的浏览器不支持 audio 标签。
</audio>
<script>
var audio=document.getElementById('audio');
var s=0;
function ctrl () {
if(s==0){
audio.play();
s=1;
}else{
audio.pause();
s=0;
}
}
</script>
</body>
</html> 这是html5的例子 如果其他播放器 类似去调用api就行
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div onclick="ctrl()" style="height:40px;width:40px;background-color:blue"></div>
<audio id="audio" src="游戏原声-She.mp3" style="display:none">
您的浏览器不支持 audio 标签。
</audio>
<script>
var audio=document.getElementById('audio');
var s=0;
function ctrl () {
if(s==0){
audio.play();
s=1;
}else{
audio.pause();
s=0;
}
}
</script>
</body>
</html> 这是html5的例子 如果其他播放器 类似去调用api就行
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯