(SAMPLE 1: S3MediaVault Video Player)

(SAMPLE 2: S3MediaVault Audio Player)

S3MediaVault: Secure, Mobile-Device-Friendly Video & Audio Player

S3MediaVault is a premium secure media player for your web site, which can play Video, Audio, Generate secure download links, for any file stored on Amazon S3.

Features

S3MediaVault Pro is the newest version of S3MediaVault. You may download the new plugin from the member’s area.

  • HTML5 Video player with full iOS support and Flash fallback
  • HTML5 Audio Player to play MP3 files, with full iOS support
  • Support for all browsers and mobile devices
  • Supports multiple videos on a page
  • Responsive video sizes which can resize based on device viewing size
  • Ability to create fixed width videos as well.
  • Super light-weight video player
  • Show splash image at the start
  • Configure Autoplay & Autobuffer
  • Easy to use and powerful Editor to insert shortcodes
  • Ability to redirect at the end of video play to any URL
  • Below-Video HTML: Ability to display any custom HTML (like a timed buy button) right below the video at any point (Cuepoint). This is hidden initially and appears at Cuepoint.
  • Customizable Cuepoint – you choose when the HTML messages appears
  • Ability to pause the video at Cuepoint
  • Full support for creating expiring download links to any type of regular files as well
  • Fully compatible with old S3MediaVault version (just install new version, de-activate old version, and be sure to check if videos work)

Starting v2.0, S3MediaVault has a new name – S3MediaVault Pro – so that it can be installed as a separate plugin, and it is fully backward compatible so you can disable the old version, test your links and videos, and then deactivate the old plugin.


Why S3MediaVault?

You might be wondering why you even need S3MediaVault. Isn’t Audio & Video capability built right into WordPress?

There are a couple of reasons for why you should store your media files on Amazon S3 (and not on your own site). And once you store the files on Amazon S3, you need a special plugin like S3MediaVault to embed the video, audio or link within a page or post on your web site (instead of linking over to a third-party site like Amazon). So to fully understand why you need S3 and S3MediaVault, we have to ask these two questions first.

Q: What’s the difference between storing files on Amazon S3 (and serving it on your site using S3MediaVault.com), compared to storing the files right on your own web site and having DAP serve them directly to your members?

A: If all files are stored right on your web site, and you have a large amount of video, audio and other files, then a lot of people viewing and downloading them from your site will use up a lot of resources on your server – like site loading time, server memory, server bandwidth, etc – and your site could slow down considerably. Plus, on top of that, there are also bandwidth charges that your host will charge you with for all of those downloads, which are usually not very cheap.

And don’t put too much faith in your web host’s “Unlimited Bandwidth” clause, because if you read the fine-print carefully, you’ll see that as per their TOS, if you consume large amounts of bandwidth and use too much of the server resources, this could cause other web sites (belonging to others) on the same server to slow down and have a degrade in performance, especially if you are on a shared hosting account. And they could consider this abuse of their TOS, and could either slap you with huge bandwidth or server utilization fees, or may even ask you to take your web site elsewhere because you’re causing issues for other site owners on the same server.

Instead, if the files are stored on Amazon S3, then you don’t have to worry about your site slowing down, or you using up too much bandwidth and getting slapped with huge bandwidth fees, because the files are being served from Amazon’s huge S3 servers which have tons more resources and speed compared to your web host.

Q: Can DAP not protect content stored on an external site, like Amazon S3?

A: No, not directly, not by itself. By default, DAP can only protect files (and any other content) that is on the same web site where DAP is also installed. For large files, we do recommend that you store files on a fast, scalable file server like Amazon S3. Now, the page or post itself (in which you post that Amazon S3 link) can be protected by DAP, and no unauthorized user can even see the content of the page (or the link within that page).

However, once a user has authorized access to a page because they’re a member, now they can see the page where you have that Amazon S3 link.

It is similar to posting a public YouTube video on a protected DAP page on your web site. Sure, DAP can protect the page from unauthorized users, but authorized, paying users can actually get to the page, see that it’s a YouTube video, and clicking on that video will directly take them to a page on YouTube.com, which DAP has no control over, and cannot protect once they leave your web site.

Similarly, DAP cannot directly protect that external link to your file stored on Amazon S3. And that’s where S3MediaVault (S3MV) comes into the picture.

S3MV can make sure that your files on Amazon S3 cannot be accessed directly by anyone, even if the link were shared with others via email or on a forum, and can ONLY be accessed through a page or post on your web site (web site where you have installed the S3MV WordPress plugin).

 

Getting S3 Keys

If you already have the Amazon Access Key, Secret Key and Bucket name, then skip ahead to Step 9: S3MediaVault Pro (S3MV) Installation

1) Log in to your Amazon S3 account. Once you login, on the menu at the top, click on the “My Account/Console” link, and then on “Security Credentials

s3mv_amazon_menu

 

2) If you see a popup like the one in the image below, then just click on the blue “Continue to Security Credentials” button, and the popup will close.

s3mv_amazon_setup1

3) Now click on the “+” icon next to the section “Access Keys (Access Key ID and Secret Access Key)“. The section will expand and you’ll see something similar to the screenshot below.

s3mv_amazon_keys

If this is the first time you are creating your access keys, you will see a “Create New Access Key” button (see towards bottom of above image – it is disabled in the above screenshot because Amazon only allows you to create 2 keys per account).

4) Click on the “Create New Access Key” button and follow the steps to create a new pair of keys:

(i) Access Key, and

(ii) Secret Key

Make a note of both keys in a text editor window on your computer. We will need these keys later.

5) Creating Your Amazon Bucket:

Go to https://console.aws.amazon.com/s3/home

6) Click on “Create Bucket

s3mv_amazon_createbucket

7) In the popup that appears, enter a bucket name (bucket is same as folder).

Bucket name MUST BE all lower case (DO NOT use any upper case letters).

So if your site is WickedCoolPlugins.com, then your bucket name could be wickedcoolplugins, or wickedcoolpluginscom, or wcplugins, or wcp, etc.

Let’s say you chose the bucket name yourbucket.

And for Region, select the location nearest to wherever most of your customers/visitors are from. If you’re not sure, just pick any US region (there are no wrong choices).

s3mv_amazon_bucketname

Click “Create” to create the actual bucket. Now make a note of this bucket name. You will need this later.

8) Click on the newly created bucket name, and you are now within the bucket on your screen. Now click on the “Upload” button.

s3mv_amazon_upload

Click on “Add Files“.

Choose a video file from your desktop. Let’s say the name of this video file is test.mp4

s3mv_amazon_selectfile

Once you’ve selected it, click on “Start Upload”, and the file test.mp4 will now be uploaded and stored within your bucket yourbucket.
Now, on to the S3MediaVault plugin installation.

S3MediaVault Pro Installation

9) S3MV needs the WickedCoolPlugins.com Licensing Plugin to be installed and activated first. So download, upload and activate the licensing plugin first.

10) Download the S3MV plugin zip file S3MediaVaultPro_vXX.zip from the member’s area, to your desktop.

11) Log in toyour WP admin panel, go to the Plugins section, add new plugin, upload the plugin file from your desktop, just like you would do with any new WordPress plugin, and activate the plugin.

12) Under the WP Admin > Settings tab, click on the S3MediaVault link. You are now on the S3MediaVault Settings screen.

On this screen, enter the Access Key, Security Key and your Bucket Name (that you noted down earlier).

For “Link Expiry Time (in seconds)”, we recommend the value 1000.

1000 seconds is about 16.6 minutes. This doesn’t mean that your video can only be 16 minutes long. It can be as long as you want it to be – even a few hours long. What the 16.6 minutes means is that from the time a secure, expiring link to your video is generated on your protected WordPress page, the link will expire in 16.6 minutes from the time of creation. So if your member/visitor clicks on the video and starts playing it, then there’s no limit on how long the video itself can be. But for someone to click on the video for the first time, they have only 16 minutes. Which is what we recommend, so without going too much into more details, just trust us and go with that number 🙂

So enter 1000 in that last field.

s3mv_settings

Click on “Save Changes“.

That’s it for the one-time plugin installation & setup.

You are now ready to start using the S3MediaVault plugin and creating the video players and secure files.

Upgrading to S3MediaVault Newer Version

To upgrade to a newer version of S3MediaVault from an older verion…

1) Delete the old plugin in WordPress from the Plugins page. Don’t worry, that will not affect your current S3MediaVault settings.
2) Download the new version from WickedCoolPlugins.com member’s area and save the zip file on your desktop.
3) Go to WordPress Plugins page in your WordPress admin on your site, upload the newly downloaded zip file from your desktop, and install it as if it were any regular WordPress plugin.
4) Activate the plugin.

That’s it!

Don’t forget to go to a page that has an existing video, and test it to make sure it works ok.

S3MediaVault Pro Setup

Go to any existing page or post, or create a new one where you want the secure video player to be displayed.

In the “Visual” tab of the WordPress editor, you will see a new “S3” icon.

s3mv_s3icon

Click on it and the S3MV Shortcode editor will popup.

s3mediavault3

Settings Explained

There are three main sections in the video configuration popup: Main, Video Details, and Extras.

Creating A Video Player

To create a video player for your newly uploaded video, here are the settings.

Main

Content Type: Video with Player

File Name: filename.mp4

If your file filename.mp4 is directly in your main bucket on Amazon S3, then enter just filename.mp4 in this field. But if you have a sub-folder (sub-bucket) within your main bucket – say, like “videos“, and filename.mp4 is within the “videos” sub-folder, then in the above field, enter videos/filename.mp4

File Name: filename.mp4

Buffer on load? CHECK this checkbox if you want the video to start loading in memory, so that the viewer can continue watching the video without any delay in loading. Remember: If the video buffers ahead, but the user does not watch the video, then you will still be charged for the bandwidth (even if it’s a fraction of a penny) by Amazon S3.

Auto-Play?: CHECK if you want the video to autoplay as soon as the page loads.

Video Details

Width of the video: Width in pixels. Eg: 800

Height of the video: Height in pixels. Eg: 600

Fixed Size Video: CHECK this if you want the video size to remain the same regardless of the device it’s being viewed on. So on a mobile responsive theme, when video is watched on a smart phone, video size frame may be bigger than screen size when it loads initially.

Splash Image URL: Enter full url of a splash image. This is the image that shows in place of the video, when the video has just loaded, and hasn’t started playing yet. Eg. http://YourSite.com/images/splash.jpg

Extras

Cuepoint: Enter a number in seconds. Eg: 10.

If you enter 10, it means whatever HTML code you enter into the next text box below (“Below-Video HTML”) will show up below the video after 10 seconds. For eg., you can have a buy button show up below the video X seconds into the video. If the video is paused, then the timer is also paused. So the below-video HTML will always show up at the exact moment specified in seconds, regardless of how long (or how many times) the viewer pauses the video.

Below-Video HTML: Enter any HTML code in here that you want to appear below the video “X” seconds into the video (“X” is the “Cuepoint” which can be configured above). So if you want a buy button to show up, then here’s the HTML you would enter into this box.

< a href=”http://your-paypal-link”>< img src=”http:// YourSite.com/images/ buybutton.jpg” >< /a>

Pause video at Cuepoint?: CHECK this if you want the video to also pause at Cuepoint. If not, “Below-Video HTML” will still show at Cuepoint, but video will continue playing.

Redirect to a URL at the end?: Enter the full URL of the page you want the viewer to be redirected to at the end of the video. Eg. http://YourSite.com/your-sales-page/

If you leave this blank, then no redirection will occur, and viewer will stay on the page.

That’s it for the settings.
Now at the bottom of the popup, click on the “Insert” button. The shortcode will now be inserted into the body of your WordPress page/post (something like what’s in the screenshot below).

s3mv_shortcodeinpage

Save/Publish and view the page. And you should now see the video player show up on the page, like this:

s3mv_videopage

Creating An Audio Player

Upload an .mp3 file – say test.mp3 – to your Amazon bucket.

Now, when you launch the S3MV shortcode editor, choose the following settings:

Content Type: Audio with Player

File Name: test.mp3

Audio player shows up like this on your page:

s3mv_audiopage

Creating A Secure Download Link

If you wish to create a download link to any file, then this is how you do it.

There are two ways to do it: 1) Easy Option and 2) Configurable Option.

Use the “Easy Option” below to create a quick link with a “Click here to download test.mp3” link which is clickable.

But if you want more control over the link text that is displayed, or say, if you wish to use an image instead of text to link to the file, or if you wish to insert the shortcode into some other plugin or theme’s shortcode, then use the “Configurable Option“.

So let’s create a direct download link (without a player) to your .mp3 file – say test.mp3.

Easy Option:

When you launch the S3MV shortcode editor, choose the following settings:

Content Type: Download Link

File Name: test.mp3

Now, when you click on the “Insert” button the shortcode editor window, the following shortcode will be inserted into your page.

[ s3mv fileName=”test.mp3″ fileType=”link” ]

Now if you preview this page, it will simply show you the following link:

Click here to download test.mp3

The above link is a dummy link that goes nowhere, but the link you see on your site will actually link to test.mp3 on Amazon S3.

Configurable Option

When you launch the S3MV shortcode editor, choose the following settings:

Content Type: Download URL

File Name: test.mp3

Now, when you click on the “Insert” button the shortcode editor window, the following shortcode will be inserted into your page.

http://wcp.s3.amazonaws.com/filename.mp3?AWSAccessKeyId=1HPS101KFMM8SKNK9BG2&Expires=1481177507&Signature=mYtMLOxSaqXQQSaV5O2MpQKpf48%3D

Now if you preview this page, it will simply show a long, regular plain-text URL like this, on your page:

http://test.s3.amazonaws.com/test.mp3?AWSAccessKeyId=123&Expires=345&Signature=abc

The above link is not clickable. So, we need to make it an actual link.

So modify the shortcode in your page like this:

BEFORE:
[ s3mv fileName=”filename.mp3″ fileType=”url” ]

AFTER – Text Link
< a href = “[ s3mv fileName=’filename.mp3′ fileType=’url’ ]” > Click here to download My Awesome Audio Book < /a >

Now, when viewing the page, the above shortcode will turn into an actual secure link to your mp3 file, and this new link will be an actual clickable link on your page, like this:

Click here to download My Awesome Audio Book

The above example link is a dummy link that goes nowhere. But you get the idea.

Similarly, if you wish to link the download link to an image, rather than text, then here’s how you do it.

< a href = “[ s3mv fileName=’filename.mp3′ fileType=’url’ ]” > < img src = “http://YourSite.com/images/yourimage.jpg” < /a >

Saving File To Desktop

Normally, when you create a secure download link to a file – say, a PDF file – if someone clicks on it, then since the link points directly to the PDF file, it will start downloading the file right away, and then open the Adobe PDF reader (or default PDF reader) on the visitor’s computer.

To save the file to the desktop, normally, you would instruct your visitor to do a “Right-Click, Save As” on the actual link, and then save the file to their computer.

Most people are fine with doing this. However, if you want a normal click on the link to NOT open the file, and instead throw a prompt to the user and ask them where to save the file, then here’s how to do it.

  • Log in to your Amazon S3 account
  • Browse to the bucket where you have the file
  • Right-click on the file name and choose “Properties”
  • Then in the “Meta Data” section, for the Key “Content Type”, change the Value to “application/x-compressed”. Basically change it to anything OTHER THAN the default “application/pdf”.

s3-meta-data

For a PDF file, set the content-type to anything OTHER THAN application/pdf

For a MP3 file, set it to anything OTHER THAN application/mpeg

And so on.

So what happens here is you’re tricking your computer into thinking that the PDF file is actually some other kind of file. So instead of opening the PDF file directly, a normal click on the link will instead make the visitor choose to download the file. So the user doesn’t have to do a “Right-Click, Save As”. Even a normal click on the link will make the user save the file to their desktop.

buy-s3mv-unlsite
Buy S3MediaVault 1-site license

——————

buy-s3mv-1siteBuy S3MediaVault 1-site license

`