JavaScript Resize Observer
Resize Observer is a new JavaScript API that’s very similar to other observer APIs like the Intersection Observer API. It allows for elements to be notified when their size changes. The most frequent reason for an element’s size to change is when the viewport is resized or the device’s direction changes between portrait and landscape. Up until …
StoryBook
Storybook is a user interface development environment and playground for UI components. The tool enables developers to create components independently and showcase components interactively in an isolated development environment. Storybook runs outside of the main app so users can develop UI components in isolation without worrying about app specific dependencies and requirements. https://storybook.js.org/ It is …
create waveform by FFMPEG from mp3
We can use ffmpeg for several purpose such as encoding. Also we can use it to get waveform file from mp3. This is a command for that. ffmpeg -y -i http://ma-previews.s3.amazonaws.com/preview-251513-CSnH5LgyMq.mp3 -filter_complex “[0:a]aformat=channel_layouts=mono, compand=gain=-6, showwavespic=s=1280×720, colorkey=black, colorchannelmixer=.3:0:0:0:.6:0:0:0:.4:0:0:0[fg]; color=s=1280×720:color=#8cdbac[bg]; [bg][fg]overlay=format=rgb” -frames:v 1 ./result.png