gpt4 book ai didi

html - 将MP3音乐文件嵌入到图像上

转载 作者:行者123 更新时间:2023-12-03 01:55:57 25 4
gpt4 key购买 nike

下午好,

我有图像,我想将与图像关联的MP3文件嵌入到图像中,而不是在图像下方嵌入MP3。

这是可能吗。

亲切的问候

加里

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
<img src="Logoghp.jpg" width="224" height="134" alt=""/><br>
<audio controls>
<embed src="Soul Train Easter 2016 Mke Vitti One Hour Mix Show.mp3" width="32" height="32"></embed>
</audio>
</body>
</html>

最佳答案

创建一个“容器” div,然后在其中插入图像和一个 audio element(至少包含一个source和一个警告消息,用于不支持它的浏览器)。

给“容器”设置相同的图像高度,将audio元素分配为“相对” position ,然后使用topleft值进行播放,例如:

.audio-container {
height: 320px;
}
.audio-container audio {
position: relative;
top: -40px;
left: 10px;
}
<div class="audio-container">
<img src="http://www.battiato.it/wp-content/themes/battiato/images/about.jpg">
<br>
<audio controls>
<source src="http://www.battiato.it/wp-content/uploads/mp3/joe/1-leoncavallo.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>

关于html - 将MP3音乐文件嵌入到图像上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35584888/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com