从疫情确定开始已两月有余了,虽然国内已经好转起来了,但境外输入在不断增加,并且国外疫情日趋严重,受此影响公司现在没什么事做,加上神兽还没复课,每天在家上课,因此天天在家陪着他。
闲着无聊就听听音乐,上上网,日子就这么不知不觉过到快4月了。一年已经过去四分之一了,莫名的心慌呀。。。
近段时间逛云村时发现好多音乐因为版权问题已经不支持“生成外链播放器”了,作为云村铁粉的我听歌只用云村,网站上的音乐也基本全部用的云村的。
当然,凡事都会有解决的办法的,最简单的粗暴的办法就是直接修改浏览器地址:
如这个地址下的音乐,点击图标下的“生成外链播放器”,会弹出“由于版权保护,无法生成外链”。
右键点击“生成外链播放器”,然后点击“检查”,里面会有一段代码,我们复制其中一小段
替换上面那个地址后面部分后变成下面地址
是不是熟悉的页面又回来了,歌单方法相同,开始Enjoy and Share起来吧!
这种办法虽然简单粗暴,但如果要生成的数量多了也太麻烦了吧。
可以试试播放器APlayer, 其实好多朋友有装此款插件,而老王本人喜欢折腾代码不喜欢装插件。APlayer是一款非常简单易用的播放器,加上外观与云村相似,第一眼看上就喜欢上了。再加上它不单可以自建歌单,还可以和几大音乐平台无缝对接。
自建歌单大家拿到代码都知道怎么用了,这里主要说下和其它平台对接的方法,当做一个笔记记录吧。
1. 引入播放器
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
2. 载入MetingJs
<script src="https://cdn.jsdelivr.net/npm/meting@1.1.0/dist/Meting.min.js"></script> //1.1版
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script> //2.0版
JS有新旧两个版本,选其中一个即可,之所以放两个,是因为下面对应的有两个不同的使用方法,其实效果是一样的。
3. 使用
在需要放播放器的地方放上下列代码 (二选一,但版本一定要和上面JS对应):
<div class="aplayer" data-id="954957001" data-server="netease" data-type="playlist" data-mode="random"> </div> //1.1版本
<meting-js server="netease" type="playlist" id="954957001"></meting-js> //2.0版本
这两个方法对应的歌单都是同一个歌单:
除了云村的外,还支持其它几大平台的哦,只把对应的server和id改一下就可以了,是不是很强大呢?
option | default | description |
---|---|---|
id | require | song id / playlist id / album id / search keyword |
server | require | music platform: netease , tencent , kugou , xiami , baidu |
type | require | song , playlist , album , search , artist |
auto | options | music link, support: netease , tencent , xiami |
fixed | false |
enable fixed mode |
mini | false |
enable mini mode |
autoplay | false |
audio autoplay |
theme | #2980b9 |
main color |
loop | all |
player loop play, values: ‘all’, ‘one’, ‘none’ |
order | list |
player play order, values: ‘list’, ‘random’ |
preload | auto |
values: ‘none’, ‘metadata’, ‘auto’ |
volume | 0.7 |
default volume, notice that player will remember user setting, default volume will not work after user set volume themselves |
mutex | true |
prevent to play multiple player at the same time, pause other players when this player start play |
lrc-type | 0 |
lyric type |
list-folded | false |
indicate whether list should folded at first |
list-max-height | 340px |
list max height |
storage-name | metingjs |
localStorage key that store player setting |
大家也可以试一下大发的云音乐插件(只支持云村的),我的音乐页面就是用的这个插件(安时还不知道APlayer)。
这几天也把网站整理了一下,清理了一些重复的CSS,并修改了一些细节化的东西,增加了评论统计和汉语两个页面(可导航菜单访问,待继续完善),把代码高亮插件干掉了,自己整了一个短代码样子的(效果见上面),插件虽然强大,但好多东西对于我这种很少发代码的人来说没啥用,同时加了一个收缩短代码,并修改了信息提示短代码样式(如上面所示),还有把滚动图标弄小了,侧栏可以关闭。。。。。
最后放上小王子的一篇作文来展示一下收缩短代码功能吧:
春节
“儿童强不睡,相守夜欢哗。”宋代大诗人苏轼一句诗写出了孩子们盼望春节到来的场景,除夕守岁时明明很困,却还强力地撑着,一个个高高兴兴欢声笑语的,希望能第一时间迎接春节的到来。而我也不例外,春节也是我喜欢的一个节日。
除了守岁的习俗,春节还有很多习俗:有放鞭炮、贴对联、吃年饭、压岁钱、拜年…… 相传春节期间,野外会出来一种叫“年”的野兽,也叫“夕”。年兽一年出没一次,这一日叫“过年”,将过年这一夜叫“除夕”。炎黄先祖在于其无数次斗争中,摸索出了斗争诀窍,年兽虽猛,但惧怕红色、火光和巨响。因此,家家户户在门口贴上红春联,在家门口放爆竹,年兽看见门上贴着红对联,门口有爆竹霹雳乱响,就不敢来了。
这些习俗中我最喜欢的就是写对联了,因为今年爸爸会教我写对联。爸爸首先从买好的红纸中轻轻地拿出一张在桌上摊平,再慢慢对折几次,然后再取出裁纸刀片,缓缓的把纸沿着折痕裁剪开来,这样一条条纸就裁好了。我照着爸爸的方法裁好了另外一张红纸,但好像没有爸爸裁的那么整齐,爸爸说:“没关系,第一次弄成这样也不错了。”接下来就是写对联了,爸爸拿出一个小碟子,将墨水慢慢倒入碟子中,然后取出毛笔zhàn (蘸)满墨水,挥舞着手臂,龙凤飞舞般,不一会儿,一幅对联就完成了:“红梅香自苦寒来,青莲洁从淤泥出”。我也照着爸爸的样子写了一幅,爸爸告诉我上联出自《警世贤文》,下联出自周敦颐《爱莲说》,以后都会学到。我们要学习梅花不畏严寒勤奋努力的精神以及莲花高尚的品德。我也不由想起另外一首诗“墙角数枝梅,凌寒独自开”。
接下来就是贴对联了,爸爸负责贴,我和妈妈在下面指挥,“左一点,不对,右一点”,“下一点,不对,下多了,再上一点”…… 妈妈瞬间又变成了“唠叨”的妈妈了。在一家人的合作下,我们终于贴好了对联。
这就是我最喜欢的节日——春节。
最后愿山河无恙,人间皆安,生活一切好起来吧!