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