您现在的位置是：网站首页> 编程资料编程资料
html5中为audio标签增加停止按钮动作实现方法HTML5使用Audio标签实现歌词同步的效果 Html5 audio标签样式的修改 简单介绍HTML5中audio标签的使用HTML5 audio标签使用js进行播放控制实例html5 音乐播放器 audio 标签使用概述html5声频audio和视频video等新特性详细说明html5中audio支持音频格式的解决方法
2021-09-01
1016人已围观
简介 在html 5中的audio标签中，只有暂停按钮，但没有停止按钮，其实为其增加也不麻烦，接下来介绍实现方法，有需要的朋友可以参考下
在html 5中的audio标签中，只有暂停按钮，但没有停止按钮，其实为其增加也不麻烦，方法如下：
HTMLAudioElement.prototype.stop = function()
{
this.pause();
this.currentTime = 0.0;
}
其实很简单，就是先暂停，然后时间归0；
调用方法：
var aud = new Audio();
aud.src = '特殊他.ogg';
aud.play();
aud.stop();
上面代码可以在chrome,opera下跑，但firefox 17不行
复制代码
代码如下:HTMLAudioElement.prototype.stop = function()
{
this.pause();
this.currentTime = 0.0;
}
其实很简单，就是先暂停，然后时间归0；
调用方法：
复制代码
代码如下:var aud = new Audio();
aud.src = '特殊他.ogg';
aud.play();
aud.stop();
上面代码可以在chrome,opera下跑，但firefox 17不行
相关内容
- html5 button autofocus 属性介绍及应用html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- html5的新玩法——语音搜索HTML5实时语音通话聊天MP3压缩传输3KB每秒使用Html5多媒体实现微信语音功能鲜为人知的HTML5语音合成功能基于Html5实现的语音搜索功能HTML5为输入框添加语音输入功能的实现方法Jquery+html5可设置闹钟并且会语音提醒的时钟特效源码用html5实现语音搜索框的方法HTML5语音识别标签写法附图HTML5 语音搜索只需一句代码HTML5 语音搜索(淘宝店语音搜素)
- HTML5 语音搜索只需一句代码HTML5实时语音通话聊天MP3压缩传输3KB每秒使用Html5多媒体实现微信语音功能鲜为人知的HTML5语音合成功能基于Html5实现的语音搜索功能HTML5为输入框添加语音输入功能的实现方法Jquery+html5可设置闹钟并且会语音提醒的时钟特效源码用html5实现语音搜索框的方法HTML5语音识别标签写法附图html5的新玩法——语音搜索HTML5 语音搜索(淘宝店语音搜素)
- HTML5 语音搜索(淘宝店语音搜素)HTML5实时语音通话聊天MP3压缩传输3KB每秒使用Html5多媒体实现微信语音功能鲜为人知的HTML5语音合成功能基于Html5实现的语音搜索功能HTML5为输入框添加语音输入功能的实现方法Jquery+html5可设置闹钟并且会语音提醒的时钟特效源码用html5实现语音搜索框的方法HTML5语音识别标签写法附图html5的新玩法——语音搜索HTML5 语音搜索只需一句代码
- html5拖曳操作 HTML5实现网页元素的拖放操作HTML5中的拖放实现详解HTML5拖放功能_动力节点Java学院整理 HTML5拖放API实现拖放排序的实例代码HTML5拖放效果的实现代码详解HTML5中的拖放事件（Drag 和 drop）HTML5 拖放功能实现代码 HTML5+CSS3实现拖放(Drag and Drop)示例HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法Html5实现如何在两个div元素之间拖放图像HTML5中实现拖放效果无须借助javascript
- 使用CSS实现弹性视频html5案例实践HTML5中视频音频的使用详解HTML5+CSS3模仿优酷视频截图功能示例canvas与html5实现视频截图功能示例html5 视频播放解决方案HTML5页面音视频在微信和app下自动播放的实现方法浅谈Html5中视频 音频标签 进度条的问题使用HTML5在网页中嵌入音频和视频播放的基本方法浅谈基于HTML5的在线视频播放方案HTML5中的音频和视频媒体播放元素小结用HTML5制作视频拼图的教程
- HTML5中实现拖放效果无须借助javascriptHTML5中的拖放实现详解HTML5拖放功能_动力节点Java学院整理 HTML5拖放API实现拖放排序的实例代码HTML5拖放效果的实现代码详解HTML5中的拖放事件（Drag 和 drop）HTML5 拖放功能实现代码 HTML5+CSS3实现拖放(Drag and Drop)示例HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法Html5实现如何在两个div元素之间拖放图像html5拖曳操作 HTML5实现网页元素的拖放操作
- html5 application cache遇到的严重问题Application Cache未缓存文件无法访问无法加载问题HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题HTML5实现应用程序缓存(Application Cache)
- html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
