1.0.14 • Published 4 years ago

vue-audiobox v1.0.14

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

Vue-Audio-Box

自定义音乐盒子

目前vue2.x测试完成

Install

  • npm npm install vue-audiobox

  • yarn yarn add vue-audiobox

Usage

//main.js
import audiobox from 'vue-audiobox';
Vue.use(audiobox);

// xxx.vue
<audiobox 
    :src="require('@/assets/music.mp3')" 
    musicName="Your Moon My Heart"
    v-model="isPlay"
    @handleEnded="cbFunc">
</audiobox>

Settings

  • Attributes

ParamsDefaultInfo
srcnull传入require后的音乐资源
color#b42b51按钮与进度条的颜色
musicName"Your music name"音乐名
v-modeltrue必填,双向绑定,可控制音乐播放
  • Events
EventInfo
handleEnded音乐播放结束
  • Ref Api

组件中的函数,直接通过this.$refs.audio.FunctionName()调用

FunctionInfo
getAudioCtx获取Audio上下文
getAudioAnalyser获取Audio Api创建的分析器

Reference

1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago