Windows 99 Video Test

This page tests the two video files in the /media directory.

Recommendations for MediaPlayerApp.tsx

Based on testing, here's the recommended implementation approach:

// In the render method of MediaPlayerApp.tsx:
return (
  <WindowContent
    menu={<MenuBar menus={menus} />}
    body={
      <div className={style.mediaPlayerApp}>
        <div className={style.mediaDisplay}>
          {mediaType === 'video' && (
            <video
              ref={mediaRef}
              style={{
                width: '100%',
                height: '100%',
                objectFit: 'contain',
                backgroundColor: '#000'
              }}
              preload="metadata"
              playsinline
              webkit-playsinline
              onTimeUpdate={handleTimeUpdate}
              onDurationChange={handleDurationChange}
              onEnded={handleEnded}
              onLoadedMetadata={handleVideoMetadata}
            >
              <source
                src={normalizeMediaPath(currentFile?.path || '')}
                type="video/mp4"
              />
            </video>
          )}
          
          {mediaType === 'audio' && (
            <audio
              ref={mediaRef}
              style={{ display: 'none' }}
              preload="auto"
              onTimeUpdate={handleTimeUpdate}
              onDurationChange={handleDurationChange}
              onEnded={handleEnded}
            >
              <source
                src={normalizeMediaPath(currentFile?.path || '')}
                type="audio/mpeg"
              />
            </audio>
          )}
        </div>
        
        {/* Controls go here */}
      </div>
    }
  />
);