js控制H5 audio音频的播放暂停

<body>
<audio src="b.mp3" controls="controls" preload id="music" hidden>
</audio>
<span onclick="control();">播放/暂停</span>
<span onclick="repeat();">重播</span>
<script>
function repeat(){
var audio = document.getElementById(‘music‘);
audio.currentTime = 0;//重新播放
}
function control(){
var audio = document.getElementById(‘music‘);
if(audio!==null){
if(audio.paused){
audio.play();// 播放
}else{
audio.pause();// 暂停
}
}
}

</script>
</body>

时间: 2024-10-15 23:25:19

js控制H5 audio音频的播放暂停的相关文章

js控制html5 audio的暂停、播放、停止

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> 音乐 <audio src

H5页面音频自动播放问题

最近有这么一个需求,需要在手机加载一个页面的时候,自动播放音乐资源.一般情况下,这个问题也就解决了,但是要保证各种手机上表现一致,那就相当困难了,至少要费点儿周折. 下面有三种常规的方式,可以创建自动播放的audio对象: 第一种:页面上创建一个audio标签,写好相关的属性,如:autoplay='autoplay',正常情况下,这里写上资源地址之后,访问页面之后就可以自动播放了.但是如果音乐资源地址不确定,需要js改变的话,就需要使用JS来实现了. (function() { var aud

简单谈谈如何利用h5实现音频的播放

作者:白狼 出处:http://www.manks.top/article/h5_audio本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. 如何在网页上进行音频的播放?话题挺高大上,实际上的开发工作确实非常easy,只需要利用html5的一个标签audio即可. 网页上大多数音频一般是通过插件falsh播放的.但是,并不是所有的浏览器对其都支持. html5 规定了通过audio元素来包含音频的标准方法. 当前audio支

[H5]audio音频

<body> <audio src="../../audio/一笑倾城.mp3" controls="controls">您的浏览器暂不支持播放</audio> <br/><br/><br/> <!--方法2,自定义界面显示--> <audio id="audio" src="../../audio/演员.mp3">您的浏览器暂不支

Js控制HTML5 Audio 音乐播放和关闭

参考W3C详细文档:http://www.w3school.com.cn/jsref/dom_obj_audio.asp pause()方法只是暂停,这里重新load之后,再次play,音乐可重头播放 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <script language="javascrip

HTML5 audio 如何实现播放多个MP3音频

<audio>标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. <audio>标签常用属性如下表 属性 值 描述 autoplay autoplay 添加该属性后,音频会自动播放 controls controls 设置后,显示控件,如播放按钮.音量 loop loop 添加该属性后,当音频播放结束后会重新开始播放 preload preload 音频显示页面加载,准备播放,如已添加autoplay,则忽略该属性 src u

html5 audio js控制暂停播放停止

<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title> </head> <body>  音乐<audio src=&quo

html5 背景音乐 js控制播放 暂停

<html> <head> <title> 测试页面 </title> <script src="jquery.min.js"></script><!--没有试用jquery,没有用,我用的是getElementById--> </head> <body> <script type="text/javascript"></script>

iOS 9音频应用播放音频之播放控制暂停停止前进后退的设置

iOS 9音频应用播放音频之播放控制暂停停止前进后退的设置 ios9音频应用播放控制 在“iOS 9音频应用播放音频之ios9音频基本功能”一文可以看到AVAudioPlayer类有很多的属性以及方法.本节将AVAudioPlayer类中常使用到的属性和方法进行详细的讲解. ios9音频应用暂停/停止 在音乐应用程序中都会有一个使音乐停止播放的按钮.当用户轻拍该按钮,正在播放的音乐就会停止.在iOS要想要正在播放的音频停止下来,可以使用AVAudioPlayer类中的pause()方法和stop