Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript重复音频_Javascript_Html_Loops_Audio_Repeat - Fatal编程技术网

Javascript重复音频

Javascript重复音频,javascript,html,loops,audio,repeat,Javascript,Html,Loops,Audio,Repeat,我一直在尝试让这个JavaScript在完成后重复音频,我环顾四周,我对JavaScript缺乏经验,尽管我尝试过调整和研究,但到目前为止我没有运气 我将非常感谢任何帮助和提示 非常感谢-格兰特 <!-- Script inside body --> <!-- Audio Player --> <script> $(document).ready(function() { var audioElemen

我一直在尝试让这个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>

$(文档).ready(函数(){
var audioElement=document.createElement('audio');
setAttribute('src','music/audio.mp3');
setAttribute('play','autoplay');
//audioElement.load()
$.get();
audioElement.addEventListener(“加载”,函数(){
audioElement.play();
audioElement.loop();
},对);
$('.play')。单击(函数(){
audioElement.play();
});
$('.pause')。单击(函数(){
audioElement.pause();
});
});
玩
停止

设置重复曲目的循环属性:

audioElement.loop = true

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

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

谢谢你@Mihail!