Module 02

YouTube UI · 播放模块

以“观看”为一个功能单元,输出标准播放页、沉浸全屏页与播放列表面板三个页面, 覆盖进度条、倍速、清晰度、字幕与互动面板。

01 · 标准播放页

菜单
搜索 搜索
创作 通知
4:42 / 12:04 字幕 设置 画中画 全屏
播放

用 WebGL 做一套真正的流体模拟:从平流到压力投影

图形实验室 · 24.8 万次观看 · 3 天前
订阅 分享分享 下载下载 保存保存
本期我们不用粒子轨道冒充流体,而是完整实现平流、散度、压力迭代与速度投影四个阶段, 并讨论半浮点纹理的兼容性问题。

02 · 沉浸全屏

收起 返回
自动连播 设置
播放 下一个 音量 06:11 / 12:04
1.0× 1080p 字幕 全屏

03 · 播放列表与互动

03:02 / 16:30

播放列表 · 12 个视频 全部保存
正在播放

第 3 集 · 瀑布流的列布局

前端食记 · 16:30

保存 加入列表

第 4 集 · 虚拟列表与滚动恢复

12:48

第 5 集 · 图片懒加载策略

09:12

第 6 集 · 状态管理与缓存

14:05

互动

点赞1.2 万 评论436 分享2,140
写下你的评论… 发送