[英]How can I add a proper thymeleaf source to my audio file?
<audio id = "player" src = "../../sound/music1.mp3" th:src="@{/sound/music1.mp3}"></audio> <a onclick = "document.getElementById('player').play()"> <img th:src="@{/img/ic_play_arrow.png}"></a> <a onclick = "document.getElementById('player').pause()"> <img th:src="@{/img/ic_pause.png}"></a> <a onclick = "document.getElementById('player').volume += 0.1"> <img th:src="@{/img/ic_volume_up.png}"></a> <a onclick = "document.getElementById('player').volume -= 0.1"> <img th:src="@{/img/ic_volume_down.png}"></a>
上面的代码属于基于片段的。
它被放在这样的视图中:
<div th:insert="fragments/nav :: header"></div>
我的文件结构如下所示:
图片工作正常。
当 Intellij 中的浏览器打开文件时,音频工作。
问题解决了! 是 Spring 安全阻止了 /sound 文件夹。
添加后:
.antMatchers("/sound/**").permitAll()
音乐播放。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.