CSS/HTML 网页添加网易云歌曲插件

最新推荐文章于 2024-06-21 23:56:43 发布
最新推荐文章于 2024-06-21 23:56:43 发布
阅读量8.3k 收藏 6
点赞数 3
分类专栏： CSS/HTML 文章标签： CSS/HTML 网页添加网易云歌曲插件 网易云
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kclax/article/details/90750451
版权

自动播放音乐

1.打开网易云地址https://music.163.com/

2.找到自己喜欢的歌
在这里插入图片描述
3.复制下方的网易云插件代码
在这里插入图片描述
4.具体代码内容：<iframe frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ width=330 height=86 src=”//music.163.com/outchain/player?type=2&id=497034035&auto=1&height=66″></iframe>
在这里插入图片描述

遇到版权问题

1.打开喜欢的歌，在url里面复制ID后面的数字
在这里插入图片描述

2.然后将一下代码中的上一步骤代码中的改成ID后面的数字换一下，就可以了

Coisini、
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Html5+Css3实现类似网易云音乐的移动版播放器
Roger的专栏
02-21 3万+
网易云音乐的网页版是没有移动页面的，我突发奇想，来做一个玩玩： http://followyourheart.sinaapp.com/Demos/musicPlayer/Index.html 主要用到了Html5的一些Api跟Css3动画，仅供参考。
仿网易云音乐网站.zip（纯HTML+CSS布局）
07-25
根据网易云音乐模仿的HTML+CSS布局，让你有更好的布局能力，该资源仅供个人学习参考使用，不做于商业用途如若有侵权行为，请联系本人谢谢。
MusicFree音源接口汇总（长期更新）
热门推荐
qq_15760099的博客
03-16 2万+
MusicFree是一款开源、免费、可定制化的本地音乐播放器。
【HTML5网页期末作业】基于HTML+CSS+JS实现宠物网站，表单展示登录页面，带JS密码验证
HTML网页设计
08-06 746
🐕 宠物网页设计 、🐼保护动物网页、🐋鲸鱼海豚主题、🐘保护大象、等网站的设计与制作。🏷️HTML宠物网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的......
探索音乐自由：MusicFree 插件详解
gitblog_00041的博客
05-23 3014
探索音乐自由：MusicFree 插件详解 项目地址:https://gitcode.com/maotoumao/MusicFreePlugins 在数字化的时代，音乐成为我们日常生活中不可或缺的一部分。今天，我要向大家推荐一个独特且有趣的开源项目——MusicFree插件。这款插件旨在提供一个开放的学习平台，帮助开发者了解如何通过网络接口获取音乐资源，并为用户提供免费、无限制的听歌体验。 1. ...
强推！永久免费，清爽无广，全网音源！支持插件、批量无损下载。
最新发布
ITWorldView的博客
06-21 1344
在安装了对应的插件之后，MusicFree可以实现对各大音乐平台的歌曲搜索、在线播放、下载歌词、导入歌单、保存下载音乐等功能。这使得用户可以轻松浏览到各大音乐平台的排行榜、热门歌单等，实现不同音乐平台之间的自由切换。除了功能丰富的音乐播放器外，MusicFree 的界面也设计得非常清爽，没有任何广告。它提供了浅色、深色模式，还支持自定义背景图片、制作/更换主题皮肤等，甚至有一些动态背景皮肤，使界面个性化程度更高。
MusicFree 播放器：畅享音乐自由
qq_52475653的博客
12-06 6099
MusicFree软件是一个跨平台支持安卓、pc、mac的插件化，定制化，无广告的音乐播放软件。
MusicFree使用分享
Su*yWGAtH26Q
05-23 913
MusicFree是一款极具特色的音乐播放器。它的核心特点在于其插件化、定制化和隐私保护。MusicFree本身不集成任何平台的音源，而是通过插件来提供搜索、播放、歌单导入等功能。这种设计让MusicFree具有极高的扩展性，只要你能找到对应的插件，就能在MusicFree中使用几乎任何音源。MusicFree是一款高度可扩展、可定制的音乐播放器。它的插件化设计让用户能够轻松使用几乎任何音源，而其定制化功能则让用户能够根据自己的喜好来个性化播放器。
免费音乐「Free Music」-crx插件
03-15
该扩展可以帮助曾经在中国网站（例如music.163.com，xiami.com）上听音乐但远离中国的用户。 chrome扩展插件可为曾经在中国网站（例如music.163.com，xiami.com）上听过音乐但又远离中国的用户提供帮助。 支持语言:English
仿网易云音乐播放界面【MP3播放】
fengyeNom1的博客
12-19 552
收藏的几个比较好的地址： 仿网易云音乐播放界面 MusicLibrary(一个丰富的音乐播放封装库,支持多种音频格式,完美解决你的问题。)
MusicFree一款小而美的播放器
weixin_42793435的博客
11-30 8311
现在由于版权限制，基本不可能在一款音乐应用上找到所有想听的歌所以不少朋友便下载了多个App来使用，不仅占用大量内存空间，来回切换也很麻烦今天便给大家分享一款小而美的聚合音乐播放器本体仅有不足30M，但却可以收听、下载及管理市面上绝大多数音乐平台音乐，体验非常棒软件是开源的，纯净、好看、没有广告，希望你们喜欢~附不限速下载链接：备用链接：今天的分享就到这里了如果对您有用，可以帮小编来个三连，怎么连都可以滴。
使用URL下载网易云音乐
帅玉阳的博客
07-11 1769
public class URLDownload { public static void main(String[] args) { InputStream is = null; FileOutputStream fos = null; try { URL url = new URL("https://m801.music.126.net/20210711085655/c548d5757c8250701208498c7cdf4
仿照网易云界面做的Flask网页音乐播放器（豪华版）
05-13
具体效果见https://blog.csdn.net/AA_LiuIsMe_AA/article/details/90181132。 里面musics文件的音乐懒得删了，不影响，还可以拿出来试试管理员上传音乐0.- 运行步骤：（1）代码里import的所有库，没有就pip。（2）命令行：flask initdb --drop 后 y。 （终端）（3）export一下（4）flask run呗。（5）注册一个管理员账号（账户名为Admin的账户），新创建的播放器主页需要进入‘/editintro’页面编辑一下（轮播的主题和描述建议不添加，其他都写）不然主页会一直转圈圈，也可以不理，其他功能不影响（6）都运行成功了，你自己发掘功能吧。。。 注：作者h5css水平有限，建议全屏食用
仿网易云音乐外链播放器UI的HTML5音乐播放器插件
12-12
APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件。APlayer音乐播放器可以自定义歌曲封面，可以自定义同步歌词等，界面时尚大方，是一款非常好的HTML5音乐播放器插件。
静态网易云官网html+css
03-12
【静态网易云官网html+css】是一个项目，它利用HTML和CSS技术，结合Swiper插件，再现了网易云音乐官方网站的部分界面。这个项目对于学习网页设计和前端开发的初学者来说，是一个很好的实践案例。下面我们将深入探讨...
html+CSS 音乐播放器页面
04-05
在本项目中，我们主要探讨的是如何使用HTML和CSS技术构建一个类似网易云音乐的音乐播放器页面。HTML（超文本标记语言）是网页内容的基础结构，而CSS（层叠样式表）则负责定义这些内容的外观和布局。下面我们将详细...
网易云-APlayer.rar
12-05
【标题】：“网易云-APlayer.rar”是一个包含网易云音乐播放器插件示例的压缩文件，用于在博客或其他网页中集成音乐播放功能。 【描述】：这个压缩包提供了网易云官方开发的APlayer插件的演示版本。APlayer是一款...
APlayer & MetingJS 音乐播放器所必须JS及CSS文件
05-23
id: 'your-music-id', // 从网易云音乐获取的歌曲ID type: 'netease', // 音乐来源：'netease'(网易云音乐)、'tencent'(腾讯音乐)等 fixed: true, // 是否固定在屏幕底部 }); ``` 在实际应用中，你还可以利用这...
开源软件 手机听音乐 安卓app软件 MusicFree 0.0.1
hepingwang的博客
07-28 2216
插件中定义了搜索（音乐、专辑、作者）、播放、查看专辑、作者详细信息、导入歌单、获取歌词等基本函数，插件的开发者只需要关心输入输出逻辑，至于分页、缓存等全都交给MusicFree控制即可。正如作者说的，这个工具本身只是个工具，可以做的用途也很多，比如能听歌也就可以听有声小说等资源，有心的人可以去开发相应的插件接口，不必局限于音乐，可以整合任何音频资源，大家低调使用吧。musicfree是由一个叫猫头猫的网友开发的开源项目，定义为一个插件化、定制化、无广告的免费音乐播放器，目前只支持安卓和鸿蒙。
html网页制作网易云
12-03
为了制作一个类似网易云音乐的网站，需要以下步骤： 1. 首先，需要设计网站的整体布局和风格，包括颜色、字体、排版等等。可以使用Photoshop等工具进行设计，也可以直接在HTML和CSS中进行设计。 2. 接下来，需要编写HTML代码来创建网站的基本结构，包括头部、导航栏、主体内容、底部等等。可以使用任意HTML编辑软件进行编写。 3. 然后，需要编写CSS代码来为网站添加样式，包括字体、颜色、背景、边框等等。可以使用任意CSS编辑软件进行编写。 4. 如果需要添加一些动态效果，可以使用JavaScript来实现。例如，可以使用JavaScript来实现音乐播放器、歌词滚动等等。 5. 最后，需要将所有的HTML、CSS和JavaScript文件上传到服务器上，以便用户可以访问网站。 以下是一个简单的HTML代码示例，用于创建一个类似网易云音乐的网站： ```html <!DOCTYPE html> <html> <head> <title>网易云音乐</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>网易云音乐</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">音乐库</a></li> <li><a href="#">排行榜</a></li> <li><a href="#">我的音乐</a></li> </ul> </nav> </header> <main> <section> <h2>推荐歌单</h2> <ul> <li><a href="#">歌单1</a></li> <li><a href="#">歌单2</a></li> <li><a href="#">歌单3</a></li> <li><a href="#">歌单4</a></li> </ul> </section> <section> <h2>最新专辑</h2> <ul> <li><a href="#">专辑1</a></li> <li><a href="#">专辑2</a></li> <li><a href="#">专辑3</a></li> <li><a href="#">专辑4</a></li> </ul> </section> </main> <footer> <p>版权所有 © 2021 网易云音乐</p> </footer> </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值