research_audio

<!-- === HTML AUDIO -->

<audio id="cAudio">
        <source src="../static/media/c_note.mp3" type="audio/mpeg"></source>
        <source src="../static/media/c_note.ogg" type="audio/ogg"></source>
        <source src="../static/media/c_note.wav" type="audio/wav"></source>   
    </audio>
<a id="c" href="">Click me!</a>
<script type="text/javascript">

// === JS AUDIO

// This controls the button for the c note.
    
    // This variable calls the cNote audio element in the HTML.
    var cNote = document.getElementById('cAudio');
    
    // This turns our <div id= "c"> into a button that plays our audio file when the box is pressed.
    $('#c').on("mousedown", function(){
        
        // This is a property that scrubs the audio file back to its start.
        cNote.currentTime = 0;
        
        // This plays the audio file.
        cNote.play();
    });

</script>