@arraypress/waveform-bar-vue
Vue 3 components for @arraypress/waveform-bar — singleton mount with config-as-props and a polymorphic play/queue trigger.
779
| Install | |
|---|---|
npm install @arraypress/waveform-bar-vue |
|
| Latest Version: | 0.4.0 |
| Vue: | 3 |
| License: | MIT |
| Last Updated: | Sep 24, 2026 |
| Links: | GitHub · npm |
Maintainer: arraypress
Waveform Bar for Vue
Vue 3 components for a persistent bottom-bar audio player. Mount <WaveformBar> once, then drop <WaveformBarTrigger> elements anywhere to play or queue tracks.
Install
npm install @arraypress/waveform-bar-vue @arraypress/waveform-bar @arraypress/waveform-player vue
<script setup lang="ts">
import { WaveformBar, WaveformBarTrigger } from '@arraypress/waveform-bar-vue';
</script>
<template>
<!-- render ONCE in your root layout -->
<WaveformBar :config="{ persist: true, continuous: true }" />
<!-- drop triggers anywhere -->
<WaveformBarTrigger url="/audio/track.mp3" title="My Track" artist="The Artist" />
</template>
Documentation
Full guides, props, and examples live on the docs site.
-> docs.waveformplayer.com
Vue guide — install, props, the imperative API, and SSR notes. All four Vue wrappers (player / bar / playlist) are on that page.
License
MIT (c) ArrayPress
Related Packages
@arraypress/waveform-player-vue
Vue 3 component wrapper for @arraypress/waveform-player — typed props for every...
1,306
0
@arraypress/waveform-playlist-vue
Vue 3 component wrapper for @arraypress/waveform-playlist — a declarative `track...
953
0
@arraypress/waveform-sounds-vue
Vue 3 component wrapper for @arraypress/waveform-sounds — a searchable, filterab...
417
0
vue-music-flow
Modern Vue 3 / Nuxt 3 audio player component with playlist and waveform visualiz...
2,101
39
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.4.0 | ^3.5.0 | MIT | |
| 0.3.0 | ^3.5.0 | MIT | |
| 0.2.0 | ^3.5.0 | MIT | |
| 0.1.0 | ^3.5.0 | MIT |