無法在JavaScript中加載音頻文件

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都可以使用），因為加載音頻文件時，我總是會收到錯誤消息

如何修復我的代碼？

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，並添加了自己的音頻文件，可以看到它正在下載整個文件，看起來您的服務器未接受請求，或者您輸入了不正確的文件網址。

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 個解決方案

解決方案1
2 2013-07-09 07:32:00

解決方案2
1 2013-07-09 07:47:57

無法在JavaScript中加載音頻文件

問題描述

2 個解決方案

解決方案1 2 2013-07-09 07:32:00

解決方案2 1 2013-07-09 07:47:57

解決方案1
2 2013-07-09 07:32:00

解決方案2
1 2013-07-09 07:47:57