Vue.js sound audio player UI. Covers audio-tag API and adds more.
See DEMO here
Use npm: npm install vue-audio --save
Or bower: bower install vue-audio
Add in the component import VueAudio from 'vue-audio';
Use in the template <vue-audio file="myLocalFile"></vue-audio>
The component has two attributes
- file (String) is required;
- autoPlay (Boolean) is 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">
Create an issue or try to ping me on twitter @legkoletat
Add track position navigation- Replace CSS classes that make bootstrap necessary
- Add remote file load service
MIT