Major Features:
- Complete Naming Convention editor in Admin Panel
- Define custom filename patterns for platform detection
- Define custom filename patterns for aspect ratio detection
- Patterns saved to naming_conventions.json (editable)
- Test pattern functionality built-in
- Auto-loads patterns from JSON on server startup
- Factory reset now restores original patterns too
UI Changes:
- Remove L'Oréal references from app (now generic tool)
- Changed title to "Social Media Platform Optimization Tool"
- Renamed "Reload from Server" to "Refresh Display"
- Added "Reset to Factory Defaults" button (red, double-confirm)
- New Naming Conventions section in admin panel
- Pattern editor with add/remove functionality
Backend Enhancements:
- Save/load naming conventions to JSON
- GET /api/admin/naming-conventions (retrieve patterns)
- POST /api/admin/naming-conventions (save patterns)
- Factory defaults for patterns stored at startup
- Patterns persist across server restarts
- Detection logic now uses editable patterns
Naming Convention Features:
- Platform patterns: Map platform key to filename patterns
- Aspect ratio patterns: Map ratio to filename patterns
- Multiple patterns per platform/ratio supported
- Test functionality to verify detection
- Immediate application to main app
Example patterns:
- TikTok: _tiktok_, _tt_
- 16:9: _16x9_, _landscape_
- Meta: _meta_, _fb_, _ig_
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Features:
- Complete admin interface for managing platform specifications
- Metrics dashboard showing total platforms, configurations, codecs, and aspect ratios
- Add new platforms with custom codecs and format configurations
- Edit existing platforms and their aspect ratio settings
- Delete platforms from the system
- Export all specifications to JSON (for backups)
- Import specifications from JSON (bulk updates/restore)
- Real-time platform list with detailed specification tables
- Dark theme (black + yellow) matching main app
- Link to admin panel from main app footer
Backend Enhancements:
- 5 new admin API endpoints (POST, PUT, DELETE, export, import)
- Auto-save to platform_specs.json file
- Auto-load specs from JSON on server startup
- Persistent storage for platform configurations
- CORS enabled for admin endpoints
Admin Panel allows non-technical users to:
- Add new social media platforms as they emerge
- Update bitrate recommendations
- Add new aspect ratio support
- Manage all 21+ platform configurations
- Export/import for version control and backups
Access: frontend/admin.html
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Updates:
- Comprehensive README with all new features (mute controls, video specs, warnings)
- Both Standard and MAMP installation methods clearly documented
- Updated QUICKSTART with both setup methods and new features
- Updated START_WITH_MAMP with latest feature descriptions
- Added troubleshooting for both installation methods
- Documented aspect ratio warning system (yellow and red indicators)
- Added video specifications display details
- Production deployment guidance
- Performance expectations and file size reduction targets
All documentation now reflects current v1.0 feature set.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
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>
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>
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>
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>
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>
