网页播放器

格式

• 格式：浏览器能直接播放的由浏览器播放，其他的在页面中解码：MKV、MP4、AVI、TS、M2TS、FLV、MPG、VOB、OGG；H.264、HEVC、AV1、VP9、MPEG-2、MPEG-4；AC-3、E-AC-3、DTS、TrueHD、FLAC、Opus 等声音。两种方式能用的功能不同，见两种播放方式。
• 蓝光 ISO：播放正片，包括它的音轨、字幕和章节，由服务器读取光盘。蓝光文件夹在文件管理中打开 index.bdmv。没有光碟菜单。
• HDR：浏览器直接播放时，按浏览器和显示器的能力显示 HDR；在页面中解码时可能转为 SDR 显示。
• 杜比视界：Safari 中 Profile 5 和 8 以杜比视界播放，这时 TrueHD 和 DTS 声音改用同一语言的 AC-3、E-AC-3 或 AAC 音轨。Chrome 和 Edge 中 Profile 5 用 WebGPU 转换为颜色正确的 SDR 画面，其他的显示 HDR10 基础层。
• 声音：杜比全景声和 DTS:X 播放其基础声道；蓝光中的 DTS-HD MA 播放其核心部分。在页面中解码的声音以立体声输出。
• 没有记录画面显示时间的 MP4 也能平稳播放，不会抖动。
• 不能播放的（DVD、VC-1、RMVB、WMV 等）显示「复制链接」和「下载」，可以用 VLC、IINA、PotPlayer 或 Infuse 播放，也可以用 CloudDrive2 App 播放。

字幕和控制

• 字幕：SRT、WebVTT 和 PGS，外挂的和文件内的都可以显示。外挂的 ASS/SSA 完整显示特效，文件内的 ASS 以简化的方式显示。视频旁的 .srt、.vtt、.ass、.ssa、.sup 自动列出，不是 UTF-8 的文字字幕按 GB18030 读取。一次显示一条字幕。
• 布局：控制栏和面板与 App 的播放器相同，手机浏览器中是手机布局。有章节列表、进度条上的章节标记、剧集列表，以及视频信息和影片信息面板。
• 画面：浏览器直接播放时，可以选择适应、填充或拉伸，有「裁切填满」按钮和画中画，Safari 中还可以 AirPlay；在页面中解码时没有这些。
• 倍速：浏览器播放时 0.25 至 3 倍，在页面中解码时最高 2 倍。
• 全屏：双击画面或按 F。手机上全屏时转为横屏；iPhone 上在页面中解码的视频也能全屏。
• 按键：空格或 K 暂停，← → 快退快进 5 秒（按住 Shift 为 10 秒），↑ ↓ 音量，M 静音，F 全屏，N 和 P 下一个和上一个，A 和 C 切换音轨和字幕，Esc 退出。手机上双击画面左右两侧快退快进 10 秒。
• 进度条末尾的时间可以在总时长和剩余时间之间切换。用 HTTPS 打开的网页，播放时屏幕保持常亮。

电脑和手机

• 软件解码：用 http 局域网地址打开，或显卡不支持这种编码时，由处理器解码。近几年的电脑一般能流畅播放 1080p H.264；4K HEVC 和 AV1 优先使用硬件解码，软件解码能否流畅取决于处理器、视频码率和播放方式。
• 硬件解码 HEVC（含 10-bit）：Intel 第 7 代酷睿及以后的核显、NVIDIA GTX 10 系列及以后、AMD RX 400 系列及以后，2017 年及以后的 Mac 和所有 Apple 芯片的 Mac。
• 硬件解码 AV1：Intel 第 11 代酷睿及以后的核显、NVIDIA RTX 30 系列及以后、AMD 的多数 RX 6000 系列及以后，Apple M3 及以后的芯片。
• Chrome 和 Edge 中的杜比视界 Profile 5：使用网页软件解码和 WebGPU，将画面转换为颜色正确的 SDR。1.2.0 改进了 Windows 上的 10-bit HEVC 解码和多线程性能，已在实机验证 Profile 5 流畅播放及正确颜色；这不代表所有设备都能流畅播放 4K。需要 WebGPU、多线程支持和安全上下文，性能不足时仍可能退回颜色不正确的兼容播放并显示提示。
• 手机和平板：依靠硬件解码。iPhone 和 iPad 需要 iOS 或 iPadOS 16.4 及以后。

网页播放器做不到的

• 浏览器不能把杜比、DTS、TrueHD 的源码输出到功放，也不能独占声卡或把 DSD 原样送到解码器；在页面中解码的声音以立体声输出。
• 浏览器不能切换电视或显示器的帧率和 HDR 模式。
• 没有蓝光和 DVD 的光碟菜单，DVD 和 VC-1 编码的视频不能播放（可以「复制链接」用其他播放器打开）。
• 需要这些的，请用 CloudDrive2 App，连接同一个媒体服务器即可。

HTTP 页面缺少什么

浏览器能直接播放的文件（例如 MP4 中的 H.264）由浏览器自己播放，不受影响。受影响的是在页面中解码的视频：浏览器不能直接播放的格式和声音，例如带 TrueHD 或 DTS 声音的 MKV、蓝光 ISO，以及 Chrome 和 Edge 中的杜比视界。软件解码一般能流畅播放 1080p H.264；4K HEVC 跟不上时，播放器会提示，并显示下面的设置方法。

普通远程 HTTP 页面不能通过 WebCodecs 使用硬件解码时，播放器会尝试把 4K 和 HDR 视频的画面交给浏览器自己的播放器；它仍可能使用系统的硬件解码，但取决于浏览器、设备和编码，不能保证流畅播放。这个播放器只配合它自己能播的声音：AAC，Safari 和 Edge 中还有 AC-3 和 E-AC-3。声音是 DTS 或 TrueHD 的（例如蓝光 ISO），会改播同一语言的这类音轨，并显示提示；没有这样的音轨时，画面仍在页面中软件解码，4K 可能跳帧。Safari 在支持的设备上还能直接播放杜比视界，但 HDR、杜比视界和高码率视频的效果仍取决于设备与网络。HTTPS 或本机安全地址是使用网页解码路径的推荐方式。

三种办法

• 用 HTTPS 打开：在网页管理界面的「设置 → Web 服务器」中启用 HTTPS（默认端口 19799）并配置证书。证书要与地址栏中的域名一致，浏览器才不会警告；有自己的域名的，可以使用 Let's Encrypt 等免费证书，或用 Nginx、Caddy、NAS 自带的反向代理提供 HTTPS。核心服务生成的自签名证书只对应 localhost 和 127.0.0.1，用局域网地址打开时浏览器会提示证书不受信任。从外网访问时请一定使用 HTTPS。
• 在服务器本机上打开：在运行核心服务的电脑上用 http://localhost:19798 打开，本身就是安全地址。只适用于这一台电脑。
• 把局域网地址设为安全地址：在家庭网络中最简单。Chrome 和 Edge 都有这个设置，见下面的步骤；Android 手机、平板和电视盒子上的 Chrome 也有，步骤相同。

Safari（Mac、iPhone、iPad）没有这个设置；它的自带播放器能播放哪些格式，取决于系统和设备，见「HTTP 页面缺少什么」。需要网页解码或遇到跳帧提示时，请用 HTTPS 打开。iPhone 和 iPad 上的 Chrome 和 Edge 也没有这个设置，请使用 HTTPS；Safari 可作为原生播放的另一选择。Firefox 中请用 HTTPS 打开，或用 CloudDrive2 App 播放。

设置后仍然是软件解码

• 地址要完全一致：http 和 https、IP 地址和主机名、端口号，都要与地址栏中的一样。服务器的 IP 地址变了（例如路由器重新分配），要重新添加；可以在路由器上为服务器固定 IP 地址。
• 打开图形加速：Chrome 在「设置 → 系统」中打开「使用图形加速功能（如果可用）」；Edge 在「设置 → 系统和性能」中打开图形加速。改后要重启浏览器。
• 看浏览器的 GPU 页面：打开 chrome://gpu 或 edge://gpu，「Video Decode」一行应为 Hardware accelerated。
• HEVC：Chrome 107 起在 Windows、macOS 和 Android 上用显卡解码 HEVC；Windows 上的 Edge 还需要安装微软商店中的「HEVC 视频扩展」。
• 显卡不支持这种编码：例如较老的显卡不支持 HEVC 10-bit 或 AV1，这时浏览器仍用软件解码，请用 CloudDrive2 App 播放。
• 公司或学校管理的电脑：管理员可能禁用了 flags，可以请管理员用下面的策略设置。

用策略设置（多台电脑）

Chrome 和 Edge 都有策略 OverrideSecurityRestrictionsOnInsecureOrigin，作用与上面的设置相同，适合一次设置多台电脑。设置了策略后，flags 中的这一项不再起作用。Windows 上用管理员身份打开命令提示符：

reg add "HKLM\SOFTWARE\Policies\Google\Chrome\OverrideSecurityRestrictionsOnInsecureOrigin" /v 1 /t REG_SZ /d "http://192.168.1.20:19798" /f
reg add "HKLM\SOFTWARE\Policies\Microsoft\Edge\OverrideSecurityRestrictionsOnInsecureOrigin" /v 1 /t REG_SZ /d "http://192.168.1.20:19798" /f

第二个地址用名称 2，依此类推。Linux 上在 /etc/opt/chrome/policies/managed/（Edge 为 /etc/opt/edge/policies/managed/）中新建一个 JSON 文件：

{ "OverrideSecurityRestrictionsOnInsecureOrigin": ["http://192.168.1.20:19798"] }

重启浏览器后，在 chrome://policy 或 edge://policy 中可以看到这条策略。macOS 上的策略需要用配置描述文件安装，个人电脑用上面的 flags 即可。