帮忙生成一段HTML代码,要求为有6张图片和6段语音,点击对应图片播放/暂停相应的语音
时间: 2024-05-07 16:17:24 浏览: 5
当然可以,以下是符合您要求的HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>图片和语音播放页面</title>
</head>
<body>
<div>
<img src="image1.jpg" onclick="toggleAudio('audio1')">
<audio id="audio1">
<source src="audio1.mp3" type="audio/mpeg">
</audio>
</div>
<div>
<img src="image2.jpg" onclick="toggleAudio('audio2')">
<audio id="audio2">
<source src="audio2.mp3" type="audio/mpeg">
</audio>
</div>
<div>
<img src="image3.jpg" onclick="toggleAudio('audio3')">
<audio id="audio3">
<source src="audio3.mp3" type="audio/mpeg">
</audio>
</div>
<div>
<img src="image4.jpg" onclick="toggleAudio('audio4')">
<audio id="audio4">
<source src="audio4.mp3" type="audio/mpeg">
</audio>
</div>
<div>
<img src="image5.jpg" onclick="toggleAudio('audio5')">
<audio id="audio5">
<source src="audio5.mp3" type="audio/mpeg">
</audio>
</div>
<div>
<img src="image6.jpg" onclick="toggleAudio('audio6')">
<audio id="audio6">
<source src="audio6.mp3" type="audio/mpeg">
</audio>
</div>
<script>
function toggleAudio(audioId) {
var audioElement = document.getElementById(audioId);
audioElement.paused ? audioElement.play() : audioElement.pause();
}
</script>
</body>
</html>
```
这段代码包含了6个图片和6个语音,点击图片可以播放/暂停相应的语音。请将您的图片和语音的文件名和路径改为合适的值。