这是一个创建于 224 天前的主题，其中的信息可能已经有所发展或是发生改变。
用到了 CSS Aspect Ratio ，所以会需要比较新的浏览器。
如果显示器支持 HDR （比如 MBP ），那么还可以看到 HDR 的效果。
如果显示器支持 HDR （比如 MBP ），那么还可以看到 HDR 的效果。
71 条回复 • 2024-05-22 06:44:29 +08:00
 |
1
Livid MOD OP 回复里也可以
|
 |
2
CSGO 224 天前
Arc 浏览器和 Chrome 看不出 HDR 效果，是 HDR 效果不明显？
|
 |
3
YongXMan 224 天前
这效果真亮！
|
 |
4
inhzus 224 天前
HDR 效果都没问题。但是看完之后明显感觉浏览器变卡了（
Arc Version 1.42.1, M1 Pro 14.4.1 |
 |
6
icbmicbm 224 天前
目测正常, Google Chrome 124.0.6367.158 (Official Build) (arm64), macOS 14.4.1
|
 |
7
efcndi 224 天前
显示正常。需要用什么语法插入？
|
|
8
Livid MOD OP  1
@efcndi 在 *.eth.sucks 域名上的 .mp4 结尾的文件。就像插入图片一样，只需要一个网址。
比如第一个视频其实是这个文章里的资源： https://olivida.eth.sucks/feature-update-1/ |
 |
9
zx9481 224 天前
|
 |
10
yxd19 224 天前
hdr 没问题，屏幕亮度关暗一点会比较明显
|
|
11
zx9481 224 天前
|
 |
12
molvqingtai 224 天前
如果需要兼容旧的浏览器，可以使用之前的老方法，使用 padding-bottom 撑开高度
|
 |
13
RedBeanIce 224 天前
点击全屏后很卡，小窗口不卡。
edge：版本 124.0.2478.97 (正式版本) (64 位) 版本 Windows 11 专业版 版本 23H2 安装日期 2023/11/15 操作系统版本 22631.3593 体验 Windows Feature Experience Pack 1000.22700.1003.0 |
 |
15
smallboy19991231 224 天前
@Livid 好經典,不過視頻會一直循環播放下去
|
|
16
Livid MOD OP 最近几代的 iPhone 可以拍出这样的非常惊艳的效果，只是一些分享平台在重新转码的时候不支持。
如果是用 QuickTime 或者 Compressor 压缩，或者 FFmpeg 调对参数，那么 HDR 信息就可以得到保留。 |
|
17
YongXMan 224 天前
m1 macbook pro + chrome ，小窗口，页面滚动卡顿
|
|
18
Livid MOD OP 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 节点。 |
 |
19
tool2dx 224 天前
我安卓手机是 lcd 屏幕的，视频在窗口可视范围内，屏幕整体亮度被瞬间激发。滑倒下面又瞬间变暗，感觉挺新鲜的。
老款苹果手机一切正常，包括 Safari 和 chrome |
 |
20
lswl66 224 天前
|
|
21
lswl66 224 天前
|
 |
22
NoManPlay 224 天前
|
|
24
Livid MOD OP |
 |
26
Lentin 224 天前 2
提个建议要不手动点击再开始播放？然后如果第二个视频开始了就把第一个暂停？不然一个帖子里面有很多视频同时播放……
|
 |
27
Satelli 224 天前 5
@inhzus
@YongXMan 苹果平台支持 EDR 的屏幕上激活 HDR 内容时会动态调整 headroom （即该区域逐渐变亮的过程）导致页面重绘吃满 CPU 。 https://issues.chromium.org/issues/329479347 典型触发时机就是网页中 HDR 内容刚开始移入时或刚好完全移出后。 该问题仅影响苹果自己的能显示 HDR 内容的屏幕，不影响外接的有独立 HDR 开关的屏幕。 Safari 的受此影响较小。Chrome 重绘中会直接把基础款 CPU （如 M3 ）打趴下，过程中甚至导致 Activity Monitor 刷新卡住/变慢。 |
 |
28
cst4you 224 天前
Pixel 8 Pro 自带的 Chrome 里, HDR 成功 播放
|
 |
29
Ericcccccccc 224 天前
好亮...
感觉和系统设置的亮度有点不匹配 |
 |
30
yyzh 224 天前 via Android
小米 Note 11T Pro Chrome 124.0.6367.179 滑到视频时网页背景变暗变黄(好像是黄了),然后划到其他内容时又突然变回正常.看着好奇怪
|
 |
31
daodao 224 天前
太亮了 眼睛快亮瞎了 哈
|
 |
32
mxalbert1996 224 天前 via Android
Chrome Android 支持 HDR 好像已经挺久的了，比较新的 Android 设备应该都可以显示 HDR 的，不过支持 SDR 和 HDR 混合显示（ SDR Dimming ）的设备就会少一些了。
@yyzh 说明小米没有（正确地）支持 SDR Dimming 。 https://source.android.com/docs/core/display/mixed-sdr-hdr |
 |
33
InDom 224 天前
|
 |
34
geekdada 224 天前 via iPhone
希望可以不开启自动播放...
|
 |
35
GeruzoniAnsasu 224 天前
第一次看到 HDR 的强烈对比，白背景都快成灰的了
但是有个很严重的问题，不知道是自动播放还是 HDR 还是加载逻辑的原因，我在这个页面上滚过带有视频的内容时会严重卡顿，不渲染视频的区域就很流畅 2019/2020 末代 intel mbp |
|
36
GeruzoniAnsasu 224 天前
@GeruzoniAnsasu 似乎还是跟加载有关
- safari 和 chrome 现象一致，只是 chrome 默认会自动播放 - 页面停留在不含视频内容的区域不会卡 - 在含有视频的区域内，不开始播放（ safari ）不会卡 - 在正在播放视频的区域内，持续来回滚动，保持视频内容不移出视口，一段时间后卡顿情况会改善 - 小窗和全屏现象基本一致，我这小窗还更卡一点 - 无 GPU |
 |
37
ST0RMTR00PER 224 天前
希望可以不要自动播放，好像浏览器会变卡。
|
 |
39
zeusho871 224 天前
macos 最新谷歌版本可以看
|
 |
40
eroneko 224 天前
Edge 安卓版播放五秒直接闪退，Android 14
|
 |
41
dwu8555 224 天前
hdr 好难受
|
 |
42
Fish1024 224 天前
Version 125.0.6422.41 (Official Build) beta (arm64)
Apple M2 MacOS 14.4.1 (23E224) LG 27GP95R HDR 显示正常。 |
 |
43
sunny2580839896 224 天前 via Android
看着太别扭了，跟一个遮罩一样
|
 |
44
july1995 224 天前
mac pro 2013 垃圾桶，chrome 124 ，打开以后直接卡死好几秒。
|
 |
45
MYDB 224 天前 via iPhone
功能正常，能显示。这 hdr 让我想到了 tiktok ，大半夜突然间屏幕贼亮🤣
|
 |
46
sleepybear1113 224 天前
Windows IE 浏览器居然也能差不多较为正常显示
 ) |
 |
47
FuzzySloth2 224 天前
@Livid 17 年的老 mbp 在 chrome 里都有 hdr
|
 |
48
ovtfkw 224 天前 via iPhone
亮瞎眼，我一直接感觉 hdr 这种技术只是炫技罢了，长时间眼睛根本只会不舒服感觉实用价值很低
|
 |
49
terence4444 223 天前
系统 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 似乎正常 |
 |
50
dejavuwind 223 天前 via iPhone
第一个视频会放几秒卡一下（看起来是在缓冲）
可是下面回复的几个视频我看都没有这个现象 iPhone 13 iOS17.5 最新版 chrome |
 |
51
Greendays 223 天前
借楼问一下，这个论坛到底怎么在文章和回复中插入图片？我每次试图插入 imgur 的图片，最后都不显示。
|
 |
52
morty0 223 天前
m1pro 可以正常显示 hdr, 但是页面滚动卡顿
|
 |
53
edinina 223 天前
艾玛，好亮好漂亮
|
 |
54
xinz4l 223 天前
特别卡，一直转圈圈。视频加载不出来。w10 （ 19045.3570 ）+chrome （ 124.0.6367.203 ）
|
|
55
xinz4l 223 天前
刚看了源文件中的视频加载，耗时 1 、2s 。楼主的视频现在刚加载完毕，耗时 2 、3 分钟
|
|
56
Livid MOD OP 反馈收到，自动播放的属性已经去掉。
|
 |
57
RicardoY 223 天前
可以正常播放，也有 HDR 效果，但是整个页面非常卡
M2 MBP + Chrome 124.0.6367.203 |
 |
58
panpando 223 天前
手机端 Kiwi 滚动页面时 HDR 效果会闪烁，124.0.6327.4
|
 |
59
mynameisSimple 223 天前
mbp + chrome 滚动差点把进程卡崩溃
|
 |
60
Astron2M 223 天前
渐渐变亮，渐渐变卡=，=
M1 MBP + chrome 124.0.6367.156 |
 |
61
nuII 223 天前
机器 macbook pro m1 pro
OS: macOS 13.6.4 浏览器: Arc Version 1.42.1 (49918) , Chromium Engine Version 124.0.6367.207 正常显示，一开始还以为是整体变暗了，多刷几下发现是视频区域的 HDR 亮度激发太高了，让其他区域变暗了，刷到视频部分滑动会变卡。 |
 |
62
supuwoerc 223 天前
办公室的 m2 mbp ，家里的 m1 mbp 都没生效...
OS:13.4 (22F66) Chrome 124.0.6367.203 |
 |
63
zhouweiluan 223 天前
公司没怎么开灯，一点开感觉太阳出来了
 |
 |
64
zhangyq008 223 天前
页面滚动有点卡，视频播放没问题
浏览器 Arc 1.43.0 (50018) 电脑 MacBook Pro 14.4.1 (23E224) M3PRO |
 |
65
a55455 223 天前
显示正常
版本 Windows 10 专业版 版本号 22H2 安装日期 2024/5/6 操作系统内部版本 19045.2728 体验 Windows Feature Experience Pack 120.2212.4190.0 浏览器 Microsoft Edge 版本 124.0.2478.105 (正式版本) (64 位) |
 |
66
HengJ 223 天前
首次打开视频组件加载异常，无法点击播放按钮
刷新后正常播放，播放时页面非常卡 MBA M2 + Chrome 110.0.5481.177 |
 |
67
shao 222 天前 via iPhone
iPhone 15 iOS 17.5 Safari HDR 完美。
|
 |
68
hzlzh 220 天前
亮眼，屏幕终于值回票价
|
 |
69
dvbs2000 219 天前
|
 |
70
furlxy 219 天前
我的 mac 屏幕会一直闪，Chrome 对 hdr 的处理还是有些问题
|
 |
71
AlphaTauriHonda 218 天前 1
笔记本和手机都能正常播放。笔记本没有 HDR ，手机上有 HDR 效果。
就是视频加载有点慢。 |
Select Language