html5中怎么为audio标签增加停止按钮

本文小编为大家详细介绍“html5中怎么为audio标签增加停止按钮”,内容详细,步骤清晰,细节处理妥当,希望这篇“html5中怎么为audio标签增加停止按钮”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

创新互联建站坚信:善待客户,将会成为终身客户。我们能坚持多年,是因为我们一直可值得信赖。我们从不忽悠初访客户,我们用心做好本职工作,不忘初心,方得始终。10年网站建设经验创新互联建站是成都老牌网站营销服务商,为您提供成都做网站、成都网站建设、网站设计、H5场景定制、网站制作、成都品牌网站建设微信小程序开发服务,给众多知名企业提供过好品质的建站服务。

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

读到这里,这篇“html5中怎么为audio标签增加停止按钮”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


网站名称:html5中怎么为audio标签增加停止按钮
文章转载:http://hbruida.cn/article/ppjoos.html