Music

EditDate	2021/04/22

Related Threads: Arts

My muse is music.

Working on sounds.

Recording settling down to fine tuning...probably aneverending. process.

Looking at seeing the sound.Web References https://johnnywunder.info/mywiki/index.php/Music

Smoking on the Porch

Local WebContent
W3 Web Audio API Recommendation
Mozilla AnalyserNode
Mozilla Web Audio API
Apple HTML5 Audio Video Introduction
OLD Apple Playing Sounds
Have fun be free be safe be well.

Guitar Wand

If there's magic in the world it comes from new strings on a good guitar.

Service Items

	DueDate	ServiceProvider	Description	Resolution	Cost
Reflect Screen	9 December 2023 00:00:00	Johnny	Want to use xandr to reflect monitor taking advantage of best resoluition yet coveringf full screen size or more.	NA
Recording drops	10 December 2022 00:00:00	Johnny	Recording on porch when all of sudden Ardour stops recording though continues tracking.	NA

Set-up

Setting up necessary toys.

Recording

+ Simple Working getMediaDevices

• Media Source Selection
• SM81 Mike

Tuning Ubuntu Studio

• Community Link
• Waveform Users Guide

Distribution

• flac

Lightshow

I'm hesitating more than usual here.

Normally I'd be hacking up a program and then adapting it as I go to get what I want. Indeed that's how I started out creating and analyzing wav, riff and flac audio files. In the course of that I've closed on flac as my distribution and hope to do a javascript screen display directly from a flac file.

I do believe that is the right structure and format but got stuck there for one pretty solid reason. Looking at simple E string pluck how would you visualize it? A 7< second seemingly continuous sound geometrically decreasing in amplitude.

Let's simplify and assume it's pure exclusive 82hz recorded in 192,000 samples per second. Doing the math that means from pluck onward every 2341.4634146341 samples there's a high amplitude sample that is decreasing. Rounding off and keeping in mind pure exclusive pitch the other 2340 samples are dead quiet.

My initial take is I have 3 parameters to work with on the screen

1. Location
2. Brightness
3. Color

which I'm leaning toward mapping

1. Location streamed to screen sequentially as pixels wrapping at screen boundaries
2. Brightness = amplitude sample with quiet 2340 0(no change)
3. Color infra red and below ROYGBIV ultra violet and above mapped last recognized pitch from 0hz 20hz human hearing 22,000hz 192,000hz

Two things I cannot seem to wrap my head around are

1. The sound though seemingly continuous and analog is belied by 2340 holes.
2. What does someone or something whose hearing range is broader than mine hear?

Tuning

Balancing the 192hz music and the screen refresh cycle is the next step. The screen refresh cycle will vary based on device running the browser which I have no control over. Leaning towrd defaulting to 60hz but not sure what that means yet.

Setting up tuning parameters in select.html. Currently the only working parameter is the number of circles.

Looking to restructure seeTheMusic.js to run everything on single pass draw so every animation draws everything.

Base Development

Multi-colored Bar Graph First Step

Well the hesitation paid off and instead of rediscovering and coding Fourier Transforms , figuring out how to interpret PCMs at different sampling rates and compression standards by using html5 <audio> and Web Audio API AnalyserNode I can concentrate on investigating frequencies and amplitudes from 0hz to 96000hz. Created a multi-colored bar graph. Code at seeTheMusic At this point plan is to formalize it setting up a page with ability to pick your audio source. I'll maintain current code at seeTheMusic and see up a visualization page for entertainment and investigations.

Two ways to go now:

1. Try and simulate the water light show.
2. Do a 'permanent' (for the duration of the song) pixel growth.

To do this I'm looking at existing canvas visualization, particularly a simple fireworks and trying to apply that to the frequencies and amplitudes the guitar produces. The key is going to be finding the highest number of samples working for the fftsize and employing the magic doubling of octave to an in tune 440hz A guitar strings.

Step 2 Amplitude

Set images, color and fade based solely on amplitude. Next step frequency.

Learning

Broke algorithm into three part. 0 Frequency 1 Amplitude 2-4 Circle. Communicating state through web document.

Step 3 Frequency

Using max frequency to control lineWidth and globalAlpha. As part of this incorporation I created select which allows use to select their own song(be sure you have the url of the song ready to paste). In addition I added automatic resize and full screen for canvas.

Step 4 getUserMedia

Go locally live!

Change Control

Using git in development with 2 branches sandbox and main. That works fine. What I'm currently trying to think through is how to preserve old versions that I like of seeTheMusic.js without over complicating improving and moving forward.

Still a work in progress.

Ask user to grant permission to use sound source their machine produces from microphones to Spotify to local library.

getUserMedia()

Tools

Modularization and Live

Going to modularize the draw routines and create a live version. Will then port recorded version over to mudlarization.

Flac

• flac
  • metaflac

Development Environment

• Dump File
  • hexdump -C
• Development IDE
  • IDE
    • Node.js
    • npm
      • npm repository
    • Git Version Control Repository

Web Audio API

Core code examples cloned to development and copied to website Current focus is audio-analyser.

Allows me to work in PCM analyser on supported browsers without worrying about format or synchronization.

Tool Problems

1. CLOSED pmo1948 know issue. Package not maintained for years. Removing from project as not really require. audio-generator generates an audio source and I have my guitar for that.
2. CLOSED Gulp too much work for limited benefit. If automation necessary will try npm scripts.

Research

• RIFF wav subformat guid
• Archive Silence
• PCM Audio and Wave files
• File format for 24 bit 48 kHz 5.1 Multichannel WAV file

Web Audio API Visualization and Study

Visualizations with Web Audio API