@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.

npm version license

Documentation · npm


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
@condero/vue-audio-player

Vue 3 audio player with waveform, repeat, speed control and A/B looping

1,402 0

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