Javascript 重复音频答案

【问题标题】：Javascript Repeating AudioJavascript 重复音频
【发布时间】：2013-07-27 06:03:55
【问题描述】：

我一直试图让这个 JavaScript 在完成后重复音频，我环顾四周，我对 JavaScript 缺乏经验，尽管我尝试过调整和研究，但到目前为止我还没有运气。

我将非常感谢任何帮助和提示

非常感谢-格兰特

<!-- Script inside body -->

    <!-- Audio Player -->
        <script>
        $(document).ready(function() {
        var audioElement = document.createElement('audio');
        audioElement.setAttribute('src', 'music/audio.mp3');
        audioElement.setAttribute('play', 'autoplay');
        //audioElement.load()
        $.get();
        audioElement.addEventListener("load", function() {
        audioElement.play();
        audioElement.loop();
        }, true);


        $('.play').click(function() {
        audioElement.play();
        });


        $('.pause').click(function() {
        audioElement.pause();
        });

    });
        </script>

       <div class="play">Play</div>
       <div class="pause">Stop</div>

【问题讨论】：

标签： javascript html loops audio repeat

【解决方案1】：

为重复曲目设置循环属性：

audioElement.loop = true

【讨论】：

谢谢@Mihail！

【解决方案2】：

某些浏览器不支持音频的循环属性/属性。在这种情况下，您可以添加事件侦听器，例如：

var myAudio = document.createElement('audio');
myAudio.setAttribute('src', 'test.mp3');
myAudio.play()
myAudio.addEventListener('ended', function() {
    this.currentTime = 0;
    this.play();
}, false);

【讨论】：