当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML Audio volume用法及代码示例


HTML DOM Audio音量属性用于设置或返回Audio元素的当前音量。音量值0.0代表静音,而1.0代表最大。

用法:

  • 它返回volume属性。
    audio.volume
  • 设置音量属性。
    audio.volume = number

属性值:它包含单个属性值编号,代表音频音量的值。体积的值是:


  • 1.0:这是最高的音量。它是默认值。
  • 0.5:用于指定一半的音量。
  • 0.0:用于指定零音量/静音/静音。

返回值:它返回一个表示Audio元素当前音量的数值。

以下示例程序旨在说明HTML DOM中的“音频音量”属性:

例:

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML DOM Audio Volume Property  
    </title>  
</head>  
  
<body style="text-align:center">  
  
    <h1 style="color:green">  
        GeeksforGeeks  
    </h1>  
      
    <h2 style="font-family:Impact">  
        HTML DOM Audio Volume Property  
    </h2>  
    <br>  
  
    <audio id="Test_Audio" controls>  
              
        <source src=  
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"
                type="audio/ogg">  
  
        <source src=  
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.mp3"
                type="audio/mpeg">  
    </audio><br> 
      
    <button onclick="volume()" type="button"> 
        Return Volume 
    </button> 
      
    <button onclick="Set_vol1()" type="button"> 
        Set HalfVolume 
    </button> 
      
    <button onclick="Set_vol2()" type="button"> 
        Set Fullvolume  
    </button><br>  
      
    <script> 
        var gfg = document.getElementById("Test_Audio"); 
          
        function volume() {  
            alert(gfg.volume); 
        }  
          
        function Set_vol1() {  
            gfg.volume = 0.2; 
        }  
          
        function Set_vol2() {  
            gfg.volume = 1.0; 
        }  
    </script>  
</body>  
  
</html>

输出:

  • 在单击按钮之前:
  • 单击返回体积按钮后:
  • 单击SetHalfVolume按钮后:
  • 单击SetFullVolume按钮后:


相关用法


注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Audio volume Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。