Skip to content

Abhijayshah/MultiSync-VideoPlayer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 Advanced Multi-Video Player for Windows & macOS

Demo Youtube video Video Here : https://www.youtube.com/watch?v=eB6_jI5ONHA

A revolutionary video player system that allows you to play multiple videos simultaneously at speeds up to 10x, with advanced playlist management and intelligent file corruption detection. Cross-platform compatible - works perfectly on both Windows and macOS systems.

image4 image3 image2 image1

✨ New Enhanced Features

🚀 Multi-Player Capabilities

  • Play up to 9 videos simultaneously in separate player instances
  • Individual controls for each player (speed, volume, playlist)
  • Global controls to sync all players at once
  • Active player switching with visual indicators

10x Speed Support

  • Extended speed range: 0.25x to 10x playback speed
  • Precise control with 0.25x increments
  • Global speed application to all players at once
  • Visual speed indicators with smooth animations

📂 Advanced Playlist Management

  • Individual playlists for each player
  • Master playlist showing all loaded videos
  • Add more videos to existing playlists without disruption
  • Playlist export/import functionality

🎮 Enhanced Controls

  • Global sync - sync all players to active player's time/speed
  • Play/Pause all players simultaneously
  • Skip all players by 10 seconds at once
  • Performance monitoring with real-time stats

🚀 How to Use the Multi-Player System

1. Open the Enhanced Player

  1. Navigate to the videoplayer folder
  2. Double-click index.html to open in your browser
  3. You'll see one player loaded by default

2. Add Multiple Players

  • Click "➕ Add New Video Player" to create additional players (up to 9)
  • Each player is independent with its own controls and playlist
  • Click on any player to make it the "active" player (blue border)

3. Load Videos into Players

  1. Individual Loading: Click "📁 Select Videos for Player X" on each player
  2. Make Player Active: Click anywhere on a player to make it active (blue border + "ACTIVE" label)
  3. Add More Videos: Use "📁 Add More Videos to Playlist" - it will add to the currently active player
  4. Multiple Selection: Select multiple .mp4, .mov, .avi, or .mkv files at once

4. Control Individual Players

Speed Control (Up to 10x!)

  • Quick Buttons: 0.25x, 0.5x, 0.75x, 1x, 1.25x, 1.5x, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 10x
  • Slider Control: Fine-tune from 0.25x to 10x with 0.25x precision
  • Keyboard: ↑/↓ arrows to adjust active player speed

Playback Controls

  • 10-Second Skip: Forward/backward buttons or arrow keys
  • Play/Pause: Space bar for active player
  • Restart: Reset video to beginning
  • Previous/Next: Navigate through individual playlists

5. Global Multi-Player Controls

Master Controls

  • 🔄 Sync All Players: Sync all to active player's time and speed
  • ▶️ Play All: Start all players simultaneously
  • ⏸️ Pause All: Pause all players at once
  • 📊 Master Playlist: View all loaded videos across all players

Global Speed Controls

  • Apply speed to ALL players using the global speed controls
  • Slider + "Apply to All" button for precise global speed setting
  • Global keyboard shortcuts with Ctrl key combinations

⌨️ Enhanced Keyboard Shortcuts

Single Player Controls

Key Action
Space Play/Pause ACTIVE player (blue border)
Skip forward 10 seconds (active)
Skip backward 10 seconds (active)
Increase speed by 0.25x (active)
Decrease speed by 0.25x (active)
F Toggle fullscreen (active)
M Mute/Unmute (active)
Delete Remove active player

Important: Make sure a player is active (has blue border) before using keyboard shortcuts!

Multi-Player Controls

Key Combination Action
Ctrl + A Play/Pause ALL players
Ctrl + Skip forward 10s ALL players
Ctrl + Skip backward 10s ALL players
Ctrl + Speed up ALL players
Ctrl + Speed down ALL players
Ctrl + N Add new player

Player Selection

Key Action
1-9 Switch to Player 1-9

🎯 Perfect Use Cases

Educational Content

  • Compare multiple lectures side by side
  • Different speeds for different content (theory at 1.5x, demos at 1x)
  • Parallel language learning (original + subtitled versions)

Research & Analysis

  • Compare video sources simultaneously
  • Timeline analysis with synchronized playback
  • Multi-angle footage review

Entertainment & Productivity

  • Binge multiple series at custom speeds
  • Background videos while focusing on primary content
  • Content creation with reference materials

Training & Review

  • Multiple training modules at different speeds
  • Skills comparison videos side by side
  • Progress tracking across different topics

🔧 Advanced Features

File Corruption Detection

  • Automatic validation of video files before loading
  • "Zero bytes on disk" detection with clear error messages
  • Visual indicators: ✅ for healthy files, ❌ for corrupted files
  • Detailed error reporting with specific solutions

Performance Monitoring

  • Real-time stats: Active players, memory usage, CPU load estimates
  • Optimized for MacBook M1 with intelligent resource management
  • Performance warnings when approaching system limits

Playlist Management

  • Individual playlists per player with shuffle/repeat options
  • Master playlist overview of all loaded content
  • Export/Import playlist configurations
  • Drag & drop reordering (coming soon)

Smart Memory Management

  • Automatic cleanup of unused video URLs
  • Resource optimization for multiple simultaneous playback
  • Background processing for smooth performance

🛠️ System Requirements

Windows

  • OS: Windows 10/11 (64-bit recommended)
  • Browser: Chrome 90+ (recommended), Firefox 88+, Edge 90+
  • Hardware: 8GB+ RAM, modern CPU (Intel/AMD)
  • Storage: SSD recommended for multiple video loading

macOS

  • OS: macOS Monterey (12.0) or later
  • Browser: Safari 15+ (recommended), Chrome 90+, Firefox 88+
  • Hardware: M1/M2 Macs (excellent), Intel Macs (good), 8GB+ RAM
  • Storage: Fast SSD pendrive recommended for multiple video loading

Cross-Platform

  • Internet: Not required - works offline with local files
  • Display: Any resolution (responsive design)
  • Input: Mouse/trackpad + keyboard for shortcuts

📂 Supported Video Formats

  • .mp4 (recommended - best performance)
  • .mov (native macOS support)
  • .avi (good compatibility)
  • .mkv (full support)

🔧 Troubleshooting

Simultaneous Video Playback

  • Click anywhere on the page first to enable multi-video playback (browser requirement)
  • Wait for "Multi-video playback enabled!" notification before playing multiple videos
  • Load videos in each player before attempting simultaneous playback
  • Use "Play All" button for best results with multiple videos

Multiple Player Performance

  • Limit to 3-4 active players for optimal performance
  • Close other browser tabs to free up memory
  • Use lower resolution videos for simultaneous playback
  • Pause unused players to reduce CPU load

Video Won't Load in Player

  • Check file corruption - look for ❌ indicators
  • Re-copy from source if showing "Zero bytes on disk"
  • Try different player - some files may work in other instances
  • Check available memory in performance monitor

Keyboard Shortcuts Not Working

  • Click on a player first to make it active (must have blue border)
  • Press 1-9 keys to quickly switch between players
  • Check console for "Player X is now active" messages
  • Ensure no input fields are focused (click elsewhere if needed)

"Add More Videos" Goes to Wrong Player

  • Click on the target player to make it active first
  • Look for blue border and "(ACTIVE)" label in player header
  • Use individual player file buttons if global button isn't working
  • Check console for "Adding videos to Player X" messages

Sync Issues

  • Ensure videos are loaded before attempting sync
  • Check video durations - shorter videos will loop
  • Use "Sync All" button to align playback positions
  • Restart problematic players using the ❌ button

🚀 Pro Tips for Multi-Player Usage

Efficient Workflows

  1. Load all videos first before starting playback
  2. Set global speed then fine-tune individual players
  3. Use player 1-9 keys for quick switching
  4. Sync regularly to maintain alignment

Performance Optimization

  1. Start with 2-3 players and add more as needed
  2. Use SSD pendrives for faster loading
  3. Close unused applications to free up resources
  4. Monitor performance stats to avoid overload

Advanced Techniques

  1. Different speeds for different content types

    • Lectures: 1.5x-2x speed
    • Demos: 1x-1.25x speed
    • Review: 2x-4x speed
    • Quick scan: 5x-10x speed
  2. Parallel learning setups

    • Original + translated versions
    • Theory + practical examples
    • Multiple perspectives on same topic
  3. Content creation workflows

    • Reference material + working footage
    • Multiple angles of same event
    • Before/after comparisons

🌟 Browser Optimization

Windows - Recommended Browsers

  1. Chrome (Best Overall)

    • Excellent multi-video support
    • Hardware acceleration
    • Best for 4+ simultaneous players
  2. Firefox (Good Alternative)

    • Reliable performance
    • Good memory management
    • Privacy-focused
  3. Edge (Windows Native)

    • Good compatibility
    • Decent performance
    • Windows integration

macOS - Recommended Browsers

  1. Safari (Best for macOS)

    • Native optimization (especially M1/M2)
    • Energy efficient
    • Excellent .mov support
  2. Chrome (Best for Multi-Video)

    • Excellent for 4+ players
    • Cross-platform consistency
    • Advanced developer tools
  3. Firefox (Privacy Alternative)

    • Good performance
    • Reliable multi-video playback

🔄 Future Enhancements

Planned features for upcoming versions:

  • Subtitle synchronization across multiple players
  • Video thumbnails in playlists
  • Drag & drop playlist reordering
  • Network streaming support
  • Custom player layouts (grid, picture-in-picture)
  • Bookmark system with timestamps
  • Auto-sync based on audio cues
  • Gesture controls for MacBook trackpad

📊 Performance Benchmarks

macOS Performance (M1/M2 Macs, 8GB RAM):

  • 2-3 HD videos simultaneously: ✅ Excellent
  • 4-6 HD videos simultaneously: ✅ Very Good
  • 7-9 HD videos simultaneously: ⚠️ Monitor performance
  • 4K videos: Up to 3 simultaneous players

Windows Performance (Modern PC, 8GB RAM):

  • 2-3 HD videos simultaneously: ✅ Excellent
  • 4-5 HD videos simultaneously: ✅ Good
  • 6+ HD videos simultaneously: ⚠️ Monitor performance
  • 4K videos: Limit to 1-2 simultaneous players

Intel Mac Performance (8GB RAM):

  • 2-3 HD videos simultaneously: ✅ Very Good
  • 4-5 HD videos simultaneously: ✅ Good
  • 6+ HD videos simultaneously: ⚠️ Monitor performance

Memory Usage Estimates (All Platforms):

  • Each player: ~10-20MB base
  • Each loaded video: ~5-15MB
  • Active playback: +20-50MB per player

Experience the future of video playback with simultaneous multi-player control! 🎬🚀

Perfect for education, research, entertainment, and professional content creation on Windows & macOS.

🌐 100% Cross-Platform Compatible

Windows 10/11 - Chrome, Firefox, Edge
macOS - Safari, Chrome, Firefox
No installation required - Just open in browser
Works offline - No internet connection needed
Same features everywhere - Consistent experience across platforms

About

A web app that lets you watch up to 9 videos simultaneously with individual speed controls up to 10x and global synchronization. Live demo : https://www.youtube.com/watch?v=eB6_jI5ONHA

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published