嵌入MP3音樂文件到圖像

我上午形象，我要嵌入，而不是具有圖像下的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>

來源

2016-02-23 ghp1968

所以你想要的音頻控件是圖像裏面？ – Lal

在img標籤中使用javascript onclick事件併爲音頻播放創建函數 –

創建一個「容器」 div，並且裏面，插入你的形象和audio element（至少包含source和警告不支持它的瀏覽器的消息）。

給「容器」的圖像的相同的高度，分配audio元件「相對」 position，然後用top和left值，例如玩：

.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>

來源

2016-02-23 18:20:39

嵌入MP3音樂文件到圖像

回答

相關問題