Skip to content
This page has been auto-translated and may contain errors.View in English

竖屏讲解 ​

讲解是为某一种画幅制作的,这个画幅在创建时就确定了:

画幅比例适用场景
横屏宽屏,16:9桌面和视频
竖屏竖屏,9:16手机和短视频
正方形1:1同时适配两种,当你不确定观看者的设备时

讲解一旦创建,画幅就固定了。生成的图片、信息图和动画都是按你选择的比例绘制的,所以完成的讲解无法从宽屏切换到竖屏。不过讲解中的文字会根据不同布局自动排版,这就是正方形讲解能在两种设备上都工作的原因。

后续问题或深入学习问题会保持来源讲解的画幅,而播放列表中的每一课都共享同一个画幅。

在 Scrimba 上选择画幅 ​

在 scrimba.com/explain 的编辑器中,隐私设置旁边有一个手机图标,点击它可以切换为手机优化。不勾选的话讲解就会以宽屏制作。勾选的话就会制作成竖屏视频,也就是短视频的尺寸。

这里不提供正方形选项,因为你就在你正在制作的设备上。通过 Chrome 扩展和 hn.watch 制作的讲解总是宽屏。

从连接的工具中选择画幅 ​

为 Claude Code、ChatGPT 和其他所有 MCP 客户端打开讲解的工具可以设置 mode:square、portrait 或 landscape。

如果不设置,讲解就是正方形。AI 助手无法知道你会在手机还是桌面上观看,所以安全的默认选择是两种设备上都能正常显示的比例。如果你明确指定,助手就会选择你要的那种:

给这个 PR 做一个竖屏讲解,我要在手机上看解释一下我们的缓存机制,做成宽屏视频用于团队会议

工具返回的协议中包含了打开时所用画幅的规则,比如竖屏讲解中从上到下的图表和较短的代码行。所以助手从第一张幻灯片就会按正确的比例来编写内容。

播放列表工具也支持同样的选项,并将其应用到每一课。

播放 ​

竖屏讲解在任何地方都以竖屏布局打开,横屏讲解则以宽屏打开。正方形讲解会根据设备自适应:竖屏手机上显示竖屏,桌面上显示宽屏。

播放器设置菜单中的竖屏视图可以覆盖这个行为。它只改变你在这个浏览器中的观看方式,不会改变讲解的制作方式。

导出和嵌入 ​

导出的竖屏讲解是竖屏视频,默认分辨率为 1080×1920。其他画幅都导出为宽屏,默认分辨率为 1920×1080。下载窗口还提供 720p 和 1440p 选项,以及一个方向设置,可以将任何讲解渲染为竖屏或宽屏。

竖屏讲解的嵌入代码尺寸为 450×800 而不是 800×450,嵌入的播放器也会以竖屏布局运行。