Default Blank Keys

June 08, 2024

I thought about using singer's voiced notes

to use as a keyboard's playing notes.

Like instead of playing piano sound, people can play singer's voiced out notes/sounds.

But that interferes with copyrights.

So I thought of making my own voice

and well prompted ChatGPT for a simple script that let's me open up a folder and in the folder

I'll have files like "C4.mp3", "C4#.mp3", "D4.mp3" and so on.

ChatGPT gave me a short simple script that works (here's the code just in case I want to pursue this at a later time or if someone wants to continue)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Virtual Keyboard with MP3 Notes</title>
</head>
<body>
    <h1>Virtual Keyboard with MP3 Notes</h1>
    <p>Select a folder containing MP3 files named as musical notes (e.g., C4.mp3, C4#.mp3).</p>
    <input type="file" id="folderInput" webkitdirectory multiple>
    <div id="noteStatus"></div>
    <script>
        const noteFiles = {};
        const noteStatus = document.getElementById('noteStatus');

const noteMap = {
            'a': 'C4',
            's': 'C4#',
            'd': 'D4',
            'f': 'D4#',
            'g': 'E4',
            'h': 'F4',
            'j': 'F4#',
            'k': 'G4',
            'l': 'G4#'
        };

document.addEventListener('keydown', function(event) {
            const note = noteMap[event.key];
            if (note && noteFiles[note]) {
                const audio = new Audio(noteFiles[note]);
                audio.play();
            }
        });
    </script>
</body>
  </html>

Right now I am quite distracted/amused by morphing video clips still.

While the idea isn't new, I think it's a lot of fun being able to record your own voice as notes and replay them using keyboard.

Search This Blog

Your Quiet Friend

Default Blank Keys

Comments

Post a Comment

Popular posts from this blog

Banana Peel Luck with Lottery Small Wins

Music Styles Tags List/Randomizer

Center Objects Based (COB) Morphing of two images