nini22p / omp

OMP - OneDrive Media Player on the web / 网页端 OneDrive 媒体播放器

OMP - OneDrive Media Player

English | 中文

Now Playing

Features

• OneDrive Files View
• Music Playback
• Music Metadata
• Video Playback
• Play Queue
• Dark Mode
• Media Session
• PWA
• History Sync
• Playlists Sync

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://portal.azure.com/
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 http://localhost:8760 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

CLIENT_ID=<clientId>
REDIRECT_URI=http://localhost:8760

Run npm i && npm run dev

Local build

Add .env in project path

CLIENT_ID=<clientId>
REDIRECT_URI=<redirectUri>

Run npm i && npm run build

License

AGPL 3.0

Star History

omp's Issues

Sync playlists via the cloud

The background blurred figure is not the right proportion

Try using cover and set the position to center

New UI

Compress image size when getting cover

Mitigating the metadata cache takes up a lot of space

添加音量调节按钮

可以添加音量调节按钮吗? 跟OneDrive网页一样,网页播放音乐也有音量调节,因为一些蓝牙耳机系统层面调节到最小音量都太大声,需要网页再调节音量.

[FR] 倍速播放支持

开发者你好，能否在视频播放器添加倍速并且能记住这个选项？

感激不尽

大佬有计划支持安卓端吗？

如图所示，onedrive的app使用体验太烂了，希望大佬能适配安卓端，谢谢！

Cannot see the top of the play panel when using moblie

When using mobile browser, like Chrome, the top of play panel may be hidden. The url panel of browser covers it.

You may need a lib 'vh-check'

[Feature Request] 添加播放器屏幕方向旋转锁定功能

您好，

在使用安卓手机观看视频时，我发现页面会自动旋转，并且不遵守手机自带的旋转设定。这导致观看体验受到影响。

建议在播放器中增加一个屏幕方向旋转锁定功能，以提升移动设备用户的观看体验。

谢谢！

希望能支持多账户

rt

Sync history via the cloud

[FR]多选操作支持

可以在文件夹和播放列表页面支持多选操作吗？比如文件夹里面批量选择添加到播放列表，播放列表页面能够批量删除。

可以支持投屏么？

现在看起来不支持视频投屏的样子；

Bug: Language Setting Display Issue

Bug Report: Language Setting Display Issue

Website: https://nini22p.github.io/omp/

Description:

The website content displays correctly when using the "English" language setting. However, when switching to the "English (United Kingdom)" language setting, the display breaks.

Screenshots:

English (United Kingdom) - Incorrect Display:

Steps to Reproduce:

1. Go to https://nini22p.github.io/omp/
2. Switch the language setting to "English (United Kingdom)".

Expected Behavior:

The website content should display correctly, similar to the "English" language setting.

Actual Behavior:

The website display breaks as shown in the screenshot above.

Additional Information:

• Browser: Chrome Version 126.0.6478.57 (Official Build) (64-bit)
• Operating System: Windows 10 Version 22H2 (OS Build 19045.4529)

This issue might be caused by incorrect language code handling or missing language-specific resources for "English (United Kingdom)".