wordpress通过一个插件实现AJAX+悬浮背景音乐

实现效果:

在这里插入图片描述
在这里插入图片描述

实现方法:

搜索插件:Floating Window Music Player安装,然后打开选项:
在这里插入图片描述

设置网易云cookie

如果不设置cookie的话,引用网易云的歌单的时候会出现无法播放的情况,下面附上简单的抓取cookie的指导图:
在这里插入图片描述
然后右键选择copy value就能复制了
在这里插入图片描述
得到的数据大概(已删减部分)如下:

_iuqxldmzr_=32; _ntes_nnid=10ab1b8fe41baf94caa74d0117a30dd5,1618021689525; _ntes_nuid=10ab1b8fe41baf94caa74d0117a30dd5; NMTID=00OCnK7Iqr8bulEIUhxklADYF0cfgIAAAF4uZun_g; WM_TID=4F6x5m7ckJdERFVRAFc6wJsmefOPFIPm; ntes_kaola_ad=1; __remember_me=true; MUSIC_U=720b4eb644858e7a691b925a5233d04096daec2f534ca62f82cfec278079117d33a649814e309366; __csrf=161c89b1d068c28fe0ecc3a1aa26961d; WEVNSM=1.0.0; WNMCID=daxike.1618995261692.01.0; WM_NI=FE3w+H+omh1GWbeBgTflyLHAu9bX2meWnhbBYyIuw4ZAHwk2445V0fGExuCnCfEeKgV5FwRk/R/0Z3kDHbbmOVirojtdl/+7qnxIbzVRm49k7BZV9gZ/VovT1dMRKdiAbzM=; XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
WYYY=vdQMlvy6FKcfPcrCAUNZggY6\kkT++84HHITS\VYjS5Qz0GGskAY2TCssp7om8WHs\pcyY66DwH2PIrYKTcTcJXr5ue4aWyHdJmAA8HaWyp8Be4DT3ZCju\/+V2Zdb/XN4RsE5hBDYFJjxjXll8J0qwre0YkZSF41DN\3bs9hWFVUkNV:1619076272988

相关网站

插件官网:http://eric.cn.com/archives/1187
在这里插入图片描述

wordpress插件仓库:https://cn.wordpress.org/plugins/floating-window-music-player/

在这里插入图片描述

到别人的博客中装有MP3播放器,是否感到很酷,把自己喜欢的歌曲都加入到在MP3播放器中,与访客分享,你是否有这样的想法呢?呵呵,如果你有这个想法的话,那么,就来看看今天介绍的WordPress插件吧。不得不佩服WordPress插件功能,只要能想到的功能,就会有WordPress爱好者去开发这些插件,flash-mp3-player插件也是如此,一个简单而实用MP3播放插件,不需要太多的操作。 Flash-Mp3-Player插件安装: 1.下载flash-mp3-player插件,然后上传插件到/wp-content/plugins/下的文件夹。 2.到wp管理后台插件页面,激活插件,激活插件后,在"Appearance"--->"Widgets",把“MP3 Player ”添加到侧栏中。 3.点击“Settings”---->“MP3 Player”进入页面设置相关内容,具体见下图: 在上图中,点击Add New添加新的歌曲,title输入标题,URL中输入地址,这里建议在WordPress根目录中建一个audio的目录,把你希望播放的歌曲放在里面,然后,在URL地址中输入这些歌曲的URL地址(这些歌曲用英文来命名,笔者测试时,MP3中文名格式不能播放),当然,你也可以到网上找到这些歌曲的URL地址,如果网络加载慢的话,会影响歌曲的播放速度,效果不是很好。 既然可以添加,当然也可删除了,选中不需要的歌曲,然后点击“Delete All Checked”,进行删除,添加或删除歌曲后,点击“Save Changes”保存设置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

坐公交也用券

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值