SOURCE

var drawing = document.getElementById("ba");
if (drawing.getContext){
    var ctx = drawing.getContext("2d");

    let arr = [
        {x:10, y:20},
        {x:50, y:198},
        {x:150, y:50},
        {x:160, y:250},
        {x:260, y:210},
        {x:20, y:13},
    ];

    let img = new Image();
    img.onload = function(){
        document.getElementById('st').play();
        setTimeout(function(){
            arr.forEach((item, i) => {
                setTimeout(function(){
                    document.getElementById('boom').play();
                    ctx.drawImage(img, item.x, item.y);
                }, 500 * i)
            });
        }, 2400);
    }
    
    img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAaCAMAAADlsH4wAAABRFBMVEUAAACPj4+Hh4fExMSqqqp+fn57e3uEhIR2dnZjY2N7e3t9fX2Xl5doaGhbW1uUlJR8fHxra2u7u7uDg4OMjIxvb2+bm5tnZ2eGhoZnZ2eBgYGcnJyEhISRkZGdnZ18fHyNjY0AAABAQEAvLy89PT1CQkJ4eHjLy8uvr6+cnJxJSUlGRkYFBQW4uLi1tbWMjIyDg4NxcXFvb29fX19bW1tYWFhSUlJPT09ERETS0tLHx8e8vLyjo6OYmJiBgYFra2tmZmZXV1c6Ojo4ODg2NjYzMzMYGBi/v7+ysrKlpaWhoaGTk5OIiIh6enppaWllZWViYmJdXV1MTExISEgsLCze3t7Pz8/CwsKenp5UVFQ3NzcuLi4iIiIdHR3X19fW1tasrKynp6eVlZWSkpJzc3NNTU0oKCjk5OTa2tqUlJR9fX0RERFAdAY8AAAAIXRSTlMA/h3+/f396+riPv77+Pf29PTz8vDv7NXPwKGYjmZeTRJCcxlBAAABuElEQVQoz4XT11ajUBiG4T8mOur03kuoAULoNSSUQHpvptp12v2fDxOzBI1Ln0P2y8c+AW7Zgof0EUT9eG/xDKcHCBbSo7Uf0bGivd9DcGQF15E9WNl/uhVL6PB9rzTz/VnJw3Ckvx8+3FU+QWRK454foCuB7+EMc/FSkl9fn7+d0gMdC9D5HB0uUHSI+hijuarUiiZsedrHS2hQGi6z6b+X5VmA6ZoiCRDTdcMEWwyz6f+WDBKuKD2I++5e4DjtpdfKA2agytIuxLkqrenhxlpW19ye014dfXkhtJ1ux5YUVV6kI7Lc69jRbR8RYsfp9tqXUZG1O44tAsQaQWw7wjwdEUXxfBtitolzQdgpR0W5SBDEh3jy+M9Oq8VLUcJwfLEIcTzPF3musby+CvGbaza/xpM3zSaXaEzq3ezVZxoWdXrG3ZxJJM4KlJWpFlBaJawae2xRhQaXiCfPTwtUPZWrkGyePDLMfPWkTj2Bm8LiJMMekIejnyPDrOSOa+/gtomVqoaJ8Wt0ODbzuUwNNlA1yLAVc2wcGWQyTGDT5BtAJp80yTGZrLDVFGz6DGuvDiB3x8h9f9w/f1NfSq7iIK0AAAAASUVORK5CYII=";
}

<canvas id="ba" width="300" height="300"></canvas>

<audio id="st" src="https://img.tukuppt.com/newpreview_music/00/07/34/5d01ec1e3558a17005.mp3"></audio>
<audio id="boom" src="https://img.tukuppt.com/newpreview_music/08/98/68/5c88af299e50946800.mp3"></audio>

#ba {
    background: #eee;
}