cp_image_click_sound

cp_image_click_sound

HTML

<audio id="myAudio">
 <!-- <source src="https://freesound.org//data/previews/54/54405_497386-lq.ogg" type="audio/ogg"> -->
   <source src="https://freesound.org//data/previews/54/54405_497386-lq.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

<a href="https://www.google.com/">Play and navigate</a>

JavaScript

var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++){
	links[i].addEventListener("click", function(event){
    	// Prevent the browser from following the link for now:
    	event.preventDefault();
        
        var url = this.href;
        var audio = document.getElementById("myAudio");
        audio.play().then(function(){
        	audio.addEventListener("ended", function(){
            	location.href = url;
            });
        });
    });
}