Question

这是我的加载和播放音频文件的代码。

<!DOCTYPE HTML>
<html lang="en-US">
<head>
     <meta charset="UTF-8">
     <title>Test audio</title>
</head>
<body>
<script type="text/javascript">
    window.onload = function() {
        var audio = new Audio("../../data/audio/background.ogg");
        audio.preload = "auto";

        audio.addEventListener('ended', function() {
            alert('ended');
        }, false);
        audio.addEventListener('canplaythrough', function() {
            audio.loop = true;
            audio.play();
        }, false);

        audio.onerror = function(event) {
            console.log(event.code);
        }

        audio.load();
    }
</script>
</body>
</html>

但是我不能在Chrome上运行它（Firefox或IE 9都是oke），因为在加载音频文件时，我总是得到错误

error

如何修复我的代码？

Answer 1

在桌面版Chrome上，您只需在HTML中自动执行此操作，无需任何Javascript。

<audio autoplay>
  <source src="test.ogg" type="audio/ogg">
  <source src="test.mp3" type="audio/mpeg">
  Sorry, no Audio support
</audio>

您的代码一般应该有效。我只是将它放入http://jsbin.com/usific/1并添加了我自己的音频文件，我可以看到它下载整个文件，看起来你的服务器不接受请求，或者你输入的URL不正确。

Answer 2

这对我有用：

        var audioElement;
        audioElement = new Audio("");
        audioElement.addEventListener('ended', function() {
            this.currentTime = 0;
            this.play();
        }, false);

        document.body.appendChild(audioElement);
        audioElement.src = '../../data/audio/background.ogg';
        audioElement.id = "audioElement";

        audioElement.addEventListener('canplaythrough', function() {
            audioElement.play();
        }, false);

        audioElement.addEventListener('ended', function() {
            alert('ended');
        }, false);

        audioElement.onerror = function(event) {
           console.log(event.code);
        }

无法在javascript中加载音频文件

2 个答案: