使用HTML-CSS-JS播放MP3 on touch事件
使用HTML-CSS-JS播放MP3 on touch事件
提问于 2017-03-07 21:19:22
有人能帮我找到一种播放mp3音频文件的方法吗?用HTML-CSS-JavaScript触摸触摸屏上的图像？
谢谢!
回答 4
Stack Overflow用户
回答已采纳
发布于 2017-03-07 21:51:33
<!DOCTYPE HTML>
<html>
<head>
<title>audio with image</title>
</head>
<body>
<script>
function play(){
var audio = document.getElementById("audio");
audio.play();
}
</script>
<img src="http://www.partyplan123.com/wp-content/uploads/2015/02/click-here.jpg" onclick="play()">
<audio id="audio" src="http://kolber.github.io/audiojs/demos/mp3/juicy.mp3" ></audio>
</body>
</html>Stack Overflow用户
发布于 2017-03-07 21:26:17
要在HTML中播放音频文件，请使用<audio></audio>标签。
这个标签还带有<audio controls>属性，用于添加诸如播放暂停和全部的控件。
有关此标记的完整DOM文档，请访问W3 audio tag docs
对于JS端，使用onclick()事件触发触摸屏的音频文件。
Stack Overflow用户
发布于 2017-03-07 21:45:16
在html中创建一个audio元素，并使用visibility: hidden隐藏它。
当用户单击图像时，使用Javascript处理单击事件，并从处理程序手动触发对音频元素的播放。
您可以在audio html api上引用here for more documentation。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42649405
复制相关文章
相似问题
腾讯云开发者
