Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/petsgre/music
Web pages based on HTML 5 < audio > music player
https://github.com/petsgre/music
Last synced: about 2 months ago
JSON representation
Web pages based on HTML 5 < audio > music player
- Host: GitHub
- URL: https://github.com/petsgre/music
- Owner: petsgre
- Created: 2017-08-11T08:56:11.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2020-02-14T10:00:42.000Z (over 4 years ago)
- Last Synced: 2024-04-05T02:11:58.033Z (2 months ago)
- Language: Vue
- Homepage:
- Size: 26.4 KB
- Stars: 26
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Lists
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (UI Components / Audio / Video)
- awesome-vue - vue-music - A Vue component base on html5 <audio>. (UI Components / Audio / Video)
- awesome-vue. - vue-music - A Vue component base on html5 <audio>. (UI Components / Audio / Video)
- awesome-vue - vue-music - A Vue component base on html5 <audio>. (UI Components / Audio / Video)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (UI Components / Audio / Video)
- awesome-vue - vue-music - A Vue component base on html5 <audio>. (UI Components / Audio / Video)
- awesome-vue - vue-music - A Vue component base on html5 `<audio>`. (Components & Libraries / UI Components)
- awesome-vue - vue-music ★19 - A Vue component base on html5 `<audio>`. (UI Components / Audio / Video)
- awesome-vuejs - vue-music - A Vue component base on html5 <audio>. (UI Components / Audio / Video)
README
## Web pages based on HTML 5 < audio > music player
> [demo](https://www.166zx.com/ "demo") // demo已停止
## Requirements
- vue ^2.3.3
- vue-resource ^1.3.4
- v-click-outside ^0.0.8## Installation
npm install vue-music --save
## Usage
import Music from 'vue-music'
export default {
name: 'app',
data(){
return{
protocol:"http"
}
},
components: {
Music
}
}
## api
protocol
protocol:"http" required,string
## Function
- play/pause,Previous,Next
play/pause:
> watch a toggle,named**audioToggle**,control by toggle typed boolean
Previous/Next:
> function named 'play()' to play music,3 arguments('random play','The list of play','single cycle') to change **Play mode**
- range
watch the event named **timeupdate** to modify the range,useing input new attribute range,by Two-way binding
- play time
as same as range,do not describe again,you can modify the attribute named duration
- voice
as same as range , modify the attribute 'range'
- play mode
3 condition:single cycle、The list of play、random play
detail to see play list tips- play list
> play mode need to use play list,i save the list to localstorage(like Netease Cloud Music),if there is no one in list,it will play the music that named 'faded'(i like it,very rhythmical)
### because my server is closed, the music api is not useful,i'm so sorry about that.