JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Volume Audio Test</title>
</head>
<body>

<div>
  <audio id="p1" controls>
    <source src="http://jPlayer.org/audio/mp3/Miaow-01-Tempered-song.mp3" type="audio/mpeg">
    <source src="http://jPlayer.org/audio/ogg/Miaow-01-Tempered-song.ogg" type="audio/ogg">
  </audio>
</div>

<button type="button" id="halve" href="#">Halve Volume</button>
<script>
window.onload = function(){ 
  document.getElementById('play').onclick = function() {
    document.getElementById('p1').volume = 0.5;
  };
}
</script>  
</body>
</html>