600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 网易云播放器外链插入html Wordpress网易云外链音乐播放调用

网易云播放器外链插入html Wordpress网易云外链音乐播放调用

时间:2020-09-24 06:58:54

相关推荐

网易云播放器外链插入html Wordpress网易云外链音乐播放调用

最近想写点音乐感受类的文章。中间穿插一些音乐播放效果肯定非常不错。于是网上搜寻了一会,经亲身实践后,找到两种靠谱的方法。现在分享出来。

首先我发现原来网易云音乐官方已经提供了这个生成外链音乐的功能。我们进入网易云音乐后,选择自己想要插入的歌曲。然后可以看到歌曲页面有个生成外链播放器的链接。我们点击它。

然后可以看到这里有两种代码插入方式:

一是iframe元素法。

优点:可以自己调整插件的高度、宽度

缺点:很多博客网站不支持嵌入iframe,请试一下您的网站是否支持

二是flash插入法。

优点:可以适用大部分的博客,如网易、新浪博客等

缺点:无法自己调整插件的高度、宽度

接着我们可以选择其中的一种,然后调整一下尺寸,是否直接播放等选项。

最后就可以复制代码插入到文章中了。比如我选了一首陈奕迅的《预感》。代码如下:

参数说明:

width(宽度)和height(高度)#按自己的需求调整id=67787 #为歌曲的IDauto=0 #0为不自动播放,1为自动播放

对于歌单和专辑等有歌曲列表的则是另外一种代码,操作步骤与上述一样。

1.对于歌单和专辑外链播放器,可以选择大中小三种尺寸,单曲和电台节目可以选择中小两种尺寸。你可以选择最适合你网站设计的尺寸。

2.还可以选择是否要自动播放,打上勾后,别人访问网站时播放器会自动开始播放。

3.最后将播放器的代码黏贴到你的网站上,大功告成!

第二种方法:

第一步打开网易云音乐,随便找到一首歌,播放,复制网址的ID,

例如:陈奕迅的《预感》,网址是:

/#/song?id=67787

然后可以看到歌曲的ID是67787

那么,这首歌的外链地址就是:

/song/media/outer/url?id=67787.mp3

代码依然可以使用上面的iframe元素法,把前面的链接部分替换一下

不过这种方法会自动播放,我就不演示了。

以后就可以用这种方式

/song/media/outer/url?id=ID数字.mp3

把上面红色部分ID数字换成网易云播放页面的id即可。

不过我发现直接在放上链接,就默认显示播放了。太神奇了!!!

举报/反馈

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。