V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Livid
V2EX  ›  V2EX

测试一个新功能 :) 如果显示不正常,请告诉我你用的浏览器及操作系统版本

  •  4
     
  •   Livid · 202 天前 · 8883 次点击
    这是一个创建于 202 天前的主题,其中的信息可能已经有所发展或是发生改变。
    用到了 CSS Aspect Ratio ,所以会需要比较新的浏览器。

    如果显示器支持 HDR (比如 MBP ),那么还可以看到 HDR 的效果。

    71 条回复    2024-05-22 06:44:29 +08:00
    Livid
        1
    Livid  
    MOD
    OP
       202 天前
    回复里也可以

    CSGO
        2
    CSGO  
       202 天前
    Arc 浏览器和 Chrome 看不出 HDR 效果,是 HDR 效果不明显?
    YongXMan
        3
    YongXMan  
       202 天前
    这效果真亮!
    inhzus
        4
    inhzus  
       202 天前
    HDR 效果都没问题。但是看完之后明显感觉浏览器变卡了(
    Arc Version 1.42.1, M1 Pro 14.4.1
    Livid
        5
    Livid  
    MOD
    OP
       202 天前
    @CSGO 第一个视频有 HDR 。

    Chrome 也是支持的。试试 M1 MBP 或者最近几代 iPhone 。
    icbmicbm
        6
    icbmicbm  
       202 天前
    目测正常, Google Chrome 124.0.6367.158 (Official Build) (arm64), macOS 14.4.1
    efcndi
        7
    efcndi  
       202 天前
    显示正常。需要用什么语法插入?
    Livid
        8
    Livid  
    MOD
    OP
       202 天前   ❤️ 1
    @efcndi 在 *.eth.sucks 域名上的 .mp4 结尾的文件。就像插入图片一样,只需要一个网址。

    比如第一个视频其实是这个文章里的资源:

    https://olivida.eth.sucks/feature-update-1/
    zx9481
        9
    zx9481  
       202 天前
    yxd19
        10
    yxd19  
       202 天前
    hdr 没问题,屏幕亮度关暗一点会比较明显
    zx9481
        11
    zx9481  
       202 天前
    molvqingtai
        12
    molvqingtai  
       202 天前
    如果需要兼容旧的浏览器,可以使用之前的老方法,使用 padding-bottom 撑开高度
    RedBeanIce
        13
    RedBeanIce  
       202 天前
    点击全屏后很卡,小窗口不卡。

    edge:版本 124.0.2478.97 (正式版本) (64 位)

    版本 Windows 11 专业版
    版本 23H2
    安装日期 ‎2023/‎11/‎15
    操作系统版本 22631.3593
    体验 Windows Feature Experience Pack 1000.22700.1003.0
    Jungzl
        14
    Jungzl  
       202 天前
    smallboy19991231
        15
    smallboy19991231  
       202 天前
    @Livid 好經典,不過視頻會一直循環播放下去
    Livid
        16
    Livid  
    MOD
    OP
       202 天前
    最近几代的 iPhone 可以拍出这样的非常惊艳的效果,只是一些分享平台在重新转码的时候不支持。

    如果是用 QuickTime 或者 Compressor 压缩,或者 FFmpeg 调对参数,那么 HDR 信息就可以得到保留。
    YongXMan
        17
    YongXMan  
       202 天前
    m1 macbook pro + chrome ,小窗口,页面滚动卡顿
    Livid
        18
    Livid  
    MOD
    OP
       202 天前   ❤️ 1
    如果你想获得一个这样在 eth.sucks 上的可以分享的视频地址,那么下载 Insider 版本的 Planet ,然后创建文章的时候,把视频拖进去就可以。然后 Planet 可以生成一个可以分享的 IPNS + eth.sucks 的地址。

    https://github.com/Planetable/Planet/releases/tag/insider-20240503-2



    后续如果有使用上的疑惑,可以进这个 Discord 上的 #planet 频道讨论:

    https://discord.gg/55wYRnb7uK

    或者 V2EX 上的 /go/planet 节点。
    tool2dx
        19
    tool2dx  
       202 天前
    我安卓手机是 lcd 屏幕的,视频在窗口可视范围内,屏幕整体亮度被瞬间激发。滑倒下面又瞬间变暗,感觉挺新鲜的。

    老款苹果手机一切正常,包括 Safari 和 chrome
    lswl66
        21
    lswl66  
       202 天前
    NoManPlay
        22
    NoManPlay  
       202 天前
    Livid
        23
    Livid  
    MOD
    OP
       202 天前   ❤️ 1
    @NoManPlay 哈哈,你搞定了。赞!
    Livid
        24
    Livid  
    MOD
    OP
       202 天前
    @NoManPlay 所以这个方案其实就是一个 self-host 的 video 分享方式。eth.sucks 不会永久存储,只是暂时存储。如果原始分享者很久都没有再打开 App ,那么内容会自然慢慢就消失了。
    NoManPlay
        25
    NoManPlay  
       202 天前
    @Livid #24 了解,看了一下 IPNS 有这个垃圾回收机制
    Lentin
        26
    Lentin  
       202 天前   ❤️ 2
    提个建议要不手动点击再开始播放?然后如果第二个视频开始了就把第一个暂停?不然一个帖子里面有很多视频同时播放……
    Satelli
        27
    Satelli  
       202 天前   ❤️ 5
    @inhzus
    @YongXMan
    苹果平台支持 EDR 的屏幕上激活 HDR 内容时会动态调整 headroom (即该区域逐渐变亮的过程)导致页面重绘吃满 CPU 。
    https://issues.chromium.org/issues/329479347

    典型触发时机就是网页中 HDR 内容刚开始移入时或刚好完全移出后。
    该问题仅影响苹果自己的能显示 HDR 内容的屏幕,不影响外接的有独立 HDR 开关的屏幕。

    Safari 的受此影响较小。Chrome 重绘中会直接把基础款 CPU (如 M3 )打趴下,过程中甚至导致 Activity Monitor 刷新卡住/变慢。
    cst4you
        28
    cst4you  
       202 天前
    Pixel 8 Pro 自带的 Chrome 里, HDR 成功 播放
    Ericcccccccc
        29
    Ericcccccccc  
       202 天前
    好亮...

    感觉和系统设置的亮度有点不匹配
    yyzh
        30
    yyzh  
       202 天前 via Android
    小米 Note 11T Pro Chrome 124.0.6367.179 滑到视频时网页背景变暗变黄(好像是黄了),然后划到其他内容时又突然变回正常.看着好奇怪
    daodao
        31
    daodao  
       202 天前
    太亮了 眼睛快亮瞎了 哈
    mxalbert1996
        32
    mxalbert1996  
       202 天前 via Android
    Chrome Android 支持 HDR 好像已经挺久的了,比较新的 Android 设备应该都可以显示 HDR 的,不过支持 SDR 和 HDR 混合显示( SDR Dimming )的设备就会少一些了。
    @yyzh 说明小米没有(正确地)支持 SDR Dimming 。
    https://source.android.com/docs/core/display/mixed-sdr-hdr
    geekdada
        34
    geekdada  
       202 天前 via iPhone
    希望可以不开启自动播放...
    GeruzoniAnsasu
        35
    GeruzoniAnsasu  
       202 天前
    第一次看到 HDR 的强烈对比,白背景都快成灰的了



    但是有个很严重的问题,不知道是自动播放还是 HDR 还是加载逻辑的原因,我在这个页面上滚过带有视频的内容时会严重卡顿,不渲染视频的区域就很流畅


    2019/2020 末代 intel mbp
    GeruzoniAnsasu
        36
    GeruzoniAnsasu  
       202 天前
    @GeruzoniAnsasu 似乎还是跟加载有关

    - safari 和 chrome 现象一致,只是 chrome 默认会自动播放
    - 页面停留在不含视频内容的区域不会卡
    - 在含有视频的区域内,不开始播放( safari )不会卡
    - 在正在播放视频的区域内,持续来回滚动,保持视频内容不移出视口,一段时间后卡顿情况会改善
    - 小窗和全屏现象基本一致,我这小窗还更卡一点
    - 无 GPU
    ST0RMTR00PER
        37
    ST0RMTR00PER  
       202 天前
    希望可以不要自动播放,好像浏览器会变卡。
    Moonless
        38
    Moonless  
       202 天前
    @YongXMan #3 贼亮!
    zeusho871
        39
    zeusho871  
       202 天前
    macos 最新谷歌版本可以看
    eroneko
        40
    eroneko  
       202 天前
    Edge 安卓版播放五秒直接闪退,Android 14
    dwu8555
        41
    dwu8555  
       202 天前
    hdr 好难受
    Fish1024
        42
    Fish1024  
       202 天前
    Version 125.0.6422.41 (Official Build) beta (arm64)
    Apple M2 MacOS 14.4.1 (23E224)
    LG 27GP95R
    HDR 显示正常。
    sunny2580839896
        43
    sunny2580839896  
       202 天前 via Android
    看着太别扭了,跟一个遮罩一样
    july1995
        44
    july1995  
       202 天前
    mac pro 2013 垃圾桶,chrome 124 ,打开以后直接卡死好几秒。
    MYDB
        45
    MYDB  
       202 天前 via iPhone
    功能正常,能显示。这 hdr 让我想到了 tiktok ,大半夜突然间屏幕贼亮🤣
    sleepybear1113
        46
    sleepybear1113  
       202 天前
    Windows IE 浏览器居然也能差不多较为正常显示

    ![img]( )
    FuzzySloth2
        47
    FuzzySloth2  
       202 天前
    @Livid 17 年的老 mbp 在 chrome 里都有 hdr
    ovtfkw
        48
    ovtfkw  
       202 天前 via iPhone
    亮瞎眼,我一直接感觉 hdr 这种技术只是炫技罢了,长时间眼睛根本只会不舒服感觉实用价值很低
    terence4444
        49
    terence4444  
       202 天前
    系统 Linux Mint 21.3 CinnamonU3421W
    显示器 DELL U3421WE

    Firefox flatpak 126.0 (64-bit): 视频无法正常显示 (No video with supported format and MIME type found.)

    Version 124.0.6367.207 (Official Build, ungoogled-chromium) (64-bit) 可以正常显示,HDR 似乎正常
    dejavuwind
        50
    dejavuwind  
       202 天前 via iPhone
    第一个视频会放几秒卡一下(看起来是在缓冲)
    可是下面回复的几个视频我看都没有这个现象
    iPhone 13 iOS17.5 最新版 chrome
    Greendays
        51
    Greendays  
       202 天前
    借楼问一下,这个论坛到底怎么在文章和回复中插入图片?我每次试图插入 imgur 的图片,最后都不显示。
    morty0
        52
    morty0  
       202 天前
    m1pro 可以正常显示 hdr, 但是页面滚动卡顿
    edinina
        53
    edinina  
       202 天前
    艾玛,好亮好漂亮
    xinz4l
        54
    xinz4l  
       202 天前
    特别卡,一直转圈圈。视频加载不出来。w10 ( 19045.3570 )+chrome ( 124.0.6367.203 )
    xinz4l
        55
    xinz4l  
       202 天前
    刚看了源文件中的视频加载,耗时 1 、2s 。楼主的视频现在刚加载完毕,耗时 2 、3 分钟
    Livid
        56
    Livid  
    MOD
    OP
       202 天前
    反馈收到,自动播放的属性已经去掉。
    RicardoY
        57
    RicardoY  
       202 天前
    可以正常播放,也有 HDR 效果,但是整个页面非常卡
    M2 MBP + Chrome 124.0.6367.203
    panpando
        58
    panpando  
       202 天前
    手机端 Kiwi 滚动页面时 HDR 效果会闪烁,124.0.6327.4
    mynameisSimple
        59
    mynameisSimple  
       202 天前
    mbp + chrome 滚动差点把进程卡崩溃
    Astron2M
        60
    Astron2M  
       201 天前
    渐渐变亮,渐渐变卡=,=
    M1 MBP + chrome 124.0.6367.156
    nuII
        61
    nuII  
       201 天前
    机器 macbook pro m1 pro

    OS: macOS 13.6.4
    浏览器: Arc Version 1.42.1 (49918) , Chromium Engine Version 124.0.6367.207

    正常显示,一开始还以为是整体变暗了,多刷几下发现是视频区域的 HDR 亮度激发太高了,让其他区域变暗了,刷到视频部分滑动会变卡。
    supuwoerc
        62
    supuwoerc  
       201 天前
    办公室的 m2 mbp ,家里的 m1 mbp 都没生效...
    OS:13.4 (22F66)
    Chrome 124.0.6367.203
    zhouweiluan
        63
    zhouweiluan  
       201 天前
    公司没怎么开灯,一点开感觉太阳出来了
    zhangyq008
        64
    zhangyq008  
       201 天前
    页面滚动有点卡,视频播放没问题
    浏览器 Arc 1.43.0 (50018)
    电脑 MacBook Pro 14.4.1 (23E224) M3PRO
    a55455
        65
    a55455  
       201 天前
    显示正常
    版本 Windows 10 专业版
    版本号 22H2
    安装日期 ‎2024/‎5/‎6
    操作系统内部版本 19045.2728
    体验 Windows Feature Experience Pack 120.2212.4190.0

    浏览器
    Microsoft Edge
    版本 124.0.2478.105 (正式版本) (64 位)
    HengJ
        66
    HengJ  
       201 天前
    首次打开视频组件加载异常,无法点击播放按钮
    刷新后正常播放,播放时页面非常卡
    MBA M2 + Chrome 110.0.5481.177
    shao
        67
    shao  
       201 天前 via iPhone
    iPhone 15 iOS 17.5 Safari HDR 完美。
    hzlzh
        68
    hzlzh  
       198 天前
    亮眼,屏幕终于值回票价
    dvbs2000
        69
    dvbs2000  
       198 天前
    @Livid HDR 没问题,效果赞!
    好的显卡不会卡

    ps. https://www.v2ex.com/t/1042460 我这个主贴麻烦删了吧 多少有鼓励盗版嫌疑.
    furlxy
        70
    furlxy  
       198 天前
    我的 mac 屏幕会一直闪,Chrome 对 hdr 的处理还是有些问题
    AlphaTauriHonda
        71
    AlphaTauriHonda  
       197 天前   ❤️ 1
    笔记本和手机都能正常播放。笔记本没有 HDR ,手机上有 HDR 效果。
    就是视频加载有点慢。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5443 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 06:56 · PVG 14:56 · LAX 22:56 · JFK 01:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.