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

[Livid]

用到了 CSS Aspect Ratio ，所以会需要比较新的浏览器。

如果显示器支持 HDR （比如 MBP ），那么还可以看到 HDR 的效果。

[Livid]

回复里也可以

[CSGO]

Arc 浏览器和 Chrome 看不出 HDR 效果，是 HDR 效果不明显？

[YongXMan]

这效果真亮！

[inhzus]

HDR 效果都没问题。但是看完之后明显感觉浏览器变卡了（
Arc Version 1.42.1, M1 Pro 14.4.1

[Livid]

@CSGO 第一个视频有 HDR 。

Chrome 也是支持的。试试 M1 MBP 或者最近几代 iPhone 。

[icbmicbm]

目测正常, Google Chrome 124.0.6367.158 (Official Build) (arm64), macOS 14.4.1

[efcndi]

显示正常。需要用什么语法插入？

[Livid]

@efcndi 在 *.eth.sucks 域名上的 .mp4 结尾的文件。就像插入图片一样，只需要一个网址。

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

https://olivida.eth.sucks/feature-update-1/

[zx9481]

[yxd19]

hdr 没问题，屏幕亮度关暗一点会比较明显

[zx9481]

@zx9481 直接粘贴链接就行了吗 "https://olivida.eth.sucks/feature-update-1/By%20the%20sea.mp4"

[molvqingtai]

如果需要兼容旧的浏览器，可以使用之前的老方法，使用 padding-bottom 撑开高度

[RedBeanIce]

点击全屏后很卡，小窗口不卡。

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

版本 Windows 11 专业版
版本 23H2
安装日期 ‎2023/‎11/‎15
操作系统版本 22631.3593
体验 Windows Feature Experience Pack 1000.22700.1003.0

[Jungzl]

https://caniuse.com/?search=aspect-ratio

[smallboy19991231]

@Livid 好經典,不過視頻會一直循環播放下去

[Livid]

最近几代的 iPhone 可以拍出这样的非常惊艳的效果，只是一些分享平台在重新转码的时候不支持。

如果是用 QuickTime 或者 Compressor 压缩，或者 FFmpeg 调对参数，那么 HDR 信息就可以得到保留。

[YongXMan]

m1 macbook pro + chrome ，小窗口，页面滚动卡顿

[Livid]

如果你想获得一个这样在 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]

我安卓手机是 lcd 屏幕的，视频在窗口可视范围内，屏幕整体亮度被瞬间激发。滑倒下面又瞬间变暗，感觉挺新鲜的。

老款苹果手机一切正常，包括 Safari 和 chrome

[lswl66]

[video]( https://olivida.eth.sucks/feature-update-1/By%20the%20sea.mp4)

[lswl66]

[NoManPlay]

[Livid]

@NoManPlay 哈哈，你搞定了。赞！

[Livid]

@NoManPlay 所以这个方案其实就是一个 self-host 的 video 分享方式。eth.sucks 不会永久存储，只是暂时存储。如果原始分享者很久都没有再打开 App ，那么内容会自然慢慢就消失了。

[NoManPlay]

@Livid #24 了解，看了一下 IPNS 有这个垃圾回收机制

[Lentin]

提个建议要不手动点击再开始播放？然后如果第二个视频开始了就把第一个暂停？不然一个帖子里面有很多视频同时播放……

[Satelli]

@inhzus
@YongXMan
苹果平台支持 EDR 的屏幕上激活 HDR 内容时会动态调整 headroom （即该区域逐渐变亮的过程）导致页面重绘吃满 CPU 。
https://issues.chromium.org/issues/329479347

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

Safari 的受此影响较小。Chrome 重绘中会直接把基础款 CPU （如 M3 ）打趴下，过程中甚至导致 Activity Monitor 刷新卡住/变慢。

[cst4you]

Pixel 8 Pro 自带的 Chrome 里, HDR 成功 播放

[Ericcccccccc]

好亮...

感觉和系统设置的亮度有点不匹配

[yyzh]

小米 Note 11T Pro Chrome 124.0.6367.179 滑到视频时网页背景变暗变黄(好像是黄了),然后划到其他内容时又突然变回正常.看着好奇怪

[daodao]

太亮了 眼睛快亮瞎了 哈

[mxalbert1996]

Chrome Android 支持 HDR 好像已经挺久的了，比较新的 Android 设备应该都可以显示 HDR 的，不过支持 SDR 和 HDR 混合显示（ SDR Dimming ）的设备就会少一些了。
@yyzh 说明小米没有（正确地）支持 SDR Dimming 。
https://source.android.com/docs/core/display/mixed-sdr-hdr

[InDom]

随便找了个之前 iPhone 拍的，试试效果。

https://k51qzi5uqu5dlpfq6vdzkj037b6eugircv71zt3g01wb3jhm59yzd8x9b6ewct.eth.sucks/B484453F-2A29-4388-B776-A1564822124A/IMG_9951.MOV

[geekdada]

希望可以不开启自动播放...

[GeruzoniAnsasu]

第一次看到 HDR 的强烈对比，白背景都快成灰的了



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


2019/2020 末代 intel mbp

[GeruzoniAnsasu]

@GeruzoniAnsasu 似乎还是跟加载有关

- safari 和 chrome 现象一致，只是 chrome 默认会自动播放
- 页面停留在不含视频内容的区域不会卡
- 在含有视频的区域内，不开始播放（ safari ）不会卡
- 在正在播放视频的区域内，持续来回滚动，保持视频内容不移出视口，一段时间后卡顿情况会改善
- 小窗和全屏现象基本一致，我这小窗还更卡一点
- 无 GPU

[ST0RMTR00PER]

希望可以不要自动播放，好像浏览器会变卡。

[Moonless]

@YongXMan #3 贼亮！

[zeusho871]

macos 最新谷歌版本可以看

[eroneko]

Edge 安卓版播放五秒直接闪退，Android 14

[dwu8555]

hdr 好难受

[Fish1024]

Version 125.0.6422.41 (Official Build) beta (arm64)
Apple M2 MacOS 14.4.1 (23E224)
LG 27GP95R
HDR 显示正常。

[sunny2580839896]

看着太别扭了，跟一个遮罩一样

[july1995]

mac pro 2013 垃圾桶，chrome 124 ，打开以后直接卡死好几秒。

[MYDB]

功能正常，能显示。这 hdr 让我想到了 tiktok ，大半夜突然间屏幕贼亮🤣

[sleepybear1113]

Windows IE 浏览器居然也能差不多较为正常显示


[FuzzySloth2]

@Livid 17 年的老 mbp 在 chrome 里都有 hdr

[ovtfkw]

亮瞎眼，我一直接感觉 hdr 这种技术只是炫技罢了，长时间眼睛根本只会不舒服感觉实用价值很低

[terence4444]

系统 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]

第一个视频会放几秒卡一下（看起来是在缓冲）
可是下面回复的几个视频我看都没有这个现象
iPhone 13 iOS17.5 最新版 chrome

[Greendays]

借楼问一下，这个论坛到底怎么在文章和回复中插入图片？我每次试图插入 imgur 的图片，最后都不显示。

[morty0]

m1pro 可以正常显示 hdr, 但是页面滚动卡顿

[edinina]

艾玛，好亮好漂亮

[xinz4l]

特别卡，一直转圈圈。视频加载不出来。w10 （ 19045.3570 ）+chrome （ 124.0.6367.203 ）

[xinz4l]

刚看了源文件中的视频加载，耗时 1 、2s 。楼主的视频现在刚加载完毕，耗时 2 、3 分钟

[Livid]

反馈收到，自动播放的属性已经去掉。

[RicardoY]

可以正常播放，也有 HDR 效果，但是整个页面非常卡
M2 MBP + Chrome 124.0.6367.203

[panpando]

手机端 Kiwi 滚动页面时 HDR 效果会闪烁，124.0.6327.4

[mynameisSimple]

mbp + chrome 滚动差点把进程卡崩溃

[Astron2M]

渐渐变亮，渐渐变卡=，=
M1 MBP + chrome 124.0.6367.156

[nuII]

机器 macbook pro m1 pro

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

正常显示，一开始还以为是整体变暗了，多刷几下发现是视频区域的 HDR 亮度激发太高了，让其他区域变暗了，刷到视频部分滑动会变卡。

[supuwoerc]

办公室的 m2 mbp ，家里的 m1 mbp 都没生效...
OS:13.4 (22F66)
Chrome 124.0.6367.203

[zhouweiluan]

公司没怎么开灯，一点开感觉太阳出来了

[zhangyq008]

页面滚动有点卡，视频播放没问题
浏览器 Arc 1.43.0 (50018)
电脑 MacBook Pro 14.4.1 (23E224) M3PRO

[a55455]

显示正常
版本 Windows 10 专业版
版本号 22H2
安装日期 ‎2024/‎5/‎6
操作系统内部版本 19045.2728
体验 Windows Feature Experience Pack 120.2212.4190.0

浏览器
Microsoft Edge
版本 124.0.2478.105 (正式版本) (64 位)

[HengJ]

首次打开视频组件加载异常，无法点击播放按钮
刷新后正常播放，播放时页面非常卡
MBA M2 + Chrome 110.0.5481.177

[shao]

iPhone 15 iOS 17.5 Safari HDR 完美。

[hzlzh]

亮眼，屏幕终于值回票价

[dvbs2000]

@Livid HDR 没问题，效果赞！
好的显卡不会卡

ps. https://www.v2ex.com/t/1042460 我这个主贴麻烦删了吧 多少有鼓励盗版嫌疑.

[furlxy]

我的 mac 屏幕会一直闪，Chrome 对 hdr 的处理还是有些问题

[AlphaTauriHonda]

笔记本和手机都能正常播放。笔记本没有 HDR ，手机上有 HDR 效果。
就是视频加载有点慢。