HTML5 提供了多種將音訊合併到網頁中的方法。以下是一些常用的方法：

1. <audio>元素： <audio>元素是在 HTML5 中嵌入音訊內容的主要方式。它支援多種音訊檔案格式，例如 MP3、Ogg 和 WAV。這是一個基本範例：

    html
    <audio controls>
     <source src="audiofile.mp3" type="audio/mp3">
     Your browser does not support the audio element.
   </audio>
   

   controls屬性向音訊播放器新增播放、暫停和音量控制。

2. 跨瀏覽器相容性的多個來源：為了確保不同瀏覽器之間的相容性，您可以提供具有不同音訊格式的多個<source>元素：

    html
    <audio controls>
     <source src="audiofile.mp3" type="audio/mp3">
     <source src="audiofile.ogg" type="audio/ogg">
     Your browser does not support the audio element.
   </audio>
   

   瀏覽器將使用它支援的第一個來源。

3. 使用<embed>嵌入音訊：您可以使用<embed>元素嵌入音訊檔案：

    html
    <embed src="audiofile.mp3" autostart="false" loop="false" width="300" height="90">
   

   然而， <embed>標籤的使用不如<audio>元素廣泛。

4. 用於音訊控制的 JavaScript API：您可以使用 JavaScript 以程式方式控制音訊播放。例如：

    html
    <audio id="myAudio" src="audiofile.mp3"></audio>
   <button onclick="playAudio()">Play</button>
   <button onclick="pauseAudio()">Pause</button>
   <script>
     var audio = document.getElementById("myAudio");
   
     function playAudio() {
       audio.play();
     }
   
     function pauseAudio() {
       audio.pause();
     }
   </script>
   

   這允許您使用 JavaScript 自訂播放控制項和行為。

5. Web Audio API：為了進行更進階的音訊操作，Web Audio API 提供了一組強大的工具，用於在瀏覽器中建立、處理和操作音訊。它涉及使用 JavaScript 創建和操作音訊節點。這更複雜，但提供了更大的靈活性。

    javascript
    var audioContext = new (window.AudioContext || window.webkitAudioContext)();
   var audioElement = document.getElementById('myAudio');
   var audioSource = audioContext.createMediaElementSource(audioElement);
   // Additional audio processing nodes can be added here.
   audioSource.connect(audioContext.destination);
   

   使用 Web Audio API 時請務必檢查瀏覽器相容性。

請記住在網站上使用音訊時要考慮可訪問性，並為可能無法聽到音訊的使用者提供替代內容或字幕。