最近在串门访问到心灵博客 文章的时候,听到了一首熟悉的歌曲,云烟成雨,也是比较喜欢听的,想插入到博客文章的时候发现,根本找不到支持https的办法,于是自己动手折腾了一下,虽然稍微有点麻烦,但对不是经常需要加音乐的也够用了,也不用对wp进行改动,当然,如果你是个音乐站,那还是要自己写下插件啥的。下面说说支持https的办法。

首先选了个音质和音乐比较全面的音乐站,这里选了网易云音乐,也是因为自己手机用的网易云音乐app,存了好多歌单,所以就选他了,但是想获取音乐文件链接,还是参考了缙哥哥的分享。
//其实很简单,参考下面。
先找到网易云音乐歌曲的id,这个很简单。
例如听到心灵博客的那首《云烟成雨》在网易云音乐搜索后得到链接和歌曲id。
https://music.163.com/#/song?id=542060897
通过缙哥哥的分享知道,获取歌曲原链接地址。
//https://music.163.com/song/media/outer/url?id=网易云音乐歌曲的ID数字.mp3
我们把歌曲id替换掉在编辑文章时选择音频直接插入url就可以。
//https://music.163.com/song/media/outer/url?id=542060897.mp3
上面的方法是不支持https的,所以如果开启了https的站点可以往下看,
上面的方法虽然看着有些啰嗦,其实是很简单的方法了。下面说说支持https和自己录制的音频或者其他音频怎么上传和外链。
我是参考醉风云 的分享,利用喜马拉雅平台实现分享和外链,
喜马拉雅想上传音频的话,是需要一个实名认证的,认证也比较简单,如果不需要上传,只需要分享些相声音频的话,也很简单。如还是那首《云烟成雨》搜索后直接点开页面,会出现下列页面

我们点击分享,会获得一个html的地址,https://www.ximalaya.com/thirdparty/player/sound/player.html?id=91756158&type=red 如果直接插入文章的话,可能会出现与主题风格不符或错位等情况,同时也不支持https,这里我们还是要找下音频的源地址。,通过浏览器直接访问html地址。会得到以下页面,

这时候我们点击空白处鼠标右键,审查元素,打开控制台查看下,就会看到音频的源地址;

这时候我们点击这个源文件地址:http://fdfs.xmcdn.com/group43/M09/5A/3C/wKgKjVsQFAyAaE5fABywx1etCL8160.mp3 发现,还是http的,不支持https。这里我们加个“s”测试下,结果还是可以使用,至此获取到完整的支持https源文件的链接地址:https://fdfs.xmcdn.com/group43/M09/5A/3C/wKgKjVsQFAyAaE5fABywx1etCL8160.mp3
编辑文章时直接选择音频插入url即可。最后,请大家听首歌吧。
下面评论区@wannz 给出的酷狗音源方法更简便。

本作品采用《知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议》进行许可。
除非注明,文章均为 Sheruo 原创作品,转载请署名链接:https://sheruo.com/385.html
云烟成雨 有空也听听
@叶先生博客 嗯嗯
上次到博客空间就好!没那么麻烦!相对来说外围并不稳定!
@演员 嗯,嗯,是的,自己的空间内存不大,所以才想到用别的。
这个方法不错,收藏了。
@响石潭 嗯嗯、音频不多还是上传比较好、稳定、外部的时间长怕失效、
其实不用上传再转链接了,你直接用酷狗的音乐源就好了,酷狗的ssl证书支持这个
=> https://hiwannz.com/archives/144
@wannz 1. 现在酷狗上面搜索对应的歌曲,比如https://www.kugou.com/song/#hash=90AC90DADDADDB985D91B69D17387BA2&album_id=8328310
2. 在审查元素里面获取到音乐源,比如
https://webfs.yun.kugou.com/202001070921/5b904e1d63211ffb10538a00044574d4/G018/M09/0C/1D/Ug0DAFVAbkGAS9qSAFr5crlhjkk127.mp3
3. 然后直接在你的博客中把这个音乐插入就可以显示完整的绿锁了,比如
https://hiwannz.com/archives/144
这个问题的原理其实就是一般的博客买的是最便宜的EV证书,只支持单个域名,页面中内容源如果来源不一致会进行提示,而酷狗的证书是企业证书,支持的通配符比较多
@wannz 哦哦,好的。谢谢
@wannz 挂了,音源是临时的。
@Sheruo 多换几个音源嘛,试试就找到了,酷狗不行换别的音乐源咯
@wannz 嗯,目前测试的几个,只有喜马拉雅还在坚持。
看看
网站内容还是挺不错的,谢谢博主。还有博客应该是WORDPRESS做的吧,感觉美观度还可以提高,谢谢。我自已是搞前端设计的,你的代码可以做精简一点。