sound 语音

语音容器，根据html5 audio标签，定制播放控制台，优化展示。

代码演示

<template>
  <sound :src="src" />
</template>
<script>
export default {
  data () {
    return {
      src: 'http://www.noiseaddicts.com/samples_1w72b820/290.mp3'
    }
  }
}
</script>

sound组件支持mini模式，添加mini参数后，只展示播放按钮和秒格式的时长:

<template>
  <sound :src="src" mini />
</template>
<script>
export default {
  data () {
    return {
      src: 'http://www.noiseaddicts.com/samples_1w72b820/290.mp3'
    }
  }
}
</script>

API

参数	说明	类型
src	接收的语音资源地址	string
mini	是否采用mini模式，默认false	boolean

事件

事件名称	说明	回调参数
drag	拖动进度条后返回原播放时间和新播放时间的值,单位秒	function({ oldTime, newTime })