HTML播放聲音代碼
如果想在網頁中添加音頻效果,就需要使用HTML語言進行設置。下面是HTML播放聲音的代碼:
<audio controls> <source src="audioFile.mp3" type="audio/mpeg"> <source src="audioFile.ogg" type="audio/ogg"> Your browser does not support the audio tag. </audio>上面的代碼中,<audio>標簽是必須的,它用于定義音頻播放器。<source>標簽則用于指定音頻源文件和文件類型(.mp3或者.ogg格式)。如果瀏覽器不支持HTML5,將會顯示“Your browser does not support the audio tag.”這句話。 要在網頁中播放聲音,我們還需要在頁面中添加一些額外的代碼:
<p> <a href="audioFile.mp3">Download File</a> <a href="#" onclick="playAudio()">Play</a> <a href="#" onclick="pauseAudio()">Pause</a> </p> <script> var x = document.getElementById("myAudio"); function playAudio() { x.play(); } function pauseAudio() { x.pause(); } </script>這里我們用到了<a>標簽,用于顯示下載鏈接、播放鏈接和暫停鏈接。同時也需要添加一些JavaScript代碼,用于調用play()和pause()方法來播放和暫停音頻。 注意: 這里的id=myAudio應該對應上面代碼中
上一篇css180110
下一篇css3 樣式跟隨父