vue的练习项目（二）——aplayer播放器

最近写一个文字转语音的页面，语音转换完成后要播放，于是就用上了vue-aplayer

安装vue-aplayer

npm install vue-aplayer –save

引入并配置aplayer组件

import Aplayer from 'vue-aplayer'
components: {
          Aplayer
      	},

接下来就可以直接使用了

<aplayer autoplay :music="{
  title: 'Preparation',
  author: 'Hans Zimmer/Richard Harvey',
  url: 'http://devtest.qiniudn.com/Preparation.mp3',
  pic: 'http://devtest.qiniudn.com/Preparation.jpg',
  lrc: '[00:00.00]lrc here\n[00:01.00]aplayer'
}">
</aplayer>

当然根据实际情况，我只需要给他一个url参数就行了

先在语音转换页面提交表单，发送post请求，将返回的VoicePath用session保存下来

submitForm(formName){
    var api='http://118.25.229.125:8888/api/v1/text_voice/';
    this.$http