當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


CSS pitch-range屬性用法及代碼示例

CSS pitch-range屬性用於設置語音的頻率範圍。會有一個限製,因此用戶不會聽到任何形式的聽力問題。

用法:

pitch-range:number;

參數:該屬性接受上述和以下描述的單個參數:

  • number:此參數保存的頻率數可以在0-100之間。

範例1:

HTML



<!DOCTYPE html> 
<html> 
  
<head> 
    <style> 
        audio { 
            pitch-range:75; 
        } 
    </style> 
</head> 
  
<body style="text-align:center;"> 
    <h1 style="color:green;">GeeksforGeeks</h1> 
  
    <p>CSS pitch-range Property</p> 
  
    <audio controls> 
        <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mp3"> 
    </audio> 
</body> 
  
</html>

輸出:

範例2:

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <style> 
        audio { 
            pitch-range:80; 
        } 
    </style> 
</head> 
  
<body style="text-align:center;"> 
    <h1 style="color:green;">GeeksforGeeks</h1> 
  
    <p>CSS pitch-range Property</p> 
  
    <audio controls> 
        <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mp3"> 
    </audio> 
</body> 
  
</html>

輸出:

支持的瀏覽器:CSS3中不推薦使用此屬性,因此該屬性不支持主要的瀏覽器。

相關用法


注:本文由純淨天空篩選整理自skyridetim大神的英文原創作品 CSS pitch-range Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。