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.

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