html5中为audio标签增加停止按钮动作实现方法

2016-02-19 12:17 52 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程，今天给大家分享html5中为audio标签增加停止按钮动作实现方法教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发】

在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不行

来源:https://www.tulaoshi.com/n/20160219/1600471.html

上一篇：始终抗拒不了的是新欢 - QQ情侣分组
下一篇： html5指南-5.使用web storage存储键值对的数据

看过《html5中为audio标签增加停止按钮动作实现方法》的人还看了以下文章更多>>

html5中为audio标签增加停止按钮动作实现方法 02-19
html5 标签 02-19
html5 音乐播放器 audio 标签使用概述 02-19
HTML5标签小集 02-19
解析在Android中为TextView增加自定义HTML标签的实现方法 02-19
HTML5的标签的代码的简单介绍 HTML5标签的简介 02-19
HTML5中语义化 b 和 i 标签 02-19
HTML5 Canvas标签使用收录 02-19
HTML5标签与HTML4标签的区别示例介绍 02-19
Html5新标签解释及用法 02-19

html5拖曳操作 HTML5实现网页元素的拖放操作

标签： Web开发

HTML5之前，要实现网页元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5中引入了直接支持拖放操作的API，大大简化了网页元素的拖放操作编程难度，并且这些API除了支持浏览器内部元素的拖放外，同时支持浏览器和其它应用程序之间的数据互相拖动。本文通过一个简单示例，演示HTML5中拖放API的使用...

HTML5边玩边学（1）画布实现方法

标签： Web开发

一、canvas标签 Html5 引入了一个新的 canvas 标签，这个标签所代表的区域就好象一块画布，你的所有图形绘制最后都要在这块画布上呈现。有了这个标签，浏览器的图形表现力被极大的提升，Flash 和 SilverLight 有没有感到威胁呢? 新闻链接：Google声称Chrome7浏览器将提速60倍 canvas标签的用法非常简单，如下：复制代码代码如下: ca...

HTML5中如何显示视频呢 HTML5视频播放demo

标签： Web开发

今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。在HTML5中，video元素目前支持三种格式的视频文件， 1.Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 2.MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 3.Web...

基于HTML5 audio元素播放声音jQuery小插件

标签： Web开发

一、前面的些唠叨在我浮生如梦的大学那会儿，貌似flash网站还有点小火，且大凡有点含量的flash站点上，杂七杂八的音效总是少不了。一部分音效是烘托渲染气氛的背景音乐，另外一部分就是促进互动，增强体验的交互声音，例如按钮按下或者是经过时哔哔声或是叭叭声。而在那个时候，在远离flash的web页面上鲜有声音的交互，即使有，要想实现兼容性...

HTML5边玩边学（2）基础绘图实现方法