# music-wallpaper
#### 介绍
基于Electron开发的桌面插件，将系统音频可视化显示在桌面壁纸上
备用仓库：https://gitee.com/CrimsonHu/music-wallpaper
网络原因，使用gitee发布release，需要获取Windows上打包的可执行文件访问上述链接即可
#### 实现过程
1. 通过Windows API实现将Electron界面嵌入到桌面图标层与壁纸层之间
2. 通过Electron提供的接口抓取系统音频，放入AudioContext中
3. 在Cnavas上显示音频可视化效果
#### 代码运行方法
1. 需要C++编译环境（建议安装Visual Studio）
2. 拉取代码，执行npm install
3. 执行npm run gyp-rebuild，编译native目录下的attach.cpp
4. 执行npm run start，即可运行代码
#### 打包方法
1. npm run package-build:win
#### 图片展示
基于Electron开发的桌面插件，在壁纸层显示音频可视化效果.zip
需积分: 2 77 浏览量
2024-02-19
13:38:35
上传
评论
收藏 1.2MB ZIP 举报
基于Electron开发的桌面插件，在壁纸层显示音频可视化效果.zip （34个子文件） 
资料总结 
.editorconfig 800B lib element-resize-detector element-resize-detector.js 66KB element-resize-detector.min.js 19KB native attach.ts 1KB attach.cpp 2KB webpack.config.js 317B src app.component.ts 1KB core engine.ts 3KB effect 2d c2d-effect-container.ts 360B music-2d-2.effect.ts 3KB music-2d-3.effect.ts 3KB music-2d-1.effect.ts 4KB effect-container.ts 2KB 3d music-3d-1.effect.ts 3KB wgl-effect-container.ts 247B wt component base component.ts 150B panel.ts 2KB layout flex-layout.ts 591B base layout.ts 33B LICENSE 18KB demo 
1.png 415KB 2.png 768KB package.json 966B favicon.ico 32KB binding.gyp 606B
index.html 470B .gitignore 366B tsconfig.json 519B styles.css 87B application-framework.js 3KB application-preload.js 592B .npmrc 103B application-main.ts 100B README.md 879B资源评论
