在网页上以编程方式控制音频

时间:2015-08-02 11:37:11

标签: html5 audio

我知道HTML5允许音频嵌入和控制,如下所示:



QTabBar::setUsesScrollButtons(false);




但我最初如何设置音量? 而对于额外的信用 - 当用户滚过某个或?

时,如何更改曲调

1 个答案:

答案 0 :(得分:2)

您可以通过css或javascript轻松完成属性。

分配给你<audio>和id并设置适当的css中的porperties 例如:

<audio controls  id="my_audio" volume="0.8" 
   src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp3">
  Your user agent does not support the HTML5 Audio element.
</audio>

css

#my_audio{
   volume: 0.9;     
   height: 10 px;   
   width: 50px;
  }

或javascript

<script>

    var theAudio = document.getElementById('my_audio');
    theAudio.style.volume = 0.8;

</script>

请参阅MDN ref1ref2了解更多