Java script Play() function not working on Chrome in iPad and iPhone on document ready?

This is my JavaScript function to play music on the document ready. I am using loop = true to play music continuously. It's working fine on android devices and laptops but when I open it on iPad or iPhone it doesn't work.

function playMusic(){
        var bMusic = new Audio('ring.mp3');
        bMusic.loop=true;
        bMusic.play();
      }

Suggest a solution, please. Thanks