Win95 Media Player
A React media player component inspired by the Media Player app that shipped with Windows 95 (one of the early versions of Windows Media Player).
Works on the web, in an Electron app, or anywhere ReactDOM will run!
Under the hood we rely on two React component libraries:
- Cassette, which powers the media playback itself
- @arturbien's React95, UI components built to resemble Windows 95
npm install win95-media-player
The first thing you need is a working React application. If you don't have one, you can try create-react-app to skip all the annoying parts of setting one up.
After that, adding Win95 Media Player to your app is simple!
Assuming you have this in your html...
And you should have a working MediaPlayer on your page! It should look something like this.
A fully-functional media player component. Accepts all the props accepted by
MediaPlayerUI and Cassette's
The UI component used by
MediaPlayer. If you're building a more complex media player app with Cassette, you can render this directly inside of a React tree wrapped by a
PlayerContextProvider to hook into the surrounding
track => track.title
|Receives a track object (or
undefined if none is active) and returns a string of display text
|A boolean which must be set
true to display video
true, adds a maximize button to the title bar which will trigger fullscreen mode
|An optional CSS class name to pass to the outer window div
|An optional React style object to pass to the outer window div