【问题标题】:Custom <audio> buttons自定义 <audio> 按钮
【发布时间】:2015-10-19 10:27:27
【问题描述】:

我将它用于在线广播电台,我不需要播放/暂停按钮或时间线...

但我确实需要音量和静音按钮,是否可以制作我自己的按钮并将它们链接到默认音频元素?

【问题讨论】:

  • 是的,它正在使用 Javascript

标签: html button audio


【解决方案1】:

&lt;audio&gt; 元素从HTMLMediaElement 继承属性

如W3C 所述,只需为它们分配新值即可:

设置时,如果新值在0.0到1.0(含)范围内,则必须将属性设置为新值,并在设置属性后尽快相应调整播放音量

我建议您设计自己的 html 按钮并将这些按钮分配给功能以控制音量等属性。我用滑块和静音复选框做了一个小demo。

【讨论】:

  • 我想出了一种控制播放/暂停的方法,现在我需要弄清楚音量部分...有什么想法可以控制音量吗? w3.org/wiki/HTML/Elements/audio 我就是这么想的……到目前为止。
  • 只需更改属性卷即可,demo
  • 同样,通过设置audio.muted = true将音频静音
  • 您应该向我们展示您在 jsFiddle.net 上的内容。一个演示展示了我们可以使用什么并节省每个人的时间。
  • @Billy 更新了我的jsBin,以使用滑块。 (之前的演示链接不正确)
猜你喜欢
  • 2017-11-14
  • 2016-08-08
  • 2013-09-20
  • 2015-08-23
  • 2014-01-27
  • 2014-02-15
  • 2018-03-14
  • 2016-06-03
  • 2011-07-29
相关资源
最近更新 更多