Secure Media Encoding & Delivery

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>S3Bubble Demo</title>
        <link rel="stylesheet" href="https://unpkg.com/@s3bubble/player@0.0.4/dist/s3bubble.min.css" />
    </head>
    <body>
        <div id="my-player"></div>
        <script src="https://unpkg.com/@s3bubble/player@0.0.4/dist/s3bubble.min.js"></script>
        <script>
            s3bubble('my-player').drm({
                drm: {
                    authenticationXml: '<authenticationXml>',
                    widevine: {
                        code: '<widevine code>',
                        keysystem: 'com.widevine.alpha',
                        license: 'https://example.licensekeyserver.com/'
                    },
                    playready: {
                        code: '<playready code>',
                        keysystem: 'com.microsoft.playready',
                        license: 'https://example.licensekeyserver.com/core/rightsmanager.asmx'
                    },
                    fairplay: {
                        code: '<fairplay code>',
                        keysystem: 'com.apple.fps.1_0',
                        license: 'https://example.licensekeyserver.com/getkey',
                        certificate: 'https://00000000000.cloudfront.net/fairplay.cer'
                    },
                }
            }, function(player){
                
                player.on('timeupdate', function(event){
                    console.log('event',player.currentTime());
                });

            });
        </script> 
    </body>
</html>