FlipOff 是纯原生 HTML/CSS/JS 实现的机械翻页牌(split-flap)显示器模拟器,模拟机场翻页板,含翻页动画与咔嗒音效,无框架、无 npm、无构建步骤。
用途与安装:克隆仓库后可直接打开 index.html,或本地服务运行: git clone https://github.com/magnum6actual/flipoff.git cd flipoff python3 -m http.server 8080 然后访问 http://localhost:8080。也可用 npx serve . 或 Chromium kiosk 模式部署到电视/信息亭:chromium-browser --kiosk --app=http://localhost:8080。
主要能力:js/constants.js 集中配置网格(GRID_COLS、GRID_ROWS)、乱码时长(SCRAMBLE_DURATION)、错峰延迟(STAGGER_DELAY)、自动轮播间隔(AUTO_ROTATE_INTERVAL)、乱码与强调色(SCRAMBLE_COLORS、ACCENT_COLORS)及消息列表(MESSAGES)。消息会自动换行,短消息以空格补齐,超长则截断,长度应不超过 GRID_COLS × GRID_ROWS。
用法与 API:Board 类支持 setMessage、next、previous;MessageRotator 支持 start、stop、next、previous;SoundEngine 支持 init(须在用户点击后调用)、play、mute、unmute、toggle;KeyboardController 支持 attach、detach。快捷键包括 Enter/Space 下一条、左右方向键切换、F 全屏、M 静音、Escape 退出全屏。可通过 iframe 或内联模块嵌入其他页面,也可用 React/Vue 封装,或结合 fetch 显示实时数据。
限制:浏览器阻止音频自动播放,需用户点击一次启用 Web Audio;本地部署需通过 HTTP 服务而非 file://,否则模块加载出现 CORS 错误;音频文件 flapAudio.js 需正确提供并配置 CSP 的 media-src;小屏溢出可减小网格或设 overflow: hidden;全屏需页面处于焦点。资料未提供收费、价格或平台信息。