vue-aplayer:一个音乐播放器

最新推荐文章于 2024-07-20 16:58:03 发布

liudehua_187

最新推荐文章于 2024-07-20 16:58:03 发布

阅读量1.2k

点赞数

分类专栏：前端音乐播放器 vue 文章标签： vue-aplayer 前端手机端音乐播放器

本文链接：https://blog.csdn.net/qq_43172476/article/details/102545967

版权

前端同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

vue

11 篇文章 0 订阅

订阅专栏

音乐播放器

1 篇文章 0 订阅

订阅专栏

vue-aplayer

一个音乐播放器控制组件

git地址

https://github.com/SevenOutman/vue-aplayer

安装

npm install vue-aplayer --save

页面使用

<template>
  <div>
    <aplayer autoplay :music="{
     title: titlel,
     author: '东软君转载',
     url: mpurl,
     lrc: '[00:00.00]lrc here\n[00:01.00]aplayer'
    }">
   </aplayer>
  </div>
</template>

<script>
import Aplayer from 'vue-aplayer'
export default {
  name: '',
  components: {
          Aplayer
      },

  data () {
    return {
      mpurl:'',
      titlel:'',
    }
  },
  created(){
     //我用手机开的热点 192.168.43.107是ip,8888本地测试的端口号
      var qianurl="http://192.168.43.107:8888/resources/"
      //this.$route.query.keyY ->请求地址的参数值，参数名:keyY
      this.titlel = this.$route.query.keyY
      this.mpurl = qianurl+this.$route.query.keyY
      console.log(this.mpurl)

  },
  methods: {

  }
}
</script>

<style scoped>

</style>