A Nuxt module for converting WAV files into images using the native AudioContext API
npm install @sounds-designed/nuxt-waveform-image-generator[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
[![Lints][lint-src]][lint-href]
[![Tests][test-src]][test-href]
My new Nuxt module for doing amazing things.
- 🔈 Linear Waveforms
- 🔈 Polar Waveforms
- 🔈 Animated Waveforms
- 🔈 Adjustable Image Quality
- 🔈 Audio Downsampling
- 🔈 Custom Styled Waveforms
Install the module to your Nuxt application with one command:
``bash`
npx nuxi module add @sounds-designed/nuxt-waveform-image-generator
That's it! You can now use the Waveform Image Generator module in your Nuxt app ✨
Local development
`bash``
# Install dependencies
npm install
# Generate type stubs
npm run dev:prepare
# Develop with the playground
npm run dev
# Build the playground
npm run dev:build
# Run ESLint
npm run lint
# Run Vitest
npm run test
npm run test:watch
# Release new version
npm run release
[npm-version-src]: https://img.shields.io/npm/v/@sounds-designed/nuxt-waveform-image-generator/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@sounds-designed/nuxt-waveform-image-generator
[npm-downloads-src]: https://img.shields.io/npm/dm/@sounds-designed/nuxt-waveform-image-generator.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/@sounds-designed/nuxt-waveform-image-generator
[license-src]: https://img.shields.io/npm/l/@sounds-designed/nuxt-waveform-image-generator.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@sounds-designed/nuxt-waveform-image-generator
[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
[nuxt-href]: https://nuxt.com
[lint-src]: https://github.com/Sounds-Designed/nuxt-waveform-image-generator/actions/workflows/Lint.yml/badge.svg?branch=main
[lint-href]: https://github.com/Sounds-Designed/nuxt-waveform-image-generator/actions/workflows/Lint.yml
[test-src]: https://github.com/Sounds-Designed/nuxt-waveform-image-generator/actions/workflows/Test.yml/badge.svg?branch=main
[test-href]: https://github.com/Sounds-Designed/nuxt-waveform-image-generator/actions/workflows/Test.yml