Starry-Wallpaper

KO | EN

gitlite — search

#python #ai #typescript #llm #go #android #machine-learning #deep-learning #docker #macos #java #cli #awesome-list #ios

Starry-Wallpaper

(★ 25)

基于electron+vue3开发的一款Windows与macOS 动态壁纸静态壁纸更换应用（A Windows and macOS dynamic wallpaper and static wallpaper replacement application developed based on electron+vue3）

Starry-Wallpaper 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### 技术栈：Vue3、Typescript、vite-electron、tailwindcss、element-plus、C++
### 项目预览
[![pAsrbLR.png](https://s21.ax1x.com/2024/11/05/pAsrbLR.png)](https://imgse.com/i/pAsrbLR)
#### 项目声明：此应用及源代码仅供学习交流，不得用于任何商业用途，否则后果自负。

### 成果展示（视频演示）：
最新成果演示地址：https://www.bilibili.com/video/BV1A3zpYGEzf/

初始版本演示地址：https://www.bilibili.com/video/BV1HZ421t7Xp/

### 下载与安装
- [StarryWallpaper.zip - macOS (Intel)](https://github.com/hellohyb/Starry-Wallpaper/releases/download/v1.0.0/Starry.Wallpaper-1.0.0-mac.intel.x64.zip)
- [StarryWallpaper.zip - macOS (M)](https://github.com/hellohyb/Starry-Wallpaper/releases/download/v1.0.0/Starry.Wallpaper-1.0.0-arm64-mac.zip)
- [StarryWallpaper.zip - Windows](https://github.com/hellohyb/Starry-Wallpaper/releases/download/v1.0.0/Starry.Wallpaper-1.0.0-win.zip)

当前进度：
##### ✅已完成 windows动态壁纸更换
##### ✅已完成 windows静态壁纸更换
##### ✅已完成 macos静态壁纸更换
##### ✅已完成 macos动态壁纸
##### ✅已完成 设置页功能
##### ✅已完成 随机切换壁纸
##### ✅已完成 轮播壁纸（可选择本地文件夹图片）
##### ✅已完成 收藏夹导入本地图片
##### ✅已完成 收藏夹拉选框编辑图片功能
##### ✅已完成 随机切换壁纸

### 更换壁纸技术分析：
#### 1、macOS更换 静态壁纸 原理
首先把壁纸下载到本地
然后利用如下终端命令修改：
```shell
osascript -e 'tell application "Finder" to set desktop picture to POSIX file "壁纸存放位置"'
```
最后通过node执行终端命令，实现壁纸更换
#### 2、macOS更换 动态壁纸 原理

##### 1、准备工作（主要功能）：使用objective-c把接收过来的窗口句柄设置在桌面层，然后生成一个dylib文件。
##### 2、在electron应用界面，点击选择动态壁纸后，创建一个新窗口，把视频文件或者网页文件渲染到新窗口中。
##### 3、新窗口建立好后，在electron中利用koffi（npm install koffi）调用dylib文件，把窗口句柄传递过去。

#### 3、Windows更换 静态壁纸 原理：
##### 点击‘设为壁纸’按钮后把壁纸的存放地址传给dll动态链接库，dll通过该地址选择文件后设为壁纸。
##### Windows更换 静态壁纸 原理：
dll文件代码如下
```cpp
    const char* path = szFile;
    SystemParametersInfoA(SPI_SETDESKWALLPAPER,0,(PVOID)path,SPIF_UPDATEINIFILE);
```
#### 4、Windows更换 动态壁纸 原理：
与之前1.0版本不同，不再将视频利用ffmpeg播放，而是自行创建播放窗口
##### 1、与macos动态壁纸原理 第二步 相同，创建新窗口和渲染视频
##### 2、然后利用koffi调用user32.dll文件（系统自带）,然后在桌面图标和墙纸之间创建WorkerW窗口，把新窗口的父窗口改变为WorkerW窗口。

#### 5、Windows网页交互壁纸
维护中。。。

### 壁纸api
小鸟壁纸、bing每日壁纸

| api名称 | api地址（全为get请求） | 请求参数 |
| --- | --- | --- |
| 获取壁纸分类信息 | http://wp.birdpaper.com.cn/intf/getCategory | 无 |
| 获取每日壁纸（bing） | [https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=${count}&mkt=zh-CN](https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=${count}&mkt=zh-CN) | count：壁纸数量 |
| 根据id获取分类详情 | http://wp.birdpaper.com.cn/intf/GetListByCategory?cids=${cids}&pageno=${pageno}&count=${count} | cids：分类id，pageno：分页数，count：壁纸总量 |
| 搜索壁纸 | http://wp.birdpaper.com.cn/intf/search?content=${key}&pageno=${pageno}&count=1000 | key：搜索内容，pageno：分页，count：数量 |
| 最新壁纸 | http://wp.birdpaper.com.cn/intf/newestList?pageno=1&count=5 | pageno：分页count：返回数量 |

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin)

## Project Setup

### Install

```bash
$ npm install
```

### Development

```bash
$ npm run dev
```

### Build

```bash
# For windows
$ npm run build:win

# For macOS
$ npm run build:mac

# For Linux
$ npm run build:linux
```

Starry-Wallpaper

Starry-Wallpaper 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Starry-Wallpaper

Starry-Wallpaper 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README