网页视频全屏自动切换显示器亮度 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
autoxbc
V2EX    分享创造

网页视频全屏自动切换显示器亮度

  •  
  •   autoxbc 2021-02-24 7:48:29 +08:00 1990 次点击
    这是一个创建于 1761 天前的主题,其中的信息可能已经有所发展或是发生改变。

    刷油管时显示器亮度是 50%,写码时为护眼调到 5%,手动切换麻烦,搞个全自动方案

    前端油猴检测全屏状态,调用后端服务器接口,服务器响应后,执行本地程序调整显示器亮度

    以下为伪代码,仅为展示大概流程:

    检测全屏状态

    const listener = { blur (){ if(document.fullscreenElement) screen.brightness = 'dark'; }, focus (){ if(document.fullscreenElement) screen.brightness = 'light'; }, fullscreenchange (){ screen.brightness = document.fullscreenElement ? 'light' : 'dark'; }, }; for( const type in listener ) { addEventListener( type , () => { if( document.querySelector('video') ) listener[type](); } ); } 

    screen 上还没有我们需要的 brightness 属性,那么定义一个

    let _brightness = 'dark'; Object.defineProperty( screen ,'brightness', { get: () => _brightness , set: mode => { _brightness = mode ; fetch(`https://server:1234/brightness/${ mode }`, { mode: 'cors', cache: 'no-cache', } ); }, } ); 

    前端完成了,来搭个简易服务器,这里用新玩具 Deno

    import { listenAndServeTLS } from './std/http/mod.ts'; const tlsOpts = { hostname: 'server', port: 1234 , certFile: './server.crt', keyFile: './server.key', }; listenAndServeTLS( tlsOpts , async req => { [ , req.router , req.source ] = req.url.split('/'); const serve = ({ brightness , })[req.router]; const res = ( await serve(req) ) || responseText('OK'); if(!res.headers) res.headers = new Headers(); res.headers.set('Access-Control-Allow-Origin','*'); req.respond(res); } ); async function brightness(req) { const callee = brightness ; callee.slope = callee.slope || 128 ; const lut = (...args) => { return Deno.run({ cmd: [ './lib/lut.exe', ...args ], stdin: 'piped', stdout: 'piped', }); }; ({ light: async () => { const { value } = await waitOutput( lut('g','a') ); const [ level ] = /\d+(?=\s+$)/.exec( decodeText(value) ); const slope = Math.round( level / 255 ); callee.slope = slope ; lut('c'); }, dark: () => lut('c', callee.slope ), })[req.source](); } 

    Windows 提供系统函数 SetDeviceGammaRamp,调用显卡支持的 Gamma 斜率映射,来调整系统亮度。这个系统亮度并不是显示器的真正亮度,我们称之为软亮度
    https://docs.microsoft.com/en-us/windows/win32/api/wingdi/nf-wingdi-setdevicegammaramp

    系统小工具大师 nirsoft 给出的示例代码
    https://www.nirsoft.net/vc/change_screen_brightness.html

    有人给出了 C 封装的命令行程序,也就是上面的 lut.exe
    https://gist.github.com/FloooD/e653137600967759cfea

    装个轻量级 Dev-Cpp,编译一下可以用

    平时手动调整系统软亮度可以用 nirsoft 出品的 Volumouse,这样自动和手动微调结合就完美了
    https://www.nirsoft.net/utils/volumouse.html

    另一个不能错过的好软件是直接调整显示器硬件亮度的 ClickMonitorDDC,细节设置非常丰富,也支持命令行参数。我不用这个是因为显示器在亮度为 0 时仍然太亮,这时软亮度才能胜任

    检验一下效果
    https://i.ibb.co/fxtGCWd/We-Chat-20210223205725.gif

    前端开发者可能想到,CSS 的 filter 属性有 brightness 方法,这个方法可以直接用到视频上。不过,请看这个 Gamma 映射曲线
    https://i.loli.net/2021/02/23/no8DwdYvrAkTuCI.png

    在最高亮度不变的情况下,增大 Gamma 斜率会损失亮部细节,导致削峰失真。所以 Gamma 斜率压缩是无损的,增大则不行。上面的 lut.exe 和 Volumouse 是同样道理,只用到了其中的无损区间

    1 条回复    2021-02-25 20:24:18 +08:00
    codefredzeng
        1
    codefredzeng  
       2021-02-25 20:24:18 +08:00
    有点意思
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1446 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 16:25 PVG 00:25 LAX 08:25 JFK 11:25
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86