HTML5播放音频回路4倍，然后停止 [英] html5 play audio loop 4x then stop

问题描述

您好我需要循环的音频文件一定次数，即4，我有声音文件正确循环，code以下。 ？如何4X后停止循环，非常感谢P

  $（'＃PLAY_AUDIO'）。点击（函数（）{
            VAR音频=使用document.createElement（音频）;
            audio.src =文件/ WINDOWS％20default.mp3            audio.addEventListener（'结束'，函数（）{
                //等待下一个循环之前500毫秒                的setTimeout（函数（）{audio.play（）;}，500）;
            }，FALSE）;            audio.play（）;
    }）;
 

解决方案

我设法做到这个样子！更好的编码总是AP preciated任何建议。

谢谢！

  $（'＃PLAY_AUDIO'）。点击（函数（）{
            变种倍= 4;
            VAR循环=的setInterval（重复，500）;        功能重复（）{
            times--;
            如果（次=== 0）{
                clearInterval（环）;
            }            VAR音频=使用document.createElement（音频）;
            audio.src =文件/ WINDOWS％20default.mp3            audio.play（）;        }        重复（）;
    }）;
}）;
 

Hi I need to loop audio file a certain number of times ie 4, I have the sound file looping correctly, code below. ? how to stop loop after 4x, many thanks P

$('#play_audio').click(function () {
            var audio = document.createElement("audio");
            audio.src = "files/windows%20default.mp3";

            audio.addEventListener('ended', function () {
                // Wait 500 milliseconds before next loop

                setTimeout(function () { audio.play(); }, 500);
            }, false);           

            audio.play(); 
    });

解决方案

I managed to do it like this! Any advise on better coding always appreciated.

Thanks!

 $('#play_audio').click(function () {                     
            var times = 4;
            var loop = setInterval(repeat, 500);

        function repeat() {
            times--;
            if (times === 0) {
                clearInterval(loop);
            }

            var audio = document.createElement("audio");
            audio.src = "files/windows%20default.mp3";

            audio.play();

        }

        repeat();           
    });      
}); 

这篇关于HTML5播放音频回路4倍，然后停止的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！