@arraypress/waveform-player-vue
| Install | |
|---|---|
npm install @arraypress/waveform-player-vue |
|
| Latest Version: | 0.7.0 |
| Vue: | 3 |
| License: | MIT |
| Last Updated: | Sep 24, 2026 |
| Links: | GitHub · npm |
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.
Install
npm install @arraypress/waveform-player-vue @arraypress/waveform-player vue
Requires
@arraypress/waveform-player1.27.0 or newer. The component loads the core library's/no-autoinitentry 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.
Related Packages
Vue 3 component wrapper for @arraypress/waveform-playlist — a declarative `track...
Vue 3 components for @arraypress/waveform-bar — singleton mount with config-as-p...
Vue 3 component wrapper for @arraypress/waveform-sounds — a searchable, filterab...
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.7.0 | ^3.5.0 | MIT | |
| 0.6.0 | ^3.5.0 | MIT | |
| 0.5.0 | ^3.5.0 | MIT | |
| 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 |