Show HN: Bento - 单个 HTML 文件中的完整 PowerPoint(编辑+查看+数据+协作)
Hacker News 摘要原标题:Show HN: Bento - An entire PowerPoint in one HTML file (edit+view+data+collab)
Bento Slides 是一款将整个演示文稿软件集成在单个 HTML 文件中的工具。这个文件既是幻灯片本身,也是播放器和编辑器。你可以随处打开它,它具备自我保存功能。
核心特性:单一文件
Bento 的设计理念是所有内容都封装在一个文件内。
• 内容存储:你的演示文稿以 JSON 格式存储在 HTML 的 script 标签块中。
• 播放与演示:内置了平滑过渡动画、图表功能和演讲者视图。
• 内置编辑器:只需按下 Esc 键,即可直接进入编辑模式。
• 自我保存:按下 Command+S 或 Ctrl+S 可以直接重写并保存当前的 HTML 文件。
• 无需安装与账号:只要有浏览器就能运行,无需安装软件或注册账号。
• 素材嵌入:图片和字体都作为数据嵌入在文件内部,方便携带。
• 源码透明:文档采用可读的 JSON 格式,用户可以随时查看源代码。
• 自动更新:启动时会检查签名清单,可以自动重写更新,该功能也可以手动关闭。
原生平滑过渡
Bento 支持形变动画。通过共享元素 ID,不同幻灯片之间的位置、大小、颜色甚至渐变效果都能实现平滑过渡。你可以通过后退和前进键反复观看这些动画。
稳定且持久
该软件没有冗余的移动部件,无需安装,不会损坏,也不会过期。它是百分之百属于用户的本地文件,不需要服务器支持。
实时数据图表
演示文稿中的图表是动态的,具有极强的交互性。
• 实时交互:将鼠标悬停在柱状图上可以查看实时提示信息。
• 缩放功能:在图表内滚动或捏合可以缩放数据视图。
• 形态变换:同一个图表元素可以在不同形态间转换,例如从柱状图变为饼图,再变为散点图。
• 隐藏状态:支持设置隐藏状态,常规翻页会跳过,只有通过点击特定按钮才能触发数据形态的切换。
结构化数据与表格
Bento 实现了数据与图表的实时联动。
• 在线编辑:直接修改演示文稿中的表格数据,关联的柱状图和增长曲线会实时更新。
• 视觉感受:数据变化伴随着动感,让观众更直观地感受到数据增长的势头。
动态线条与交互状态
• 路径编辑:内置画布路径编辑器,通过拖动锚点即可绘制并调整引导观众视线的线条。
• 多场景交互:一个页面可以包含多个场景(如网格布局、瀑布流布局或数据天际线布局)。每个场景都是普通的幻灯片,通过按钮链接即可实现场景切换。
聚焦与辅助功能
在演示时,将鼠标指向特定内容,屏幕其他部分会变暗,从而实现聚焦效果。这种效果在演示过程中即时生效。
写作体验
Bento 支持通过 Markdown 语法进行实时排版。
• 输入 双星号 获得加粗效果。
• 输入减号自动生成项目符号。
• 支持 行内代码 和删除线等快捷格式。
开始使用
该工具非常易于上手。访问网页并按下 Esc 键,当前的演示文稿就会变成你自己的编辑器副本,你可以直接开始创作、添加新幻灯片或调整页面大小与背景。