HTML Audio src用法及代碼示例

DOM Audio的src屬性用於設置或返回音頻的src屬性的值。 src屬性通常用於指定音頻文件的位置(URL)。

用法:

返回src屬性：
```
audioObject.src
```
設置src屬性：
```
audioObject.src = URL
```

屬性值：

URL:用於指定視頻文件的URL。

返回值：Audio src屬性返回一個字符串，該字符串表示音頻文件的URL。 src屬性返回整個URL，包括協議。

例：

<!DOCTYPE html> 
<html> 
  
<body> 
    <center> 
        <h1 style="color:green">GeeksforGeeks</h1> 
        <h2>HTML DOM Audio src Property</h2> 
  
        <button onclick="my_Audio()" type="button"> 
            Change Audio 
        </button> 
        <br> 
  
        <audio id="myAudio" controls autoplay> 
            <source id="mp4_src" src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg" 
                    type="audio/mp3"> 
  
            <source id="ogg_src" src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
                    type="audio/ogg"> 
        </audio> 
  
        <script> 
            function my_Audio() { 
                document.getElementById("ogg_src").src =  
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"; 
  
                document.getElementById("mp4_src").src = 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"; 
  
                document.getElementById("myAudio").load(); 
            } 
        </script> 
    </center> 
</body> 
  
</html>

輸出：

支持的瀏覽器：下麵列出了HTML DOM Audio src屬性支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Edge
Firefox
蘋果Safari

相關用法

注：本文由純淨天空篩選整理自shubham_singh大神的英文原創作品 HTML | DOM Audio src Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。