feat: add bitrate visualization with file analysis

Add comprehensive bitrate data extraction and visualization capabilities:
- Implement analyze_files command for file candidacy detection
- Add extract_bitrate_data command using ffprobe
- Create BitrateData, BitrateFrame, File, and FileCandidacy types with TS bindings
- Update App to fetch and display bitrate data from dropped files
- Refactor DropOverlay to use new file analysis system
- Configure Graph component for packet size visualization
- Simplify drag-drop flow to trigger on drop event only
This commit is contained in:
Ryan Walters
2025-10-24 00:30:35 -05:00
parent 22d73fabfd
commit 9645e1b6b5
7 changed files with 390 additions and 327 deletions

View File

@@ -51,11 +51,11 @@ const Graph = ({ data }: GraphProps) => (
fill: "#6e6a86",
},
}}
axisBottom={{ legend: "transportation", legendOffset: 36 }}
axisBottom={{ legend: "Frame Number", legendOffset: 36 }}
axisLeft={{
legend: "count",
legend: "Packet Size",
legendOffset: -40,
format: (v) => formatBytes(v * 1024 * 53),
format: (v) => formatBytes(v),
}}
pointSize={10}
colors={["#3e8faf", "#c4a7e7", "#f5c276", "#EA9B96", "#EB7092", "#9CCFD8"]}