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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。