Waveform Player for Vue

A Vue 3 component wrapper for @arraypress/waveform-player. Typed props for every option, lifecycle @events, an exposed imperative API, and SSR-safe mounting.

Documentation · npm

---

Install

npm install @arraypress/waveform-player-vue @arraypress/waveform-player vue

Requires @arraypress/waveform-player 1.27.0 or newer. The component loads the core library's /no-autoinit entry point, so that it never scans the page for markup it doesn't own — that subpath was added in 1.27.0. If you're upgrading this package on its own, bump the core alongside it.

<script setup lang="ts">
import { WaveformPlayer } from '@arraypress/waveform-player-vue';
import '@arraypress/waveform-player/dist/waveform-player.css';
</script>

<template>
  <WaveformPlayer :url="'/track.mp3'" title="My Song" artist="The Artist" />
</template>

Documentation

Full guides, the complete prop list, events, and recipes 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.