[](https://ko-fi.com/nini22p)
English | [中文](./README_CN.md)
**Try OMP Now:**
* **[Web Version](https://nini22p.github.io/omp/)**
* **[Microsoft Store (PWA)](https://apps.microsoft.com/detail/9p6w6x16q7l9)**
* **[Download Android APK (PWA)](https://github.com/nini22P/omp/releases/latest/download/OMP-android.apk)**
## Features
- [x] OneDrive Files View
- [x] Music Playback
- [x] Music Lyrics
- [x] Video Playback
- [x] Play Queue
- [x] Dark Mode
- [x] Media Session
- [x] PWA
- [x] History Sync
- [x] Playlists Sync
- [x] Support VNET
## Screenshots
## FAQ
### Where is my data stored?
All of OMP data is stored in the `Apps / OMP` folder in your OneDrive. Where `history.json` is the history and `playlists.json` is the playlists. If you have lost your data, you can restore an older version by visiting the OneDrive web version.
## Running and Build
### App registrations
1. Go to 
[](https://ko-fi.com/nini22p)
[English](./README.md) | 中文
**立即体验 OMP:**
* **[网页版](https://nini22p.github.io/omp/)**
* **[微软商店 (PWA)](https://apps.microsoft.com/detail/9p6w6x16q7l9)**
* **[下载 Android APK (PWA)](https://github.com/nini22P/omp/releases/latest/download/OMP-android.apk)**
## 功能
- [x] OneDrive 文件查看
- [x] 音乐播放
- [x] 歌词显示
- [x] 视频播放
- [x] 播放队列
- [x] 黑暗模式
- [x] Media Session
- [x] PWA
- [x] 播放历史同步
- [x] 播放列表同步
- [x] 支持世纪互联版
## 截图
## FAQ
### 我的数据保存在哪里？
OMP 的数据全部保存在你的 OneDrive 中的 `应用 / OMP` 文件夹中。其中 `history.json` 为历史记录，`playlists.json` 为播放列表，如果有数据丢失可以访问 OneDrive 网页版恢复旧版本数据。
## 运行和编译
### 注册应用
1. 打开
{
lyricsList.length === 0
?
`translateY(-${y}px)`),
}}
>
{
lyricsList.map((item) =>
)
}
}
)
}
export default Lyrics
================================================
FILE: src/data/licenses.ts
================================================
export const licenses = [
{
'name': '@azure/msal-browser',
'licenseType': 'MIT',
'link': 'https://github.com/AzureAD/microsoft-authentication-library-for-js',
},
{
'name': '@azure/msal-react',
'licenseType': 'MIT',
'link': 'https://github.com/AzureAD/microsoft-authentication-library-for-js',
},
{
'name': '@emotion/react',
'licenseType': 'MIT',
'link': 'https://github.com/emotion-js/emotion#main',
},
{
'name': '@emotion/styled',
'licenseType': 'MIT',
'link': 'https://github.com/emotion-js/emotion#main',
'author': 'n/a'
},
{
'name': '@fontsource/roboto',
'licenseType': 'Apache-2.0',
'link': 'https://github.com/fontsource/font-files',
'author': 'Google Inc.'
},
{
'name': '@lingui',
'licenseType': 'MIT',
'link': 'https://github.com/lingui/js-lingui',
'author': 'Lingui',
},
{
'name': '@mui/icons-material',
'licenseType': 'MIT',
'link': 'https://github.com/mui/material-ui',
'author': 'MUI Team'
},
{
'name': '@mui/material',
'licenseType': 'MIT',
'link': 'https://github.com/mui/material-ui',
'author': 'MUI Team'
},
{
'name': '@react-spring/web',
'licenseType': 'MIT',
'link': 'https://github.com/pmndrs/react-spring',
'author': 'Poimandres'
},
{
'name': '@use-gesture/react',
'licenseType': 'MIT',
'link': 'https://github.com/pmndrs/use-gesture',
'author': 'Poimandres'
},
{
'name': 'buffer',
'licenseType': 'MIT',
'link': 'https://github.com/feross/buffer',
'author': 'Feross Aboukhadijeh feross@feross.org https://feross.org'
},
{
'name': 'color',
'licenseType': 'MIT',
'link': 'https://github.com/Qix-/color',
'author': 'Josh Junon'
},
{
'name': 'extract-colors',
'licenseType': 'GPL-3.0',
'link': 'https://github.com/Namide/extract-colors',
'author': 'damien@doussaud.fr'
},
{
'name': 'idb-keyval',
'licenseType': 'Apache-2.0',
'link': 'https://github.com/jakearchibald/idb-keyval',
'author': 'Jake Archibald (https://github.com/jakearchibald)'
},
{
'name': 'music-metadata-browser',
'licenseType': 'MIT',
'link': 'https://github.com/Borewit/music-metadata-browser',
'author': 'Borewit https://github.com/Borewit'
},
{
'name': 'react',
'licenseType': 'MIT',
'link': 'https://github.com/facebook/react',
'author': 'n/a'
},
{
'name': 'react-dom',
'licenseType': 'MIT',
'link': 'https://github.com/facebook/react',
'author': 'n/a'
},
{
'name': 'react-router-dom',
'licenseType': 'MIT',
'link': 'https://github.com/remix-run/react-router',
'author': 'Remix Software
{t`No lyrics`}
:
{item.text}