HTTPS网页引用网易云音乐的办法

目录 HTML相关2017年6月30日
我们知道在https网页中是不允许加载http的js、css资源的,谷歌浏览器会默认阻止,以前的网易云音乐是不管是用iframe或flash只要插入https到网页中,浏览器就会默认阻止导致本该播放音乐的地方一片空白,那么如何引用网易云音乐,方法是有的。

网易云音乐相对协议

https网页中插入了http链接的网易云音乐的话,ie浏览器会弹出提示是否加载全部内容或只加载安全内容,谷歌浏览器则是直接阻止需要自己手动打开加载不安全的脚本,不仅麻烦而且加载后绿锁也掉了,谷歌浏览器还显示不安全的网页。但是现在网易云现在改变了资源的链接方式,把http链接都换成了相对协议链接//,这样一来https网页就可以插入网易云的外链了。

网易云外链

网易云外链

打开网易云音乐生成外链,可以看到src="//xxxxxxx"这样的相对协议,这样吧代码复制到网页中确实可以播放了,但还是有问题。

存在的问题

由于iframe或是flash音乐中的专辑图片引用地址还是http链接,这就导致了绿锁还是掉了,并且谷歌浏览器会显示不安全图标,如果只是实现播放音乐的功能而不在意某个页面掉了绿锁的话,那么直接使用网易云提供的代码即可。

http引用

完美https引用(已失效)

GitHub的一个项目,提供iframe插入的方式,可以真正做到https引用网易云音乐不会掉绿锁

官方简介

Demos:

  • https://music.daoapp.io/iframe?song=287749&qssl=1&qlrc=1&qnarrow=0&max_width=50%&autoplay=1
  • https://music.daoapp.io/iframe?song=287749&qnarrow=1&qssl=1

URL: http(s)://music.daoapp.io/ 如果没有必要不要使用HTTPS,但是如果你这样做,不要忘记将qssl设置为1

方法GET参数是:

album=album_id
playlist=playlist_id
song=song_id
program=program_id
radio=radio_id
mv=mv_id
qssl=[0|1] default:0
qlrc=[0|1] default:0
qnarrow=[0|1] default:0
max_width=[100%|32rem|400px|something else] default:100%
max_height=[300px|something else] default:100%
autoplay=[0|1] default:1
mode=[random|single|circulation|order] default:circulation
您必须选择这六个ID中的一个, 您可以使用Web界面找到id或使用163Music。

本博客一个引用的例子https://angeltime.cc/archives/20.html,可以看到没有掉绿锁,浏览器正常播放。在网易云完全支持https前,这是一个不错的替代办法。

 

暂无评论

发表评论