千家信息网

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

发表于:2025-01-16 作者:千家信息网编辑
千家信息网最后更新 2025年01月16日,本文小编为大家详细介绍"html5中怎么为audio标签增加停止按钮",内容详细,步骤清晰,细节处理妥当,希望这篇"html5中怎么为audio标签增加停止按钮"文章能帮助大家解决疑惑,下面跟着小编的
千家信息网最后更新 2025年01月16日html5中怎么为audio标签增加停止按钮

本文小编为大家详细介绍"html5中怎么为audio标签增加停止按钮",内容详细,步骤清晰,细节处理妥当,希望这篇"html5中怎么为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不行

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

0