# osuplayer

**Repository Path**: yufeifan/osuplayer

## Basic Information

- **Project Name**: osuplayer
- **Description**: nodejs写的osu播放器
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2018-12-02
- **Last Updated**: 2022-01-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# osuplayer
- yuff
## 项目介绍

> js写的osu播放器 

> 参考项目 : https://github.com/Troogle/OSUplayer/ 

> 图标来自 : http://www.iconfont.cn/ 

> 我的osu : https://osu.ppy.sh/u/3143846 

![截图](./snapshot.png)

## 软件架构

- js
- electron
- vue
- element-ui

## 安装教程

1. 确保有已安装nodejs 具有cnpm或者npm命令
2. 进入根目录 $ cnpm install  安装nodejs依赖
3. 启动 $ electron .
4. 打包 $ electron-packager --platform=win32 .

> 我没试过

## 使用说明

1. 快捷键
- ←/→ : 上一首/下一首
- 鼠标滚轮 : 音量
- f5 : 刷新 解决大部分问题 基本等于重启
- f11 : 控制台
- 点击canvas绘图板 : 播放/暂停

2. 可能的问题: 
- .osu文件的版本太多有14个 版本比较早的图可能读不了  下了一些图试过没啥问题
- 左侧略缩图有时候没有 需要用osu翻到那张图 ,生成缩略图 关掉osu 就有了 
- osu数据文件更新都在osu关闭时 而这个程序会在启动时读取osu的数据库
3. 当前结构:

```
│  .gitignore
│  index.css                主页样式
│  index.html               主页
│  index.js                 主页js
│  jsconfig.js                  vscode用来提示的
│  main.js                  1. 程序入口 打开窗口加载index.html
│  package.json             记录nodejs程序依赖和一些元数据
│  README.md                
│  
├─.vscode                   vscode配置
│      launch.json
│      
├─img                       资源图片
│      next.png
│      osu.png
│      paused.png
│      play.png
│      previous.png
│      stop.png
│      thumbnail-fallback.jpg
│      
├─js
│      dbReader.js          读取osu的.db后缀的文件   文件格式参考 https://osu.ppy.sh/help/wiki/osu!_File_Formats
│      imgUtil.js           图片工具 用于取反色 用于设置音量的字体
│      osuReader.js         .osu文件的读取
│      schemas.js           用于传给 dbReader.js ,一个schema是对一个对象类型的说明 读对象类型用的   其他基本类型用dbReader中各自的方法读
│      
├─layui                     存layui库的样式文件 其实没怎么用
│ 
│          
└─node_modules              nodejs依赖

```
2018-12-5 v0.0.3


## 参与贡献

1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


## 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)