如何在HTML裡設定迴圈播放背景音樂
阿新 • • 發佈：2021-06-10
第一步：在HTML檔案裡，寫上如下程式碼：
<head>
<meta charset="UTF-8">
<title>Love</title>
<!-- 引入css樣式 -->
<audio src="/upload/Fyy - 萬有引力（槍聲版）（remix）.mp3" autoplay="autoplay" loop="true"></audio>
</head>
在audio標籤裡src是背景音樂的資源路徑，autoplay屬性是設定載入完頁面之後播放背景音樂，loop則是設定歌曲迴圈播放。
第二步：在java檔案中寫上如下程式碼（若上面第一步src裡沒有“/upload/”，則不需要寫）
@Configuration public class MVCConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/upload/**").addResourceLocations("file:C:/Users/24721/IdeaProjects/Love/src/main/resources/static/music/"); } }
其中MVCConfig是類名，WebMvcConfigurer是介面，“/upload/**”是固定寫法，"file:C:/Users/.../music/"是背景音樂所在目錄。