一个播放器和云村的故事

从疫情确定开始已两月有余了,虽然国内已经好转起来了,但境外输入在不断增加,并且国外疫情日趋严重,受此影响公司现在没什么事做,加上神兽还没复课,每天在家上课,因此天天在家陪着他。

闲着无聊就听听音乐,上上网,日子就这么不知不觉过到快4月了。一年已经过去四分之一了,莫名的心慌呀。。。

近段时间逛云村时发现好多音乐因为版权问题已经不支持“生成外链播放器”了,作为云村铁粉的我听歌只用云村,网站上的音乐也基本全部用的云村的。

《一个播放器和云村的故事》

当然,凡事都会有解决的办法的,最简单的粗暴的办法就是直接修改浏览器地址:

https://music.163.com/#/song?id=110097

如这个地址下的音乐,点击图标下的“生成外链播放器”,会弹出“由于版权保护,无法生成外链”。

右键点击“生成外链播放器”,然后点击“检查”,里面会有一段代码,我们复制其中一小段

data-href=”/outchain/2/110097/”

替换上面那个地址后面部分后变成下面地址

https://music.163.com/#/outchain/2/110097

是不是熟悉的页面又回来了,歌单方法相同,开始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改一下就可以了,是不是很强大呢?

optiondefaultdescription
idrequiresong id / playlist id / album id / search keyword
serverrequiremusic platform: netease, tencent, kugou, xiami, baidu
typerequiresong, playlist, album, search, artist
autooptionsmusic link, support: netease, tencent, xiami
fixedfalseenable fixed mode
minifalseenable mini mode
autoplayfalseaudio autoplay
theme#2980b9main color
loopallplayer loop play, values: ‘all’, ‘one’, ‘none’
orderlistplayer play order, values: ‘list’, ‘random’
preloadautovalues: ‘none’, ‘metadata’, ‘auto’
volume0.7default volume, notice that player will remember user setting, default volume will not work after user set volume themselves
mutextrueprevent to play multiple player at the same time, pause other players when this player start play
lrc-type0lyric type
list-foldedfalseindicate whether list should folded at first
list-max-height340pxlist max height
storage-namemetingjslocalStorage key that store player setting

大家也可以试一下大发的云音乐插件(只支持云村的),我的音乐页面就是用的这个插件(安时还不知道APlayer)。

这几天也把网站整理了一下,清理了一些重复的CSS,并修改了一些细节化的东西,增加了评论统计和汉语两个页面(可导航菜单访问,待继续完善),把代码高亮插件干掉了,自己整了一个短代码样子的(效果见上面),插件虽然强大,但好多东西对于我这种很少发代码的人来说没啥用,同时加了一个收缩短代码,并修改了信息提示短代码样式(如上面所示),还有把滚动图标弄小了,侧栏可以关闭。。。。。

最后放上小王子的一篇作文来展示一下收缩短代码功能吧:

春节

“儿童强不睡,相守夜欢哗。”宋代大诗人苏轼一句诗写出了孩子们盼望春节到来的场景,除夕守岁时明明很困,却还强力地撑着,一个个高高兴兴欢声笑语的,希望能第一时间迎接春节的到来。而我也不例外,春节也是我喜欢的一个节日。

除了守岁的习俗,春节还有很多习俗:有放鞭炮、贴对联、吃年饭、压岁钱、拜年…… 相传春节期间,野外会出来一种叫“年”的野兽,也叫“夕”。年兽一年出没一次,这一日叫“过年”,将过年这一夜叫“除夕”。炎黄先祖在于其无数次斗争中,摸索出了斗争诀窍,年兽虽猛,但惧怕红色、火光和巨响。因此,家家户户在门口贴上红春联,在家门口放爆竹,年兽看见门上贴着红对联,门口有爆竹霹雳乱响,就不敢来了。

这些习俗中我最喜欢的就是写对联了,因为今年爸爸会教我写对联。爸爸首先从买好的红纸中轻轻地拿出一张在桌上摊平,再慢慢对折几次,然后再取出裁纸刀片,缓缓的把纸沿着折痕裁剪开来,这样一条条纸就裁好了。我照着爸爸的方法裁好了另外一张红纸,但好像没有爸爸裁的那么整齐,爸爸说:“没关系,第一次弄成这样也不错了。”接下来就是写对联了,爸爸拿出一个小碟子,将墨水慢慢倒入碟子中,然后取出毛笔zhàn (蘸)满墨水,挥舞着手臂,龙凤飞舞般,不一会儿,一幅对联就完成了:“红梅香自苦寒来,青莲洁从淤泥出”。我也照着爸爸的样子写了一幅,爸爸告诉我上联出自《警世贤文》,下联出自周敦颐《爱莲说》,以后都会学到。我们要学习梅花不畏严寒勤奋努力的精神以及莲花高尚的品德。我也不由想起另外一首诗“墙角数枝梅,凌寒独自开”。

接下来就是贴对联了,爸爸负责贴,我和妈妈在下面指挥,“左一点,不对,右一点”,“下一点,不对,下多了,再上一点”…… 妈妈瞬间又变成了“唠叨”的妈妈了。在一家人的合作下,我们终于贴好了对联。

这就是我最喜欢的节日——春节。

最后愿山河无恙,人间皆安,生活一切好起来吧!

0
评论列表 (16条评论)
  1. 姜辰说道: 1 来自天朝的朋友 Firefox | 68.0 Windows 10

    我还是引哔哩哔哩或者youtube的资源吧。emmm

    1. Lvtu说道: 9 来自天朝的朋友 Safari | 605.1.15 Mac OS X 10_15_3

      广撒网好些,另外油管的一般人看不到吧。。。 :biggrin:

发表评论

电子邮件地址不会被公开。 必填项已用*标注