Loudness - Visualizer :

Note : Loudness - Visualizer is a personal, ongoing project. It is a Chrome extension, which is able to retrieve the audio stream of the current web page and display the sound strength in several ways.

Check there sections

issues discussions

Code information

Load the extension :

Load the extension on Chrome and select ./dist. The code make in the ./src folder is transcript in the ./dist thanks to webpack

The Git Graph :

%%{init: { 'logLevel': 'debug', 'theme': 'base', 'gitGraph': {'rotateCommitLabel': true}} }%%
    gitGraph
       commit
       commit
       commit
       branch Dev
       commit
       checkout Dev
       branch React
       commit
       commit
       checkout Dev
       merge React
       checkout Dev
       commit
       branch Extension_Properties
       commit
       checkout Dev
       merge Extension_Properties
       checkout Dev
       commit
       checkout main
       merge Dev
       checkout Dev
       branch api_stream
       checkout api_stream
       commit
       branch audio

The yarn commands :

yarn run dev --watch

Yarn :

Warning yarn is needed to run the code :

yarn init -y
yarn add react react-dom
yarn add webpack webpack-cli --dev
yarn add ts-loader
yarn add -D copy-webpack-plugin
yarn add -D html-webpack-plugin
yarn add -D style-loader css-loader
yarn add -D tailwindcss postcss autoprefixer
yarn add -D postcss-loader

and type script yarn add global typescript