博客添加音乐外链支持https办法,保住绿锁。

最近在串门访问到心灵博客 文章的时候,听到了一首熟悉的歌曲,云烟成雨,也是比较喜欢听的,想插入到博客文章的时候发现,根本找不到支持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 给出的酷狗音源方法更简便。

博客添加音乐外链支持https办法,保住绿锁。》有 14 条评论;

    1. wannz

      @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证书,只支持单个域名,页面中内容源如果来源不一致会进行提示,而酷狗的证书是企业证书,支持的通配符比较多

  1. 广州技校

    网站内容还是挺不错的,谢谢博主。还有博客应该是WORDPRESS做的吧,感觉美观度还可以提高,谢谢。我自已是搞前端设计的,你的代码可以做精简一点。

发表评论