我本人是后台开发，不懂前端，本项目全部使用 AI 完成，效果还可以。 U 盘里的视频都是一分钟的小文件，如果播放和导出还是比较麻烦的，用手机录车机又太糊了，所以搞了这个工具

在线体验： https://teslacam.dpc.cool/
Github： https://github.com/DeaglePC/TeslaCamPlayer

可以直接拖动 U 盘目录到页面上

🆚 为什么选择 TeslaCam 播放器？

相比于特斯拉车载系统自带的原始播放器，本项目提供了更强大的功能和更极致的体验：

✨ 功能特性

🎥 视频播放

• 六镜头同步播放: 以 6 宫格布局完美同步播放所有六个摄像头（前、后、左、右、左 B 柱、右 B 柱）的画面。
• B 柱摄像头支持: 完整支持特斯拉车内 B 柱摄像头，提供全方位覆盖。
• 交互式画中画: 点击任何画中画视图，即可将其切换为主视频。
• 播放速度控制: 以 0.5x 、1.0x 、1.5x 或 2.0x 的速度观看录像。
• 实时时钟: 播放时可看到录像对应的真实日期和时间。
• 键盘快捷键: 使用键盘控制播放（空格键 播放/暂停）。

✂️ 高级视频编辑

• 可视化片段选择: 在进度条上拖动蓝色手柄精确选择起始和结束位置。
• 多片段处理: 自动处理跨多个 1 分钟视频文件的片段。
• 确认按钮: 通过专用的确认按钮（✓）将片段选择和导出操作分离，提供视觉反馈。
• 灵活的导出选项:
  • 选择要导出的特定摄像头（前、后、左、右、左 B 柱、右 B 柱或任意组合）
  • 添加显示精确录制时间的实时时间戳水印
  • 将摄像头视图合成为网格视频（ 4 摄像头为 2x2 ，6 摄像头为 2x3 ）
  • 网格模式下增强文本可见性，字体大小翻倍（ 36px 标签，48px 时间戳）
• 智能处理: 所有时间戳在跨多片段剪辑中保持准确，自动计算时间。

🎨 现代化用户界面

• 双主题界面: 在浅色和深色模式之间切换，自动检测系统偏好！
• 双语支持（中/英）: 完整的界面翻译，支持中文和英文。自动检测浏览器语言。
• 精美的导出弹窗: 紫色渐变主题，现代卡片设计，流畅动画和悬停效果。
• 可折叠侧边栏: 隐藏事件列表，最大化视频观看空间。
• 直观的图标: 剪刀图标（✂️）用于剪辑，对号图标（✓）用于确认。
• 进度可视化: 导出期间带发光效果的渐变进度条。

📊 车辆元数据解析

• 实时行车数据: 自动解析视频流中嵌入的 SEI 元数据，实时显示车速、档位、方向盘角度、油门/刹车状态。
• 安全与驾驶辅助: 显示转向灯状态、自动驾驶（ AP/FSD ）激活状态。
• 环境与动力学: 显示 GPS 坐标、航向以及三轴加速度（ X/Y/Z ）。
• 交互式仪表盘: 元数据面板支持自由拖拽，可放置在屏幕任何位置，并支持一键隐藏。
• 官方支持: 元数据解析逻辑基于官方 Tesla Dashcam 开源项目。

注意： 元数据仅在使用车机系统版本 2025.44.25.11 或更高版本录制的视频中可用。

🔍 智能功能

• 智能筛选: 按日期和事件类型（最近、已保存、哨兵）轻松筛选录像。
• 地图集成: 点击事件的城市名称，即可通过高德地图或谷歌地图查看具体位置。
• 片段下载: 直接从播放器下载当前正在播放的视频片段。

🔒 隐私与性能

• 100% 私密: 所有处理都使用 Canvas API 和 MediaRecorder 在浏览器本地完成。您的文件绝不上传。
• 纯原生 JavaScript: 无框架依赖，性能优化。
• 客户端渲染: 直接在浏览器中进行实时视频处理和时间戳叠加。