trigger-audio-with-mouse-hover.html

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Trigger Audio With Mouse Hover</title>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"
           integrity="sha256-gAw6iX1ivbkYgIvRfOXfTEm/w2DZLEB3W6RjSIEydio="
           crossorigin="anonymous"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/addons/p5.sound.min.js"
           integrity="sha256-eZiLVQnMBAgag2l1hE2Y3FEnp1ab2qGUhf0wOGqMLf4="
           crossorigin="anonymous"></script>
   <script src="js/trigger-audio-with-mouse-hover.js"></script>
   <link href="css/style.css" rel="stylesheet">
</head>
<body>
   <header>
      <h1>Audio Blocks</h1>
      <p>1. Click anywhere on the page.</p>
      <p>2. Hover your mouse into any of the quadrants.</p>
   </header>
</body>
</html>