gpt4 book ai didi

javascript - 页面加载时无法加载音乐文件

转载 作者:行者123 更新时间:2023-11-30 11:09:52 25 4
gpt4 key购买 nike

我正在制作一个网站,我想在我的页面刷新时加载一个 MP3 文件,但不知何故它无法播放。

<body>
<audio id="kofi" autoplay="autoplay">
<source src="kofi.mp3" type="audio/mp3">
</audio>

<script type="text/javascript">

window.onload = function(){
document.getElementById('kofi').play(); // On this line I get error "Uncaught (in promise) DOMException"
}
</script>
<body>

最佳答案

play()/pause() 功能正在使用 Promises ,这就是为什么它无法按您预期的方式工作。来自 this reference ,我能够制作以下示例:

<script>
window.onload = function() {
var song = document.getElementById('kofi');
// This will allow us to play song later...
song.load();
fetchSongAndPlay();
}

function fetchSongAndPlay() {
fetch('kofi.mp3')
.then(response => response.blob())
.then(blob => {
song.srcObject = blob;
return song.play();
})
.then(_ => {
// Music playback started ;)
})
.catch(e => {
// Music playback failed ;(
})
}
</script>

关于javascript - 页面加载时无法加载音乐文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54138316/

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