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

在HTML5的audio标签设计中，你可能会注意到，尽管提供了暂停按钮的功能，却缺少了直接停止播放的按钮。好消息是，我们完全可以为其增加一个停止按钮的功能。具体的方法是这样的：

扩展HTMLAudioElement的功能，为其添加一个stop方法：

```javascript

HTMLAudioElement.prototype.stop = function() {

this.pause();

this.currentTime = 0.0;

}

```

这个方法首先暂停音频播放，然后将当前播放时间重置为0，从而达到停止播放的效果。这个过程非常简单且实用。

如何调用这个方法呢？下面是一个简单的示例：

我们创建一个新的Audio对象：

```javascript

var aud = new Audio();

```

接着，我们为audio对象设置音频源：

```javascript

aud.src = '特殊他.ogg';

```

然后，我们开始播放音频：

```javascript

aud.play();

```

当你想停止播放时，只需调用我们之前定义的stop方法：

```javascript

aud.stop();

```

以上代码在Chrome和Opera等浏览器中运行良好，但在Firefox 17版本中可能无法正常工作。这可能是由于不同浏览器对HTML5 audio标签的支持程度存在差异。如果你需要在Firefox 17中实现停止功能，可能需要寻找其他解决方案或使用额外的库来辅助实现。对于大部分现代浏览器来说，上述代码应该能够很好地满足需求。请确保你的网页引入了Cambrian框架并正确调用了`cambrian.render('body')`方法，以确保页面能够正常渲染和运作。