不知道各位可曾访问过本人博客中一个特殊的页面——歌单

在制作这个页面的过程中,我尝试了好几种方式,想要做出我满意的播放界面,最后,我选择了一个强大的Hexo插件——hexo-tag-mmedia,这是它的Github页面。效果就像这样:


也许有人会问:“网易云不是提供了iframe的外链播放器嘛?”,但只要稍稍对比一下二者的界面风格以及它们与我博客页面的契合程度,相信大家都会毫不犹豫选择mmedia插件的。

又也许有人问:“为何是mmedia而不是aplayer呢?”单从实现这个页面功能的角度而言,aplayer确实也是不错的选择,然而mmedia还有一些令人心动的功能:

hexo-tag-mmedia 是一个能在 Hexo 中快速插入媒体标签的插件,目前支持的标签和平台有(持续开发中):
Audio
Video
Aplayer
MetingJS
Dplayer
哔哩哔哩
西瓜视频
ArtPlayer

也就是说,你甚至可以用mmedia插件做出像这样的控件:

那么,何乐而不为呢?

这是官方的安装教程

使用yarn安装:
yarn add [email protected] --save

至于使用,官方文档写的非常清晰明了,推荐各位直接去读。链接同上。

例如使用MetingJS添加一个网易云链接:
{% mmedia "meting" "auto:需要添加歌曲的对应网页" %} <br>
效果可以参考本文顶部。

就这样,我们的博客可以添加在线视频和在线音频了!