Vue中音乐播放器

一.安装依赖

复制yarn add vue-aplayer

​ or`

复制npm i vue-aplayer

二.使用

复制<template>
    <div class="vue_aplayer">
        <aplayer autoplay
          :music="{
            title: '歌曲标题',
            artist: '歌手名',
            src: '歌曲url',
            pic: '歌曲播放器封面url'
          }"
        />
    </div>
</template>

<script>
    import aplayer from 'vue-aplayer'
    export default {
        name: "VueAplayer",
        components: {
                aplayer
            }
    }
</script>
<style scoped>

</style>

三.官方文档

点我官方文档

点我中文官方文档

posted @   小小咸鱼YwY  阅读(3632)  评论(0编辑  收藏  举报
编辑推荐:
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
阅读排行:
· 手把手教你更优雅的享受 DeepSeek
· AI工具推荐:领先的开源 AI 代码助手——Continue
· 探秘Transformer系列之(2)---总体架构
· V-Control:一个基于 .NET MAUI 的开箱即用的UI组件库
· 乌龟冬眠箱湿度监控系统和AI辅助建议功能的实现

目录导航

点击右上角即可分享
微信分享提示