新架构网易云音乐UI风格大变身,更像Apple Music?

news2024/10/5 21:19:48

继QQ的NT版本出来后,掀起了一番热潮,不少科技资讯的UP开始评测采用全新架构的QQ的性能以及内存占用情况,

文末中,苏音也提到了,是否在QQ新版本的发布下,会有越来越多的产品向Electron架构靠近?这不,网易云音乐就先来了!

这次,新架构的网易云音乐仍然采用的是Electron架构,经过相当长时间的内测,目前已经上线官网~


什么是Electron

如果还有小伙伴不了解Electron,再次为大家介绍下。Electron最初由GitHub公司(之前称为Atom Shell)开发,用于构建其代码编辑器Atom。随后,Electron变得越来越受欢迎,并被广泛用于创建各种类型的桌面应用程序,包括代码编辑器、聊天工具、音乐播放器、游戏客户端等。

f617cf8d234e9cd99c8730932b574616.jpeg

主要优点有:1.跨平台。Electron允许开发者使用相同的代码库构建多个如windows、liunx、macos的操作系统,简化开发的复杂性。

61930f3bfab63df9190551d826303148.jpeg

2.Web技术。 Electron基于Web技术堆栈,主要使用HTML、CSS和JavaScript。这使得Web开发者可以使用熟悉的工具和语言来构建功能强大的桌面应用程序。

8c5aa094c372518f059c1caf1c3114e6.jpeg

主要的挑战有:1.资源占用。Electron需要内嵌Chromium和Node.js,因此应用程序的资源占用可能相对较高。

2.安全性。Electron应用程序与Web浏览器类似,必须谨慎处理安全问题,以防止恶意脚本或代码注入。

了解了Electron我们再来测评下网易云音乐的新版本。


新版本与旧版本安装包

9286e831560f77ea11ec39a2afe1aae1.jpeg

首先是大小对比,左侧是新版本的占用133MB,右侧是旧版本的占用115MB,内存的相差大小还可以接受。

e3de97be9813e60528372072ea6b8f08.jpeg

新版本的安装界面更加现代化

efd6ce32e4b5b9fc6c431510084a600a.jpeg

登录之后映入眼帘的则是焕然一新的UI风格



新变化

043be2b4638b63191f4e004728f5bcaf.jpeg

私人FM升级为私人漫游,在这里可以直接点击音乐播放

下面是旧版本的UI对比,有很多小伙伴说,新版本的UI更像Apple Music

f6ff328259a4ca066e7e4a1d5c109f01.jpeg

播放页展示

57e9d7df6f7ebbdbd774f007f75f93fa.jpeg

可以自定义设置皮肤颜色,会员支持更多酷炫的皮肤

f4e12574beaea9fd2657e0bacfa97a34.jpeg

cf40b79f782699722f2eabb191938287.jpeg


资源占用

最后就是大家最关心的资源占用的问题了

736167beeb386f93b80f5c0b5974d147.jpeg

7bfebcdf32306595c7d1ec4df455e075.jpeg

最上方则是新版本的网易云,占用高达400多MB,而旧版本占用仅仅61.3MB,可以看到新版本还是有资源占用的问题

相信在后面的版本会逐渐优化吧。


下载方式

需要注意的是,直接在旧版本检测更新是检测不到的,需要到官网,找到这里的内测,点击下载即可体验。

4f2fda40a9726bc3bb2c5b3466df4479.jpeg

最后也直接给大家附上下载地址~

新版网易云音乐官方下载地址:https://d1.music.126.net/dmusic/NeteaseCloudMusic_Music_official_3.0.1.201589_64.exe

原创文章来源:www.suyin66.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/779411.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

优雅的使用CLion开发STM32 2023最新版本~

1.下载资料 一共需要的资料如下 ✈代表需要魔法 没有标注可直接访问 Clion下载链接 cubemx下载链接 mingw 下载连接 ✈安装完直接解压到文件夹 并且把bin文件的路径存入path环境变量 gcc下载链接✈安装完直接解压到文件夹 并且把bin文件的路径存入path环境变量 openocd下…

详细解析黑马微信小程序视频--【思维导图知识范围】

其实总目录集链接在此: 如何0元学微信小程序–【浅入深出系列000】 先列前几辑,后面的更新在 系列000里 专辑及链接难度(五星制)详细解析黑马微信小程序视频–【浅入深出系列-001】难度★✫✰✰✰让别人的小程序长成自己的样子…

仿写SpringMVC中的注解和方法映射功能

本项目已开源,欢迎各位大佬访问并指正:仿写SpringMVC中的注解和方法映射功能 文章目录 一、仿写流程1、初始化2、测试 二、代码实现1、自定义注解Controller和RequestMapping2、扫描本项目下Controller下所有的java文件3、识别注解,完成映射4…

【算组合数】CF1833 F

少见地秒了这道1700,要是以后都这样就好了.... Problem - F - Codeforces 题意: 给定一个数列,让你在这个数列里找一个大小为M的子集,使得极差不超过M 思路: 子集,不是子序列,说明和顺序无…

【算法与数据结构】101、LeetCode对称二叉树

文章目录 一、题目二、递归法三、迭代法三、完整代码 所有的LeetCode题解索引,可以看这篇文章——【算法和数据结构】LeetCode题解。 一、题目 二、递归法 思路分析:这道题目标就是要对比左右两半的树是否对称,因此对比不是左右节点是否相等&…

ThreadPoolExecutor自定义线程池|拒绝策略|线程工厂|统一捕获异常

线程池的7大参数含义介绍 corePoolSize:池中一直保持的线程的数量。 maximumPoolSize:池中允许的最大的线程数。 keepAliveTime:当线程数大于核心线程数的时候,线程在最大多长时间没有接到新任务就会终止释放, 最终…

点击加号添加新的输入框

实现如上图的效果 html部分&#xff1a; <el-form-item class"forminput" v-for"(item,index) in formdata.description" :key"index" :label"描述(index1)" prop"description"><el-input v-model"formdata…

STM32入门之创建工程模板

1.STM32固件库的结构图如下。从图中可以看出&#xff0c;我们在配置STM32的固件库时需要配置用户层、CMSIS层的文件。配置库文件即正确的配置这些函数的文件。CMSIS(Cortex Microcontroller Software Interface Standard)是ARM公司提供的微控制器软件接口标准&#xff0c;所有使…

栈和队列(基础知识和基本操作)

栈&#xff1a; 1.栈&#xff1a;在表尾进行插入和删除的操作受限的线性表。 2.逻辑结构&#xff1a;线性结构【一对一的关系】 3.存储结构&#xff1a;顺序存储【顺序栈】、链式存储【链栈】 4.栈的特点&#xff1a;先进后出【first in last out FILO表】 后进先出【last…

消息队列 CKafka 跨洋数据同步性能优化

导语 本文主要介绍了 CKafka 在跨洋场景中遇到的一个地域间数据同步延时大的问题&#xff0c;跨地域延时问题比较典型&#xff0c;所以详细记录下来做个总结。 一. 背景 为了满足客户跨地域容灾、冷备的诉求&#xff0c;消息队列 CKafka 通过连接器功能&#xff0c;提供了跨…

5.4.tensorRT基础(2)-学习第一个插件的编写

目录 前言1. 插件2. 补充知识总结 前言 杜老师推出的 tensorRT从零起步高性能部署 课程&#xff0c;之前有看过一遍&#xff0c;但是没有做笔记&#xff0c;很多东西也忘了。这次重新撸一遍&#xff0c;顺便记记笔记。 本次课程学习 tensorRT 基础-学习第一个插件的编写 课程大…

python sorted函数

python列表排序 简单记一下python中List的sort方法&#xff08;或者sorted内建函数&#xff09;的用法。 关键字&#xff1a; python列表排序 python字典排序 sorted List的元素可以是各种东西&#xff0c;字符串&#xff0c;字典&#xff0c;自己定义的类等。 sorted函数用法如…

【项目 进程6】 2.13 匿名管道通信案例 2.14管道的读写特点和管道设置为非阻塞

文章目录 2.13 匿名管道通信案例匿名管道的使用实现 ps aux | grep xxx 父子进程间通信 2.14管道的读写特点和管道设置为非阻塞管道的读写特点&#xff1a;总结设置管道非阻塞 2.13 匿名管道通信案例 匿名管道的使用 一般匿名管道不推荐父进程与子进程交叉读写数据&#xff0c…

nginx 配置 wss加密访问 mqtt

1. 在服务器上部署mqtt服务 2.在宝塔上配置域名证书 3.nginx配置websocket server {listen 80;listen 443 ssl http2;server_name ws-xx.example.com;index index.php index.html index.htm default.php default.htm default.html;root /www/wwwroot/ws-xx.example.com;loca…

金融软件技术:创新与安全并行驶

随着科技的迅速发展&#xff0c;金融行业正经历着一场前所未有的数字化转型。金融机构需要不断创新和提升效率&#xff0c;以满足客户需求&#xff0c;并保持竞争优势。在这个数字时代中&#xff0c;金融软件技术成为了实现这一目标的关键要素。本文将从两个方面探讨金融软件技…

fastadmin采坑之富文本编辑器

整了好久才弄好&#xff0c;后缀为content&#xff0c;类型为text 或者longtext类型&#xff0c;这样做命令行才能成功

Python教程(5)——Python的第一个程序

python的环境以及IDE都准备好之后&#xff0c;我们就可以开始Python之旅了。Python的第一个程序通常是打印输出"Hello, World!"&#xff0c;非常简单。以下是一个示例&#xff1a; print("Hello, World!")运行python代码 首先必须明白python是一门动态语…

Asp.net Core配置CORS 跨域无效(记录一下)

问题 学习老杨的英语网站项目&#xff0c;运行项目时&#xff0c;发现出现了跨域的问题。 然后自己建一项目&#xff0c;进行配置&#xff0c;测试&#xff0c;发现配置CORS 跨域时&#xff0c;发现跨域的配置无效&#xff0c;依旧报错。 解决 网上找了一天&#xff0c;然后…

【Uniapp,Vue】阻止父元素事件覆盖子元素事件

有个需求&#xff0c;点击一个元素&#xff0c;让弹出框显示&#xff0c;点击弹出框以外的区域&#xff0c;就关闭弹出框&#xff0c;如下代码所示。 但是这样有个问题&#xff0c;就是当弹出框显示以后&#xff0c;点击弹出框的区域也会触发父元素的点击事件&#xff0c;使得i…

【多模态】17、CORA | 将 CLIP 使用到开集目标检测

文章目录 一、背景二、方法2.1 总体结构2.2 region prompting2.3 anchor pre-matching 三、效果 论文&#xff1a;CORA: Adapting CLIP for Open-Vocabulary Detection with Region Prompting and Anchor Pre-Matching 代码&#xff1a;https://github.com/tgxs002/CORA 出处…