shershen08 / Vuejs Sound Player
βΆοΈ πΉ π΅ HTML5 <audio> tag sound player UI for Vue.js - supports single, loop, pause/stop modes etc
Stars: β 164
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vuejs Sound Player
Romplayer
AudioKit Sample Player (ROM Player) - EXS24, Sound Font, Wave Player
Stars: β 445 (+171.34%)
Mutual labels: audio, player, sound
Libvlc Go
Go bindings for libVLC and high-level media player interface
Stars: β 188 (+14.63%)
Mutual labels: audio, player, sound
Pandoraplayer
π
ΏοΈ PandoraPlayer is a lightweight music player for iOS, based on AudioKit and completely written in Swift.
Stars: β 1,037 (+532.32%)
Mutual labels: audio, player, sound
Swift Radio Pro
Professional Radio Station App for iOS!
Stars: β 2,644 (+1512.2%)
Mutual labels: audio, player, sound
Webaudiofont
Use full GM set of musical instruments to play MIDI and single sounds or effects. Support for reverberation and equaliser. No plugins, no Flash. Pure HTML5 implementation compatible with desktop and mobile browser. See live examples.
Stars: β 600 (+265.85%)
Mutual labels: audio, player, sound
Swiftysound
SwiftySound is a simple library that lets you play sounds with a single line of code.
Stars: β 995 (+506.71%)
Mutual labels: audio, player, sound
React Native Sound Player
Play sound file in ReactNative
Stars: β 144 (-12.2%)
Mutual labels: audio, player, sound
React Native Sound Recorder
Simplest Sound Recorder for React Native
Stars: β 103 (-37.2%)
Mutual labels: audio, sound
Vue Howler
[UNMAINTAINED] A Howler.js mixin for Vue 2 that makes it easy to create custom audio player components
Stars: β 103 (-37.2%)
Mutual labels: audio, player
Wad
Web Audio DAW. Use the Web Audio API for dynamic sound synthesis. It's like jQuery for your ears.
Stars: β 1,540 (+839.02%)
Mutual labels: audio, sound
Simple Sdl2 Audio
A simple SDL2 audio library without SDL_Mixer for playing music and multiple sounds natively in SDL2
Stars: β 111 (-32.32%)
Mutual labels: audio, sound
Ni Media
NI Media is a C++ library for reading and writing audio streams.
Stars: β 158 (-3.66%)
Mutual labels: audio, sound
Sbplayerclient
ζ―ζε
¨ζ ΌεΌηmacηθ§ι’ζζΎε¨
Stars: β 110 (-32.93%)
Mutual labels: audio, player
Processing Sound
Audio library for Processing built with JSyn
Stars: β 94 (-42.68%)
Mutual labels: audio, sound
Poddycast
Podcast app made with Electron, lots of β€οΈ and βοΈ
Stars: β 111 (-32.32%)
Mutual labels: audio, player
Sound
π A Vue composable for playing sound effects
Stars: β 116 (-29.27%)
Mutual labels: audio, sound
Timecat
A Magical Web Recorder & Player π₯
Stars: β 1,955 (+1092.07%)
Mutual labels: audio, player
Vue.js sound player
Vue.js sound audio player UI. Covers audio-tag API and adds more.
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].