Secure DRM Protected Video HLS Streaming With WordPress

Info! Please try this example with the FireFox browser and the Video Download Helper extension installed you can get it from here. https://addons.mozilla.org/en-GB/firefox/addon/video-downloadhelper/

In this example, we are using the Amazon Web Services Media Convert OTT system preset for HLS.

Setup

Navigate to your object in S3Bubble under storage.
https://s3bubble.com/app/#/s3

Find your S3 bucket and in the actions menu click view bucket.

Scroll down to the object you want to encode into HLS Adaptive Bitrate format and click the actions menu then Media Convert encryption.

At this stage you will need to obtain your proxy url this can be grabbed via the WordPress plugin dashboard.

You will need this for the next stage.

Fill out all the steps and make sure you enter your proxy url from the previous step then click submit.

Important! Your job will be created in the AWS Region you have set you can also set a default region under your profile https://s3bubble.com/app/#/profile.

When you see the confirmation alert click, yes to view progress.

You will now see your job progressing depending on the length of the view you are encoding this might take some time go and grab a coffee.

Now your file has finished progressing you can now view and edit player in the actions menu.

You can now add meta info vast or vpaid ads and lots of other options.

To add the player to your WordPress website simply copy the html code and paste it into any post or page or new wp gutenberg blocks.

Video Tutorial