Commit graph

5 commits

Author SHA1 Message Date
DJP
5e3d921f06 Add red warning and outline for aspect ratio changes on comparison page
Features:
- Red-bordered warning message on comparison page when aspect ratio changed
- Red outline with glow effect around optimized video player
- Visual indicators clearly show when video aspect ratio differs from original
- Warning states: "Aspect Ratio Changed: This video was converted to a different aspect ratio"
- State properly tracked and reset when uploading new files

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 17:11:46 -04:00
DJP
c1b129c797 Add aspect ratio mismatch warning and remove Impact Plus text
Features:
- Add warning message when selected aspect ratio differs from original video
- Alert user about potential distortion, stretching, or cropping
- Yellow-bordered warning box with clear messaging
- Warning automatically shows/hides based on aspect ratio selection
- Remove "Impact Plus - March 2025" from footer

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 17:08:01 -04:00
DJP
e8f37fc989 Add video specifications display and fix sizing
Features:
- Display detailed video specs below each player (original and optimized)
- Show resolution, codec, bitrate, duration, file size, aspect ratio, and platform
- Fix video player sizing to 100% width with proper max-width constraints
- Specs displayed in clean, easy-to-read format with yellow highlights
- Shows conversion details including input and output specifications

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 16:58:31 -04:00
DJP
fad8c1268c Add independent mute controls for video comparison
Features:
- Mute/unmute button for each video player (original and optimized)
- Toggle between muted and unmuted states
- Visual feedback with button text and styling changes
- Allows listening to one video at a time or both together
- Black + yellow theme consistent with app design

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 16:56:53 -04:00
DJP
129ea3ec1e Initial commit: Video Optimizer for L'Oréal
Complete video optimization tool with:
- 21 platform configurations (Meta, TikTok, YouTube, Pinterest, Snapchat, Amazon)
- FFmpeg-powered video conversion with H264, H265, and VP9 codecs
- Python Flask backend with REST API
- HTML/JS frontend with drag-drop interface
- Black + #FFC407 color scheme with Montserrat font
- Side-by-side video comparison player
- Filename auto-detection for platform and aspect ratio
- MAMP-compatible setup

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 16:52:11 -04:00