为博客添加一个小音乐播放器

我爱吃红薯

于 2020-11-11 18:55:39 发布

阅读量869

点赞数 1

分类专栏： Vue 文章标签： nuxt.js vue.js html

本文链接：https://blog.youkuaiyun.com/qq_45315910/article/details/109470422

版权

这篇博客介绍了如何在Nuxt.js和Vue.js项目中集成一个简单的音乐播放器。首先，通过引入必要的js和css文件，然后在HTML中添加一行代码来创建播放器。在nuxt.config.js的head配置中管理外部资源，并在default.vue或任何Vue组件中使用。此外，还提到了如何在HTML页面上应用相同的播放器，并解决在使用CDN引入jQuery时可能出现的错误问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，引入3行js,css

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
    <script src="http://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
    <script src="http://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js"></script>

2，1行html

    <div class="aplayer" data-id="2099017769" data-server="netease" data-type="playlist" data-fixed="true" data-order="random" data-autoplay="false" data-listfolded="true"></div>

3，结果