@s3bubble/s3player-react-component

S3Bubble DRM Video Player

S3Bubble DRM Audio Waveform Player

View Docs Here For More Information

npm install @s3bubble/s3player-react-component

Basic Example

import './App.css';
import S3Player from "@s3bubble/s3player-react-component";

function App() {
    return (<>
        <S3Player setup={
            {
                code: "<code>",
                type: "video"
            }
        } />
    </>
    );
}

export default App;

DRM Example

import './App.css';
import S3Player from "@s3bubble/s3player-react-component";

function App() {
    return (<>
        <S3Player setup={
            {
                type: '<video | audio>',
                drm: {
                    authenticationXml: '<authenticationXml>',
                    widevine: {
                        code: '<widevine code>',
                        keysystem: 'com.widevine.alpha',
                        license: 'https://wv-keyos.licensekeyserver.com/'
                    },
                    playready: {
                        code: '<playready code>',
                        keysystem: 'com.microsoft.playready',
                        license: 'https://pr-keyos.licensekeyserver.com/core/rightsmanager.asmx'
                    },
                    fairplay: {
                        code: '<fairplay code>',
                        keysystem: 'com.apple.fps.1_0',
                        license: 'https://fp-keyos.licensekeyserver.com/getkey',
                        certificate: 'https://00000000000.cloudfront.net/fairplay.cer'
                    },
                }
            }
        } />
    </>
    );
}

export default App;

Video Tutorial

open demo