vue-audio

vue.js audio files player
13,207 177
vue vue.js player sound mp3 wav
Install
npm install vue-audio
Latest Version:0.0.12
Vue:2
License:MIT
Last Updated:Dec 10, 2022
Links: GitHub  ·  npm
Maintainer: shershen08

Vue.js sound player

Vue.js sound audio player UI. Covers audio-tag API and adds more.

dependencies status

Demo

See DEMO here

Installation

Use npm: npm install vue-audio --save

Or bower: bower install vue-audio

Usage

Add in the component import VueAudio from 'vue-audio';

Use in the template <vue-audio file="myLocalFile"></vue-audio>

The component has following attributes:

  • file (String), required;
  • autoPlay (Boolean), optional, false by default;
  • loop (Boolean), optional, false by default;

For styling the Bootstrap classes v 3.7 are used, so you may want to add bootstrap css package or add via stylesheet link <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

Questions, bugs

Create an issue or try to ping me on twitter @legkoletat

Contribute

1. install dependencies

yarn install

2. run the dev server

yarn dev

and then access the url which the project is running at(example: http://localhost:8081/) . Otherwise, you can simplify run this command.

yarn open

It will open the website after building.

License

MIT

Related Packages

vuetify-audio

Audio player component for Vue 3 and Vuetify 4

17,837 144
mp3 player sound vue vue.js wav audio vuetify vuetifyjs
vuetify3-audio-player

Audio player for Vue 3 based on Vuetify.

3,403 16
mp3 player sound vue vue.js wav audio vue3 vuetify vuetify3 +1
vue-howler

A Howler.js mixin for Vue 2 that makes it easy to create custom audio player com...

9,347 102
mp3 player sound vue wav aac audio mixin ogg webm
youtube-vue

Youtube player component for vue.js 2.x

5,112 0
player vue.js youtube
vue-youtube

YouTube IFrame Player API wrapper

629,279 333
player vue.js api plugin youtube

Version History

Version Released Vue License
0.0.12 ^2.5.8 MIT
0.0.11 ^2.5.8 MIT
0.0.10 ^2.5.8 MIT
0.0.9 ^2.5.8 MIT
0.0.8 MIT