如何在网页中嵌入网易云音乐

1.用 iframe 标签实现

  • 第一种:无播放列表
1 <iframe frameborder="0" border="1"
2   marginwidth="0" marginheight="0"
3   width=250height=62
4   src="//music.163.com/outchain/player?type=2&id=464916877&auto=1&height=60">
5 </iframe>
  • 第二种:有播放列表
1 <iframe frameborder="0" border="1"
2   marginwidth="0" marginheight="0"
3   width="100%" height="450"
4   src="//music.163.com/outchain/player?type=2&amp;id=2512690504&amp;auto=1&amp;height=80">
5 </iframe> 

2.使用 embed 标签实现

1 <embed border="0"
2     marginwidth="0" marginheight="0"
3     width="250" height="52"
4     src="//music.163.com/outchain/player?type=0&amp;id=2512690504&amp;auto=1&amp;height=32">

3.解释说明

  • 怎么获得网易云连接及ID

    • 在网页中打开网易云并登陆,顶上的连接就是咯
    • 也可以在手机上点分享,然后复制链接,到其他地方粘贴就能看到了
  • 代码中的关键说明
    • width=100%   自适应宽度
    • height=200    根据自己喜好修改
    • id=34238509  为歌曲列表页的ID
    • auto=0
      • 0为不自动播放
      • 1为自动播放

4.当然你还可以在别人网页中找到解决办法

比如说,你在浏览别人网页时发现了漂亮的网易云音乐设计,可以直接按 F12 ,然后在代码中找到你所需要的,接着在自己的网页中修改即可,哈哈哈,这也很实用的哦!

原文地址:https://www.cnblogs.com/AIMToU/p/10880347.html

时间: 2024-10-11 18:28:54

如何在网页中嵌入网易云音乐的相关文章

在自己网站中插入网易云音乐的外链,播放音乐

今天在网易云音乐听歌发现一个有趣的东西,音乐外链,于是尝试了一下,挺不错的 效果如下图 只要把代码放到你的网站代码里就行了 插件使用教程

软件的创新:分析网易云音乐的成功创新

软件界是一个非常活跃的领域,时刻都有新的软件加入或退出.开发一个新的软件,要想使自己的产品与其他产品有所区别,就必须要有创新之处. 为了分析创新对于软件的意义,我分析了一个比较热门的软件,网易云音乐,并进行总结.指导自己的开发工作. 简介: 网易云音乐是一个音乐播放器软件,有网页端及android.ios.windows.linux.mac os各个平台的客户端软件. 基本功能为搜索.播放.下载在线音乐,有关注感兴趣的歌手.评价歌曲.将喜欢的歌曲制作为歌单.推荐音乐等一系列个性化功能. 创新:别

网易云音乐下载|网易云音乐电脑版下载

据记忆开始接触音乐软件的时候就是酷狗音乐,后来慢慢发现周围的人都是用网易云音乐.之前没有很在意,随着朋友圈分享歌曲越来越多的来自网易云音乐,自己忍不住也下载了看看.网易云音乐,感觉比较好的是界面相对比较整齐,不是很凌乱.另外就是私人FM,推荐的一些歌曲,大部分都是比较合胃口的.网易云音乐下载链接软件介绍网易云音乐是网易推出的一款音乐产品,依托专业音乐人.DJ.好友推荐及社交功能,在线音乐服务主打歌单.社交.大牌推荐和音乐指纹,以歌单.DJ节目.社交.地理位置为核心要素,主打发现和分享.网易云音乐

编写一个网易云音乐爬虫程序

本次借助wxPython编写一个网易云音乐的爬虫程序,能够根据一个歌单链接下载其下的所有音乐 前置说明 网易云音乐提供了一个下载接口:http://music.163.com/song/media/outer/url?id=xxx 所以只需要拿到歌单中每首歌曲对应的 id 即可 1.分析歌单网页元素 打开网易云音乐,复制一个歌单链接 打开chrome,查看网页元素 这里有个细节,我们拿到的歌单url中有一个符号“/#”,因为之前爬虫其他网站时,也是直接请求初始url,一般Elements标签中的

软工书面作业1——分析网易云音乐的创新

在音乐APP中,网易云音乐算是地地道道的后发者,它的诞生比酷狗音乐.酷我音乐.QQ音乐等晚了数年,却以其卓越的创新能力.非凡的用户体验,很快超越了诸多先发者,成为如今国内数一数二的移动音乐应用软件.以下,我将从几方面分析网易云音乐的创新致胜之道. 1.功能创新:云歌单与音乐社交 在酷狗音乐.QQ音乐等巨头早早占据移动音乐市场的背景下,2013年才姗姗来迟的网易云音乐以功能创新突破桎梏.赢得市场.它从已有音乐APP的"歌曲列表"模块获得灵感,将这样的列表转化为"云列表"

用网易云音乐官方解析地址下载音乐

有时候,我们在网易云音乐上听一首歌,觉得不错,想下载时却又有诸般限制,实在让人着恼. 但办法总是被人想到,经过网上诸多大神的不懈努力研究分析,总算是把网易云音乐的链接分析了出来. 我们以张国荣的<春夏秋冬>为例 首先我们打开网页版的网易云音乐官网,找到春夏秋冬这首歌. 我们很容易就发现了这首歌的链接是 https://music.163.com/#/song?id=186453,其中的id=186453就是这首歌特定标识. 网易云音乐的官方解析接口是https://music.163.com/

批量删除网易云音乐【我喜欢的音乐】列表中的歌曲

?网易云音乐貌似没有提供批量操作的功能,而这个歌单好像又不能删掉,所以删的时候得一个个删,相当蛋疼.不过看了下删除操作,是请求一个api,传递相应参数即可. 首先打开歌单页面,地址是: http://music.163.com/#/my/m/music/playlist?id=xxxxx 其中xxxxx是歌单的ID号,打开console,随便删一首歌,可以看到网络请求为: /api/playlist/manipulate/tracks?csrf_token=64f353b064b83d3c692

仿照网易云音乐项目(自制音乐网页播放器)

最近准备把上一周做的一个仿网易云音乐的自制音乐网页播放器项目做一个总结. 相关功能如下: 1.通过后台页面上传歌曲.编辑歌曲功能.    2.前端页面自动更新播放热度高的歌曲    3.在线听歌.查看歌词.且配有相应的播放动画. 原文地址:https://www.cnblogs.com/gitnull/p/10041183.html

将 QQ 音乐、网易云音乐和虾米音乐资源「整合」一起的Chrome 扩展Listen 1

原文地址:http://whosmall.com/?post=418 本文标签: Chrome扩展 Chrome浏览器 Chrome扩展Listen1 音乐资源整合 Listen1安装方法 在 Chrome 上安装了这款名为 Listen 1 的插件,妈妈可是再也不用担心你找不到想听的歌了.它将 QQ 音乐.网易云音乐以及虾米音乐的音乐资源「整合」在了一起,你只需要输入音乐关键词,就可以方便地三大曲库中跳转搜索. 安装方法 Listen 1 的安装方法与一般的 Chrome Extension