html里面怎么放歌

在HTML中添加歌曲可以通过多种方式实现，最简单的办法是使用<audio>标签。这个标签支持直接嵌入音频文件，并提供播放、暂停和音量控制等基本功能。

下面几种方法来实现将歌曲嵌入到HTML页面中。

方法一：使用

HTML5引入了<audio>标签，这使得在网页上嵌入音频变得非常简单。以下是一个基本的例子：

html
</p>



    <title>嵌入音频示例</title>


    <h1>我的音频页面</h1>
    <audio controls>
        
        
        您的浏览器不支持 audio 元素。
    </audio>



<p>

在这个例子中，controls属性为音频播放器添加了播放、暂停和音量控件。<source>标签定义了不同的音频文件来源，以确保兼容性。

方法二：使用JavaScript动态加载音频

除了直接在HTML中使用<audio>标签外，还可以通过JavaScript动态加载音频文件。这种方法提供了更多的灵活性和控制。

html
</p>



    <title>动态加载音频示例</title>
    
        function playAudio() {
            var audio = new Audio('horse.mp3');
            audio.play();
        }
    


    <h1>点击按钮播放音频</h1>
    <button>播放音频</button>



<p>

在这个例子中，当用户点击按钮时，会调用playAudio函数，该函数创建一个新的音频对象并开始播放。