2017-09-08 106 views
0

我是新手寫我的第一個網頁。使用HTML播放音頻<audio>

今天,我試圖把背景音樂,併爲它我寫這樣的:

</style> 
</head> 
<audio src = "cookingMusic.mp3" autoplay></audio> 
<body> 
<div class="container-fluid"> 
<div class="heading"> 

(後也被省略的部分)

所以,我把音頻標籤IN-在頭部和身體之間。我也嘗試了幾個不同的地方。所有未能產生任何音頻。 cookingMusic.mp3文件位於我的電腦桌面上,位於與我的HTML網頁文檔相同的文件夾中。我究竟做錯了什麼?

+0

大家好,現在我有一個亟待解決的問題。它的工作,但我現在試圖在Github上做同樣的改變(這是我的練習網頁),但存儲庫不會將MP3文件作爲一個新問題(這是我知道的唯一方法,我的圖片)。我如何在這種情況下嵌入音頻? – turtlemeng

+0

如果你想添加一個文件回購,你需要使用Git。安裝Git,在本地克隆你的repo,把文件放到合適的目錄中,使用'git add',然後'git commit -a -m'添加一些MP3文件'',然後用'git push -u origin master'的。 – Brad

回答

-1

你的音頻部分應該在body標籤,就像這樣:

<body> 
    <audio autoplay> 
     <soruce src="cookingMusic.mp3" type="audio/mpeg"> 
    </audio> 
</body> 

不要忘記設置一個類型的,像我一樣。

-1

<audio preload="auto" autoplay="autoplay"> 
 
    <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg"/> 
 
</audio>

上面的代碼將是工作的罰款與在線音頻URL /路徑。
檢查您的音頻路徑並將完整的相對路徑與音頻名稱放在src標記中。

0

其他所有的答案都很好,但如果你不想讓別人看到你的音頻播放器,然後用這個:

<audio loop autoplay> 
 
<source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mp3"> 
 
</audio>

Loop是可選的。只要把它放在身體標籤的任何地方,它都能正常工作。

1

謝謝大家,它工作!

因爲我在中英文之間跳躍,所以我覺得我的引號再次搞砸了。我改變了他們並獲得了音樂。

-1
<audio autoplay> 
    <soruce src="cookingMusic.mp3" type="audio/mpeg"> 
    </audio> 

並把它放到<body>標籤內