misscheng / vue-mobile-audio

基于vue的移动端音频播放器(语音条外观)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-mobile-audio

基于vue的移动端音频播放器(语音条外观)

使用

  • npm install vue-mobile-audio
//main.js
import audio from 'vue-mobile-audio'
Vue.use(audio)

//xxx.vue
<m-audio :src="src"></m-audio>
  • 设置
props 类型 默认值 描述
src string 音频播放地址(ogg,mp3,wav)
text string 轻触播放 播放器上的提示文字
showDuration boolean true 是否显示时长
block boolean true 播放器是否为块级元素

注:若显示时长,时长将替换提示文字

截图

截图

在线预览

demo

About

基于vue的移动端音频播放器(语音条外观)


Languages

Language:Vue 77.7%Language:JavaScript 13.2%Language:HTML 9.2%