Aplayer音乐插件不会pjax?真正的网页背景音乐!

最新推荐文章于 2022-06-07 10:19:21 发布
最新推荐文章于 2022-06-07 10:19:21 发布
阅读量558 收藏 1
点赞数
分类专栏： Hexo博客 文章标签： 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dragon_1718/article/details/108174567
版权

前言

在网上无意中刷到一个大佬的博客文章，介绍了一种播放器，详细可见大佬的文章。在文章提到了一个播放器，梨花带雨。（适合我们这样的白嫖党(￥__￥)）

注册、生成歌单……都很简单，而且该播放器还附有教程，可能最后一点如何插入butterfly主题会有的困难，但也不是事～

如何插入到butterfly主题

打开主题文件_config.yml，找到如下代码区域

在这里插入图片描述

把播放器代码，如上图插入到我框出来的区域即可，完成！

在这里插入图片描述

效果展示：传送门

博霸
关注
专栏目录
使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)
努力是为了站在万人之中，成为别人的光
09-13 4万+
直接跳到末尾 获取完整源码 今天我将带着大家使用 HTML、CSS 和 JS创建 音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块，也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。是的，您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。 ❤️使用 HTML、CSS 和 JS 创建在线音乐播放器❤️???? 在线演示地址???? 完整代码结构???? home-section 首页部分???
vue-aplayer 音乐播放，实现播放与音乐列表
笃行
06-07 4317
最近现在个人博客上嵌入音乐播放，与是撸起袖子就干了起来，由于博客前端是基于Vue开发，所以在网上查了一下，说vue-aplayer使用起来不错，于是便用了起来，效果如下： 代码如下： 此代码可以直接使用，且里面音乐地址链接都是有效的 使用前提：安装vue-aplayer npm install vue-aplayer –save vue页面完整代码： <template> <div> <div style="padding:10px 0;">
APlayer.js迷你音乐播放器插件
06-11
APlayer.js迷你音乐播放器插件是一款小型的网页音乐播放器代码，支持歌词滚动，带播放进度条和声音控制，暂停播放等功能。
APlayer, 哇这么漂亮的HTML5音乐播放器.zip
10-09
APlayer, 哇这么漂亮的HTML5音乐播放器 APlayer哇这么可爱的HTML5音乐播放器 简介 APlayer是一个可爱的HTML5音乐播放器。APlayer支持：媒体格式MP4 H.264 ( AAC或者 MP3 )波形
添加网页播放器 + 全站pjax
幸运草的博客
09-19 746
前言 本博客使用solo开源博客，最喜欢的nijigen主题自带pjax，但是不完善。看了看官方皮肤开发指南。开始写了 solo官方文档 Pjax 使用 引入 ${staticServePath}/js/lib/compress/pjax.min.js [已包含 jquery-3.1.0.min.js] 引入 ${staticServePath}/js/lib/nprogress/nprogre...
hexo pjax“暂时”解决aplayer插件间断播放问题
Sky_True的博客
02-29 3507
写在前面 单独拿出来写是因为这点东西让我花了一些时间，毕竟新版的教程真的太少了，官方源码又看不懂，上tg问开发者也是听得一脸懵逼，他们会怼你简洁不好吗？非要自己修改主题。其实也是，想要DIY也是要付出一些代价的，比如花时间去学习。 开始 hexo添加aplayer音乐播放插件 1、首先新版主题的aplayer已经不在主题配置文件里出现了，需要到github下载源码解压到themes/next/s...
Wordress博客网站使用Aplayer播放器与Pjax解决网页跳转时音乐重新播放
豪先生的博客
12-08 817
在Wordress的主题里面的header.php里面放入我给的3行代码即可 如果不知道header.php在哪里，可以参考我的路径： wp-content/themes/dashscroll/header.php wp-content/ themes/ Wordress的网页主题 dashscroll/ 主题 博主当前使用的主题 header.php头部文件 在header.php里面中的body前面添加下面代码 注意:jquery.js要在jquery.pjax.js前面 .
Pjax加持APlayer，音乐无间断
Ariescat Blog
01-30 1071
原文来自个人小站：Pjax加持APlayer，音乐无间断，转载请备注 起因 下午在 @樱花庄的白猫 博客中看到左下角有个小小的音乐播放器，新奇的东西 F12 上，瞅一下名字：aplayer，啥？！谷哥度娘走起 首条记录上就出现了 APlayer 的官方网站，这么简单嘛？！只要有文档，一切都好说嘛。跟着导航找找找，是你了！吸附底边的播放样式： APlayer 可以通过吸底模式固定在页面底部。 APlayer播放器 官方对它的介绍： ???? Wow, such a beautiful HTML5 music
关于给hexo博客增加音乐页面（使用Aplayer和MetingJS插件）
itsNekoDeng的博客
11-05 2101
前言: 作为一个音乐发烧友，一直想在博客网站里弄一个音乐播放歌单页面，现在它来了。本文基于matery主题，利用hexo-tag-aplayer插件和MetingJS实现。 效果展示： itsNekoDeng 音乐台 新建音乐页面 在source文件下新建一个musics文件 在该文件里新建一个index.md文件，其中文件内容为： --- title: musics type: "musics" layout: "musics" --- 在主题配置文件_config.yml下，增加音乐页面
aplayer.js音乐播放器插件使用
qq_42114504的博客
11-07 4291
aplayer.js音乐播放器插件使用 闲来无事,想把自己的博客园正酷炫点,平时也有收藏癖,见到好玩的有趣的 酷炫的都收藏起来了,比较漂亮的博客园都保存了 今天的目的:弄一个左下角的音乐播放器插件 不会就百度,这是aplayer.js的官网 aplayer 这有一篇大神的博客,来膜拜下https://www.cnblogs.com/fby698/p/12663089.html 来点代码吧,懒人福利 <!DOCTYPE html> <html> <head&gt
HTML网页音乐播放器
04-21
HTML网页音乐播放器，支持上下首、快进倒退、随机播放单曲循环等模式。
PJAX全局无刷新的设置方法~
07-08 549
先添加必要文件： <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/jquery.pjax/1.9.5/jquery.pjax.min.js"></script> ...
开源html5在线音乐网站,一个漂亮的开源HTML5音乐播放器——APlayer
weixin_29094775的博客
05-31 2377
介绍APlayer是一个简约且漂亮的html5音乐播放器，支持多种模式，包括播放列表模式、吸底模式、迷你模式、MSE模式、HLS模式。Githubhttps://github.com/diygod/APlayer安装使用 npm:npm install aplayer --save使用 Yarn:yarn add aplayer使用const ap = new APlayer({container...
React + Vite 实现一个音乐网站（aplayer音乐播放器 ）
qq_44417818的博客
01-30 1324
react学习，制作音乐网站，又是充实的一天呢 ^-^
hexo butterfly主题 添加全局吸底APlayer
超逸の学习技术博客
05-19 4019
第一步 打开 themes\Butterfly\layout\includes\head.pug 结尾加一句 include ./third-party/aplayer.pug 第二步 然后在themes\Butterfly\layout\includes\third-party\里面新建一个文件叫 aplayer.pug ,内容如下 if theme.aplayer && theme.aplayer.enable .aplayer(data-id=theme.aplayer.id d
Vue使用vue-aplayer实现音乐播放
搬运工
06-07 6482
Vue Nuxt 使用 vue-aplayer 组件实现音乐播放！
hexo next主题深度优化(三)，引入require.js,适配pjax。
as403045314的博客
12-10 643
文章目录require.js的好处，hexo next中加入require.js新建一个main.js作为所有js的入口pjax的require.js实现关于require js适配过程中报的错误aplayer.min.js只能在——lauout加载一直报错：MISMATCHED ANONYMOUS DEFINE() MODULES ......
aplayer音乐播放器wordpress插件(知更鸟特别版)
最新发布
05-15
Aplayer音乐播放器是一款WordPress插件，可以通过它将音乐播放器嵌入到网站上，方便网站用户在浏览网页的同时欣赏音乐。这个特别版的Aplayer插件由知更鸟团队开发，相比普通版增加了许多自定义功能。 使用这个插件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值