jquery实现audio的播放控制

实现audio的暂停与播放控制。

<button onclick="playMusic()">播放<button>
<audio id="player" controls="controls" autoplay"><source src="../webmusicpages/music/1.mp3"/>
</audio>
<script>function playMusic() {var player = $("#player")[0]; /*jquery对象转换成js对象*/if (player.paused){ /*如果已经暂停*/player.play(); /*播放*/}else {player.pause();/*暂停*/}}
</script>

jquery实现audio的播放控制相关推荐

H5 audio 音频标签自定义样式修改以及添加播放控制事件
20181023 更新原来的代码拖动进度点只写了mouse事件,手机端的话应该是touch事件.所以出现了有朋友说的移动端无法拖动进度条的问题.现在更新的代码已经加上touch事件,即无论是手机模式 ...
Unity 声音播放控制：Audio Mixer
Unity播放声音时一般会使用AudioSource和AudioListener控制声音的播放,暂停和大小.在场景中AudioListener只能存在一个,当控制所有的声音都是一样的设置时只需要调用A ...
如何动态改变audio的播放的src
如何动态改变audio的播放的src 一.总结一句话总结:js方式在请求外部网站的时候行,php方式在请求内外部资源都行.因为php走在js前面,所以问题可以从php方面想办法. 1.如何使用js控 ...
html5 audio音乐播放，循环播放等9款播放器
说明随着HTML5越来越流行,越来越规范,音频播放支持和兼容改的平台越来越多,这里找到HTML5 通过 audio 元素来提供在网页中嵌入音频的标准方法,下面这9款 HTML5 音频播放器都是基于 ...
JQuery实现简易音乐播放器
自学前端有一阵子了,之前一直都是跟着教学视频来写一些小例子,实现页面效果和功能,这次下定决心开始自己设计并实现一个网页版的音乐播放器,来巩固之前所学的html,css ,js,JQuery等知识. 在 ...
audio自动播放遇到的问题
audio自动播放遇到的问题 ios限制了自动播放视频.自动播放音频,必须有用户行为才可以播放像背景音乐可以这样添加事件监听,在页面初始化后就可以自动播放 <script src=" ...
html5 audio音频播放器
html5开启了一个新时代,因为它让浏览器本身变得不那么被动,audio api就是一个典型的列子,在html5还没确定之前,如果想要在网页上听音乐看视频唯一的办法就是用flash 意思是当你没有给浏 ...
html5 video 定位播放,HTML5 video标签的播放控制
这篇文章主要介绍了HTML5 video标签的播放控制,本文讲解了获取影片总时长.播放.暂停.获取影片的播放时间和设置播放点.音量的获取和设置等内容,需要的朋友可以参考下上一篇介绍了html5标签v ...
mplayer-php,jQuery MPlayer网站音乐播放器插件
jQuery MPlayer网站音乐播放器插件这是一款2017年贺新春版的红色喜庆音乐播放器代码,jQuery MPlayer网站音乐播放器插件下载. 注意:演示效果在左下角收起来了,别以为没演示! ...

jquery实现audio的播放控制

jquery实现audio的播放控制相关推荐

最新文章

热门文章