First Open Source - Mic Manager
Background
Section titled “Background”My Next New Year resolution for 2024 was to start my own opensource library. So this week I finally decided to update something I had started a while back but stalled due to laziness. So here is how it went.
Structure
Section titled “Structure”I plan to publish more libraries so to ensure they dont mess each other up I decided go with the default multi-repo structure with the packages directory hosting all the libraries. Right now I start with Mic Manager in its own code base inside the packages directory
About Mic Manager
Section titled “About Mic Manager”This is a simple compact code to bring the whole ui around the mic button and backend code to initiate streaming into a simple minimum 2 line effort. You can just import the MicManager and initiate the MicManager attaching to your root element. It takes common sense defaults to build the plumbing needed to put up a mic button , get the user media , list of recording devices etc and attach by default to a audio element. This allows the dev to quickly get started and then set the target to get the bigger application objective. IMHO this will save a significant amount of time from non-pro devs effort. Of course when the basics are ready then more functionality like device selection, waveform display etc can be introduced if needed based on initial configuration as per real estate available in the app.
What I learnt
Section titled “What I learnt”I finally learnt the significance of the difference in the way libraries are consumed between commonJS, es and others!
Also how understanding the the package.json structure is so important for multi-module code stucture in JS/TS. Right now I have configured to export for use only with es. Lets see how it goes!