HTTPS网页引用网易云音乐的办法
我们知道在https网页中是不允许加载http的js、css资源的,谷歌浏览器会默认阻止,以前的网易云音乐是不管是用iframe或flash只要插入https到网页中,浏览器就会默认阻止导致本该播放音乐的地方一片空白,那么如何引用网易云音乐,方法是有的。
网易云音乐相对协议
https网页中插入了http链接的网易云音乐的话,ie浏览器会弹出提示是否加载全部内容或只加载安全内容,谷歌浏览器则是直接阻止需要自己手动打开加载不安全的脚本,不仅麻烦而且加载后绿锁也掉了,谷歌浏览器还显示不安全的网页。但是现在网易云现在改变了资源的链接方式,把
http
链接都换成了相对协议链接//
,这样一来https网页就可以插入网易云的外链了。
网易云外链
打开网易云音乐生成外链,可以看到src="//xxxxxxx"
这样的相对协议,这样吧代码复制到网页中确实可以播放了,但还是有问题。
存在的问题
由于iframe或是flash音乐中的专辑图片引用地址还是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前,这是一个不错的替代办法。
发表评论
要发表评论,您必须先登录。