HTML5多媒体单元测试
HTML5提供了一种通过<audio>
和<video>
元素来嵌入音频和视频的标准方法。以下是一个简单的HTML5多媒体元素的示例代码,用于测试音频播放功能:
<!DOCTYPE html>
<html>
<head>
<title>HTML5 多媒体元素测试</title>
</head>
<body>
<audio id="myAudio" controls>
<source src="your-audio-file.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
<script>
function playAudio() {
var myAudio = document.getElementById('myAudio');
myAudio.play();
}
</script>
<button onclick="playAudio()">播放音频</button>
</body>
</html>
在这个例子中,<audio>
元素有一个controls
属性,这会显示标准的播放控件。<source>
元素指定了音频文件的路径和类型。JavaScript函数playAudio
获取音频元素,并调用play
方法来播放音频。
请确保替换your-audio-file.mp3
为您的音频文件路径。如果浏览器不支持HTML5多媒体元素,它将显示<audio>
标签中的文本。
评论已关闭