Concentrate Mode
Play ambient videos right inside VS Code — side by side with your code. Perfect for focus sessions, lo-fi backgrounds, or calming visuals while you work.
Getting Started
Add Your Videos
Open the Command Palette with Ctrl+Shift+P (Mac: Cmd+Shift+P) and run Concentrate Mode: Add Video. A file picker will open — select one or more .mp4 files from your computer. The extension copies them into its internal storage automatically.
You can repeat this anytime to add more videos to your collection.
Alternatively, you can set a custom video folder in the settings so the extension picks up all .mp4 files from that directory without importing them individually.
Play a Video
Press Ctrl+Alt+H (Mac: Cmd+Alt+H) or open the Command Palette and run Concentrate Mode: Video öffnen. A video will start playing in a new tab next to your current editor. Your code stays visible — the video opens beside it, not on top of it.
Commands
All commands are accessible via Ctrl+Shift+P (Mac: Cmd+Shift+P):
| Command |
Description |
| Concentrate Mode: Video öffnen |
Play a video next to your editor |
| Concentrate Mode: Add Video |
Import .mp4 files into the extension |
| Concentrate Mode: Settings |
Open the settings panel |
| Concentrate Mode: Open Video Folder |
Open the current video folder in your file explorer |
Settings
Open the Command Palette and run Concentrate Mode: Settings to access the settings panel. The following options are available:
Auto Selection Mode — Enabled by default. When active, a random video from your collection is picked automatically each time you trigger playback. Turn this off to get a list of all available videos and choose one manually.
Video Folder Path — By default the extension looks for videos in its internal media/ directory. Use the Browse button to point it to any folder on your machine. All .mp4 files inside that folder will then be available for playback. This is useful if you already have a collection of videos stored somewhere and don't want to import them one by one.
Recommended Video Sources
Looking for free-to-use ambient videos? These sites offer videos under permissive licenses that allow personal and commercial use without attribution:
Download .mp4 files from any of these and import them with the Add Video command or place them in your custom video folder.
Requirements
- VS Code 1.85.0 or later
.mp4 video files on your local machine
Known Limitations
- Only
.mp4 files are supported.
- Playback starts muted due to browser engine restrictions on autoplay. Unmute manually using the player controls.
- Settings are stored in memory and reset when VS Code restarts. Custom folder paths and preferences need to be set again after a restart.
- Very large video files may increase extension size if bundled with the extension package.
