NightScreenViewer 是一款旨在提升多显示器体验的工具。当指定的应用程序在主显示器上进入全屏模式时，NightScreenViewer 会自动调暗辅助屏幕。此工具旨在在游戏、观影或专注工作等任务期间，最大限度地减少干扰并减轻眼睛疲劳。
用户可以根据个人喜好自定义辅助屏幕上遮罩的透明度。NightScreenViewer 是为 Windows 平台开发的，使用 JavaScript和C# 编写，利用 Windows API 来检测全屏应用程序并高效管理屏幕遮罩。对于使用多显示器并寻求无缝、无干扰观看体验的用户来说，这是一个理想的项目。
NightScreenViewer is a utility designed to enhance the multi-monitor experience by automatically dimming secondary screens when a specific application is running in full-screen mode on the primary monitor. This tool aims to minimize distractions and reduce eye strain during tasks such as gaming, movie watching, or focused work sessions.
Users can customize the opacity of the darkening overlay on the secondary screens to suit their preferences. Built for the Windows platform using JavaScript and C#, NightScreenViewer leverages Windows APIs to detect full-screen applications and manage screen overlays efficiently. This project is ideal for users who utilize multiple monitors and seek a seamless and distraction-free viewing experience.
- 自动检测：自动检测指定应用程序何时在主显示器上进入全屏模式。
- 可调透明度：用户可以调整应用于辅助屏幕的暗遮罩的透明度，以确保舒适和可见性。
- 聚焦切换遮罩层级：在遮罩模式下，如果用户聚焦的软件界面处于遮罩下方，则会自动调整优先级；当用户的聚焦重新回到主屏幕时候，则将遮罩的层级调至最先。
- 手动模式：用户可以手动打开并关闭和调整暗遮罩。
- 沉浸模式：当用户处于沉浸模式的时候，系统会实时捕捉主屏幕上面的画面，并在进行一定的模糊处理之后取代主屏幕左右两边的显示屏上的遮罩，达到模拟环境光影的效果。同时前端不会允许用户更改不透明度，直到取消沉浸模式。
- Automatic Detection: Automatically detects when a specified application goes into full-screen mode on the primary monitor.
- Adjustable Opacity: Users can adjust the opacity of the dark overlay applied to secondary screens to ensure comfort and visibility according to their preferences.
- Automatic Switch Overlay Level: In overlay mode, if the user focuses on a software interface that is beneath the overlay, the priority will be automatically adjusted; when the user's focus returns to the primary screen, the overlay's level will be adjusted to the forefront.
- Best user experience: Always trying to do better.
- Mirror Mode：When the user is in immersion mode, the system will capture the screen on the primary monitor in real-time and replace the overlays on the displays on the left and right sides of the primary screen with a blurred version of the captured image. This creates a simulated ambient lighting effect. Additionally, the frontend will not allow the user to change the opacity until immersion mode is disabled.
- 前端 UIUX √
- 基础框架创建 √
- 实现了基础功能，用户可以手动开启和关闭遮罩模式 √
- 开启和关闭以及调整遮罩时的动画效果 √
- 后端代码规整 √
- 前端防抖处理，优化更改不透明度时向后端发送的请求频率 √
- 用户聚焦于其他窗口时，哪怕开启了遮罩也会将用户聚焦的窗体向上调，优化用户使用体验 √
- 后端可以检测当前聚焦的窗口是否位于主屏幕而更新遮罩的窗体是否位于最前端 √
- 实现了自动检测全屏的功能 √
- 全屏状态下自动启动黑屏模式 √
- 退出全屏或者聚焦的软件不是全屏的时候会退出黑屏模式 √
- 手动关闭或者开启黑屏模式会关闭自动模式防止逻辑冲突 √
- UI优化：按钮更新，滑动块不同颜色的区分 √
- 加入了镜像模式的前端组件 √
- UI优化：按钮重新设计，前端更新 √
-
阶段 1：设置和初步测试
- 设置项目存储库和基本项目结构。√ 7.25
- 实现检测全屏应用程序的核心功能。 √ 7.27
- 创建一个可以覆盖辅助屏幕的基本遮罩窗口。√ 7.26
- 实现系统托盘集成功能，以便轻松访问和调整。√ 7.25
-
阶段 2：功能增强
- 开发调整遮罩透明度的功能。√ 7.26
实现管理触发遮罩的应用程序列表的功能。(暂停开发，优先级不是很高，实际体验中感觉实用性不大，完全可以被自动模式所取代。) 7.29快捷键功能。(暂停开发，优先级不是很高，实际体验中感觉实用性不大，完全可以被自动模式所取代。) 7.29- 开发镜像模式。
-
阶段 3：GUI 开发
- 设计并实现一个图形用户界面，允许用户轻松配置应用程序设置。
-
阶段 4：测试和文档
- 准备用户文档和设置指南。
- FrontEnd UIUX √
- Frame √
- Implemented basic functionality, allowing users to manually enable and disable the overlay mode √
- Animation effects for enabling, disabling, and adjusting the overlay √
- Backend code organized √
- Frontend debounce processing to optimize the frequency of requests sent to the backend when changing opacity √
- When users focus on other windows, the focused window is brought to the front even if the overlay is enabled, improving user experience √
- The backend can detect if the currently focused window is on the primary screen and update whether the overlay window is at the forefront √
- Implemented automatic fullscreen detection √
- Automatically enable blackout mode when in fullscreen √
- Exit blackout mode when exiting fullscreen or when the focused software is not in fullscreen √
- Manually turning off or on blackout mode will disable automatic mode to prevent logical conflicts √
- UI optimization: button update, different color distinction for slider √
- Added frontend components for mirror mode √
- UI Optimization: Redesigned buttons, frontend update √
-
Phase 1: Setup and Initial Testing
- Set up the project repository and basic project structure. √ 7.25
- Implement core functionality to detect full-screen applications. √ 7.27
- Create a basic overlay window that can cover secondary screens. √ 7.26
- Implement system tray integration for easy access and adjustments. √ 7.25
-
Phase 2: Feature Enhancement
- Develop the feature to adjust the opacity of the overlay. √ 7.26
Implement the functionality to manage a list of applications that will trigger the overlay.(Development is on hold, it's not a very high priority, it feels less practical in real life experience, and it can be completely replaced by auto mode.) 7.29Hot-key function.(Development is on hold, it's not a very high priority, it feels less practical in real life experience, and it can be completely replaced by auto mode.) 7.29- Mirror Mode.
-
Phase 3: GUI Development
- Design and implement a graphical user interface that allows users to easily configure the application settings.
-
Phase 4: Testing and Documentation
- Prepare user documentation and setup guides.
有关如何安装和配置 NightScreenViewer 的说明将在第一个稳定版本发布时提供。
Instructions on how to install and configure NightScreenViewer will be provided with the first stable release.
- 可配置的触发调暗的应用程序列表。
- 为其他屏幕设置不同的透明度选项。
- 用户友好的 GUI，便于配置设置。
- 开启和关闭功能的快捷键。
- 状态变化时的动画效果。
- Configurable list of applications that trigger the dimming.
- Option to set different opacities for other screens.
- User-friendly GUI for easy configuration of settings.
- Hot-Key to turn on and turn off the feature.
- Animation during the status change.
如需支持、功能请求或任何查询，请在 GitHub 存储库的问题跟踪器中打开一个问题，或者私聊找我。
For support, feature requests, or any queries, please open an issue in the GitHub repository issue tracker.