https://github.com/nini22p/omp
OMP - OneDrive Media Player on the web / 网页端 OneDrive 媒体播放器
https://github.com/nini22p/omp
cloud-player media-player music-player onedrive player progressive-web-app pwa react typescript web web-media-player web-music-player web-player
Last synced: about 2 months ago
JSON representation
OMP - OneDrive Media Player on the web / 网页端 OneDrive 媒体播放器
- Host: GitHub
- URL: https://github.com/nini22p/omp
- Owner: nini22P
- License: agpl-3.0
- Created: 2023-06-04T08:34:22.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-26T11:02:31.000Z (4 months ago)
- Last Synced: 2025-04-12T19:48:12.204Z (about 2 months ago)
- Topics: cloud-player, media-player, music-player, onedrive, player, progressive-web-app, pwa, react, typescript, web, web-media-player, web-music-player, web-player
- Language: TypeScript
- Homepage: https://nini22p.github.io/omp/
- Size: 5.01 MB
- Stars: 319
- Watchers: 1
- Forks: 34
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# OMP - OneDrive Media Player
[](https://ko-fi.com/nini22p)
English | [中文](./readme_cn.md)
**[Now Playing](https://nini22p.github.io/omp/)**
## 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
2. Into `App registrations` register an application
3. `Supported account types` select the third item (`Accounts in any organizational directory and personal Microsoft accounts`)
4. `Redirect URI` select `SPA`, url enter or the domain of your deploy
5. `API Permissions` add `User.Read` `Files.Read` `Files.ReadWrite.AppFolder`
### Run dev server
Add `.env.development` in project path
```env
ONEDRIVE_AUTH=https://login.microsoftonline.com/common #VNET(https://login.partner.microsoftonline.cn/common)
ONEDRIVE_GME=https://graph.microsoft.com #VNET(https://microsoftgraph.chinacloudapi.cn)
CLIENT_ID=
REDIRECT_URI=http://localhost:8760
```
Run `npm i && npm run dev`
### Local build
Add `.env` in project path
```env
ONEDRIVE_AUTH=https://login.microsoftonline.com/common #VNET(https://login.partner.microsoftonline.cn/common)
ONEDRIVE_GME=https://graph.microsoft.com #VNET(https://microsoftgraph.chinacloudapi.cn)
CLIENT_ID=
REDIRECT_URI=
```
Run `npm i && npm run build`
## Donations
This project is free, if you think it works, feel free to donate to support it
- [AFDIAN](https://afdian.com/a/nini22P)
- [Ko-fi](https://ko-fi.com/nini22p)
## License
[AGPL 3.0](https://github.com/nini22P/omp/blob/main/LICENSE)
## Star History
[](https://star-history.com/#nini22P/omp&Date)