Skip to content

My portfolio site built in React, Typescript, @emotion, vite, and tanstack router. Building, learning, and blogging about things

Notifications You must be signed in to change notification settings

michaelssavage/michaels-notes

Repository files navigation

Michael Savage

Live at michaelsavage.ie

Personal site built with React, Typescript, Vite, and @emotion, using eslint for linting. Blog posts written locally with MDX.

Running locally:

netlify dev

  • Run the app with netlify functions
  • view on localhost:8888

npm run dev

  • run as normal
  • view on localhost:3000

npm run lint

  • run linting.

npm run dlx npm-check-updates

  • check what packages need updates

Audio waveform generation

To generate peaks of an audio waveform, you need to:

  1. install podman - https://podman.io/
  2. create an alias in powershell / cmd / zshrc
  3. move to working directory where the wav/mp3 mix exists and run the following:
awf -i [FILENAME_HERE] -o waveform.json --pixels-per-second 20

Creating an alias in Powershell

Need to add a function to the profile file. CHeck if it exists: Test-Path $PROFILE
If it returns False, create it with: New-Item -Path $PROFILE -ItemType File -Force

Open the profile in your editor: notepad $PROFILE

Add the function at the end of the file:

function awf {
    podman run --rm -v "${PWD}:/tmp" -w /tmp realies/audiowaveform @Args
}

Save and close Notepad then either reload the profile or restart PowerShell.

About

My portfolio site built in React, Typescript, @emotion, vite, and tanstack router. Building, learning, and blogging about things

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages