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: 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-17T15:05:33.000Z (10 months ago)
• Last Synced: 2024-03-18T15:52:01.927Z (9 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: 1.88 MB
• Stars: 226
• Watchers: 1
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# OMP - OneDrive Media Player

![ci](https://github.com/nini22P/omp/actions/workflows/ci.yml/badge.svg)



[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](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

## Screenshots

![Audio light](./screenshots/audio-light.png)

![Audio dark](./screenshots/audio-dark.png)

![Files](./screenshots/files.png)

## 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

CLIENT_ID=

REDIRECT_URI=http://localhost:8760

```

Run `npm i && npm run dev`

### Local build

Add `.env` in project path

```env

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

[![Star History Chart](https://api.star-history.com/svg?repos=nini22P/omp&type=Date)](https://star-history.com/#nini22P/omp&Date)