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="b.mp3" controls="controls" preload id="music1" hidden>
</audio>
<span id="bf" onclick="bf();">播放/暂停</span>
<span id="bf" onclick="rbf();">重新播放</span>
<script>
function rbf(){
 var audio = document.getElementById(‘music1‘);
 audio.currentTime = 0;
}
function bf(){
 var audio = document.getElementById(‘music1‘);
 if(audio!==null){
    //检测播放是否已暂停.audio.paused 在播放器播放时返回false.
     alert(audio.paused);
  if(audio.paused)                     {
      audio.play();//audio.play();// 这个就是播放
  }else{
   audio.pause();// 这个就是暂停
  }
 }
}

</script>
</body>
</html>

时间： 2024-10-12 11:29:28

js控制html5 audio的暂停、播放、停止的相关文章

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

<body><audio src="b.mp3" controls="controls" preload id="music" hidden></audio><span onclick="control();">播放/暂停</span><span onclick="repeat();">重播</span><script

参考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

js控制html5 【video】标签中视频的播放和停止

需求:页面中有2个普通按钮a,b.还有一个video标签,能成功播放出视频..我想要的效果是,点击a按钮,视频开始播放,点击b按钮,视频播放停止!!!<br><br>----------------------------------------------------code---------------------------------------------------------------------------<br><br><!DOCT

html - html5 audio 音乐自动播放，循环播放等

转自:http://blog.csdn.net/u012246458/article/details/50618759 audio播放音乐 [java] view plain copy <audio id="audio" src="images/openspeech.mp3" style="opacity:0" preload="auto" controls loop hidden="true"/&g

MUI音乐播放html5+audio模块

html5+ audio 模块MUI播放音频 Audio模块用于提供音频的录制和播放功能,可调用系统的麦克风设备进行录音操作,也可调用系统的扬声器设备播放音频文件.通过plus.audio获取音频管理对象. 权限 "Audio": { "description": "访问音频设备" } 录音 // 扩展API加载完毕,现在可以正常调用扩展API function onPlusReady() { r = plus.audio.getRecorder

5款帮助简化的HTML5 Audio开发的Javascript类库

HTML5的audio标签提供了我们方便控制声音的功能,但是使用原生的HTML5来开发声音或者音乐相关的项目仍旧非常的麻烦,在今天这篇文章中,我们将介绍5款帮助你简化开发的javascript audio类库,相信合理的使用能够帮助你高效的开发基于html5 audio的应用和项目,希望大家觉得有帮助! SoundManager 2 soundmanager2绝对是一个产品级别的javascript audio解决方案,支持HTML5并且兼容老的flash.帮助大家使用一套统一API来实现跨平台

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