FLOWPLAYER DRIVE

Flowplayer Drive is an all-round solution for online video sharing and publishing. It makes the task of uploading, managing, sharing, and publishing videos extremely simple without sacrificing on quality and speed, and utilizing the latest web video technologies.

Sharing videos or publishing them on your site can be complex, time consuming, and costly. Flowplayer Drive aims to make it simple and quick — as well as free for videos up to 4 minutes long with Flowplayer branding. – Upgrade to remove branding and video duration limit.

Flowplayer Drive will not burden the users with technical jargon or leave them on their own to figure their way out of a jungle of checkboxes and pull-down menus with esoteric settings for various video formats. It doesn't get much easier: you shoot and upload, we stream it to your audience, whatever their device.

Flowplayer Drive caters for many needs. Upload videos directly from your smartphone for quick sharing by mail or social media; or shoot with professional gear, edit, upload and embed on your website.

Using Flowplayer Drive

Overview

Unless you already have a Flowplayer account, you need to create one to start using Flowplayer Drive.

Once you have an account and are logged in, you can start uploading videos by just dragging and dropping them onto the library view, or clicking "Upload videos" to select files.

After uploading the video originals, Flowplayer Drive automatically encodes them for viewing on today's web browsers and devices. The encoded files, along with the originals, are stored in your video library.

Once the videos have been uploaded and encoded, they'll show up in your video library and you can rename, unpublish, or delete them.

You can share links to video galleries, or embed them onto your own webpage. Galleries and embeds can contain single videos or playlists of multiple videos.

Flowplayer Drive is Free by default, and there are no limitations to how many videos you can upload, encode, and stream to your audience; there is a maximum duration limit of 4 minutes for the videos to be uploaded. All the videos will show a Flowplayer logo in one corner.

You can upgrade to one of our monthly paid plans to remove the logo and the duration limit. This will also allow you to transcode to multiple resolutions - choose the optimal quality for your target audience!

An additional Flowplayer license enables you to add your own logo to the player.

The toolbar

At the top of the main video view you can see a black toolbar. This provides access to most functionality in Drive.

IMG

  • Click 'upload' to add new videos to your account by uploading them.
  • Click on grid and list symbols at the right end of the bar to switch between the grid view and the list view

Additional functions become available when you select one or more videos by clicking on their title areas.

IMG

The "Play", "Unpublish", "Publish" and "Delete" functions are described below.

Managing videos

  • To rename a video, click on its title, type in a new one, and hit enter, or click outside the box.
  • To delete a video, select it by clicking on the thumbnail area, and click Delete on the menu ("delete" to confirm).
  • To make a video private, select it and click Unpublish. This will hide the video's public link and make it invisible from previously shared playlists or embeds. To make it public again, click "Publish".

Sharing videos

To share links to videos on Flowplayer Drive, select the video(s) you want to share, and click "Play all" on the top menu. This opens a public playlist viewable by everyone; copy the link shown on the page and paste on email, webpages, or social media to share. Click "x" or hit esc to close the view. - Here is a real example which will look like this on your site.

Please note that the links — though hard-to-guess — are public, i.e. viewable by everyone who knows them.

Embedding videos on websites

To embed videos onto your own webpage, select the video(s) and click "Play all". In the playlist view that opens, click "<>" to get a code to embed on your webpage.

Single videos can be embedded directly from the library view by clicking "<>".

Website setup example

Let's assume you received the following code after clicking "<>".

The first snippet goes in your page's <head> section:

<link rel="stylesheet" href="//releases.flowplayer.org/5.5.0/skin/minimalist.css" >
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//releases.flowplayer.org/5.5.0/flowplayer.min.js"></script>
<!-- Include lines below to support multiple resolutions via quality selector plugin -->
<link rel="stylesheet" href="//flowplayer.org/drive/quality-selector.css">
<script src="//flowplayer.org/drive/quality-selector.js"></script>

HTML

This should be copied in your page's <body>:

<div class="flowplayer" data-rtmp="rtmp://rtmp.flowplayer.org/cfx/st/" data-ratio="0.4166666666666667" data-qualities="160p,260p,530p,800p" data-default-quality="260p">
<video>
<source type="application/x-mpegurl" src="http://drive.flowplayer.org/202777/35340-bauhaus.m3u8">
<source type="video/webm" src="http://drive.flowplayer.org/202777/35340-bauhaus.webm">
<source type="video/mp4" src="http://drive.flowplayer.org/202777/35340-bauhaus.mp4">
<source type="video/flash" src="mp4:202777/35340-bauhaus.mp4">
</video>
</div>

HTML

After pasting the above to your page, it will look like this:

  • The video is loaded from Flowplayer Drive: The player is not branded with the Flowplayer logo.
  • You have chosen a paid plan: The video is not watermarked.
  • You have opted for encoding to multiple resolutions: HLS is played with adaptive bitrate and resolution switching in 8 qualties if the browser supports it, or the user can choose a quality manually (out of 5) via the interface of the quality selector plugin.

For further instructions on embedding, see Setup.

Metrics and spend

You can see the view counts and transfer rates (MB or GB) in the Drive's list view. Click the list view icon in the black tool bar to see these.

The list shows view counts and the total amount streamed (CDN usage) for each video. Below the list you can find the total values calculated over all videos in your account. The totals are used when calculating the cost, more about this below.

IMG

Tracking your spend

In the Pay as You Go plan you will be billed every month based on the accumulated streaming and minutes of encoded video. Your current usage is shown in the "paid videos" row at the bottom of the list view.

You can find a preview of your upcoming payment statement in your account page - more about this below.

The Economy and Pro plans both include a fixed amount of streaming in their monthly subscription price. If your monthly usage exceeds this limit, you will be billed for the additional amount. You can find the limit values here.

The MB/GB values shown in the list view reset to zero when your subscription renews each month. You will receive an email when this happens.

Free quota

You can have free videos in your account even if you are subscribed to a paid plan. The maximum streaming usage, for free videos is 5 GB per month. Your free videos will be made private if your total free streaming exceeds 5 GB on a given month. We will warn you if the usage is close to reaching this limit so that you have time to react: You can make some of the free videos private or subscribe to a paid plan.

The free quota is reset to zero every month. After the reset you again have the full 5 GB amount available for the following month. You will be notified by email each time the reset is done.

Report emails

We send you weekly report emails. This report email contains the total values of your free and paid streaming, plus a list of your most popular videos.

Statement preview

You can view a preview of your upcoming payment in your account page. The statement is calculated using the streaming and encoding usage you have had so far during the current period.

IMG

Advanced reports

We are currently developing more advanced reports for Drive. You will soon get nice graphs that show the popularity (view counts) of your videos over time. Stay tuned for these!

The Player

Flowplayer Drive uses the state-of-the-art web video player, Flowplayer HTML5, for playback of the shared videos, playlists, or embeds on users' sites. The player version is always the latest, so there are no added upgrade fees along with new major version releases. We here at Flowplayer continue to invest heavily in the development of Flowplayer, we believe it's the most important factor in determining the success of Drive.

For more information about embedding Flowplayer on your site, see Documentation.

Quality selector plugin

If you choose to encode to multiple resolutions as in the website setup above, the offered embed code loads the CSS and JavaScript assets of the quality selector plugin for Flowplayer Drive and integrates it in a html installation. The plugin provides two configuration options which can also be set in a global or selective JavaScript configuration:

optiondefault valuedescription
defaultQuality[video height]pThe default resolution. Maximal 480p.
qualities[lo-fi height]p,...,[hd height]pComma separated string of resolutions in ascending order.

The plugin expects the files to be served in following the filenaming scheme used by Flowplayer Drive to distinguish between qualities:

filename.m3u8            # HLS variant playlist
filename.webm # default quality, max 480p (640x480)
filename.mp4
filename-<height>p.webm # resolution in <height> pixels (portrait: <width>)
filename-<height>p.mp4
# ...
# ...

Bash

In the example above:

# 8 HLS resolutions, adaptive, no manual selection
35340-bauhaus.m3u8
# 4 resolutions for manual selection
35340-bauhaus-800p.webm # FULL HD
35340-bauhaus-800p.mp4
35340-bauhaus-530p.webm # HD
35340-bauhaus-530p.mp4
35340-bauhaus.webm # default quality, 260p
35340-bauhaus.mp4
35340-bauhaus-160p.webm # LO-FI
35340-bauhaus-160p.mp4

Bash

Further details on multiple resolution result files can be found here.

Encoding

The uploaded files, originals as well as encoded files, are stored on Flowplayer's servers and streamed on-demand to viewers' devices. The files are downloadable at any time by the account holder for backup purposes and later use via the Drive list view.

For more information about the encoding process, see Transcoding in Flowplayer Drive.

Plans

Free

Flowplayer Drive is FREE by default. There are no limitations to how many videos can be uploaded, however, there's a 4-minute limit to video duration and the total streaming from the account is limited to 5 GB per month. All videos are overlaid with a Flowplayer logo when encoded or played back using the free accounts.

For unlimited video duration, and to remove Flowplayer branding, the following Upgrade options are available:

Pay as you go

  • Encoding: a per-minute rate for output video.
  • Streaming: a per-GB rate for streamed video.
  • A one time setup fee.
  • Existing Flowplayer License not required.
  • Weekly email reports with streaming statistics.

Economy

  • Encoding: 120 minutes per month. A flat rate per minute for additional encoding.
  • Streaming: 150GB per month. A flat rate per GB for additional streaming.
  • Existing Flowplayer License not required.
  • Weekly email reports with streaming statistics.

Pro

  • Encoding: 1000 minutes per month. A flat rate per minute for additional encoding.
  • Streaming: 1500 GB per month. A flat rate per GB for additional streaming.
  • Existing Flowplayer License not required.
  • Weekly email reports with streaming statistics.

Enterprise

  • Encoding: 2000 minutes per month. A flat rate per minute for additional encoding.
  • Streaming: 4500 GB per month. A flat rate per GB for additional streaming.
  • Existing Flowplayer License not required.
  • Weekly email reports with streaming statistics.

Note: The Enterprise plan is not offered in the pricing page. You can upgrade to it from the other plans, the option is shown in your account.

Flowplayer license

To add your own branding to Flowplayer, you need a license for the player. Please check Pricing for details on licensing options. Note that the Enterprise plan contains an Unlimited Flowplayer license.

Pre-calculation of costs

Our top-priority is that you can present your videos at an optimal visual quality per transfer rate ratio. Drive transcodes every single original video with unique settings based on its content, the entire transcoding process is quality-oriented. Contrary to other services who work with fixed parameters this approach

  • avoids quality loss by unnecssary hard upper limits; as a consequence you do not waste money on ugly results
  • avoids quality loss (stuttering playback) by unnecessary high bitrates; as a consequence you do not waste money on data transfer without visual gain
  • avoids wasting bandwidth and your money by upscaling your original to a static set of dimensions (especially important when encoding to multiple resolutions - if the original is not full HD, we do not blow it up to full HD, only to suck bandwidth and money, instead let the hardware scale up if needed, for free

We firmly believe that the above advantages outweigh by far the only drawback of this approach regarding the prognosis of streaming costs as they depend on the actual content of your videos. This does not affect the transcoding costs which depend solely on duration (not submission file size!) and the amount of resolutions.

Transcoding costs

They are applied only once per video:

  1. Standard single resolution results in a transcoding duration of video duration times 2.
  2. Multiple resolution results in a transcoding duration of video duration multiplied by 4 to 16 times.

Streaming costs

They depend largely on the size and viewing habits of your audience. For an extremely rough calculation one could assume the medium of the targeted bitrate window for the standard resolution as average transfer rate. This would lead to a formula of 700 KB multiplied by the expected viewing duration in seconds.

A talking head video will result in a very low transcoded bitrate (and therefore filesize and amount of transmitted data) whereas a video containing for instance a lot of high motion scenes or pan shots will need more data (a higher bitrate) to achieve the same quality.

Always bear in mind that the very vagueness of this calculation buys you the guarantee of an optimal quality/transmission rate ratio, in short: best value for money.

Recommendations for video uploading

The Flowplayer Drive transcoder has no restrictions regarding your original video file submissions. If you encounter an error which is not caused by the duration limit under the free plan, please contact Flowplayer support.

We strongly recommend to refrain from pre-processing your originals before submission. Let the Flowplayer Drive transcoder do the hard work and give it as much information as possible. In your video editing suite pick the "Export to original quality" setting or similar, and upload the result. Any "optimized" settings will lose invaluable information which the transcoder is eager to evaluate; you might gain slightly on upload and processing speed in the short term, but lose on result quality in the long term. Because we love quality we do not charge for the size of your uploaded videos, only for their duration.

Transcoding in Flowplayer Drive

Rationale

Video transcoding can be fearsome — not only "for dummies" — because it presents the user with endless choices, many of which are all but unnecessary for the majority of users. The goal of Flowplayer Drive encoding is to relieve the user of this painful freedom and to make the best choices automatically.

While absolute top-notch results — as is often the case — can only be achieved by manual input inspection and actual viewing of various results, we aim to offer a solution which yields videos that can be viewed on any device and in any browser with minimal to no visible quality loss compared to what is achieved through a workflow governed by individual choices.

The target audience are users who want a quick, no-fuss out of the box solution; the only required user activity is the upload of the original.

Quality oriented transcoding

The main criterion for a video is plain and simple: It has to look good.

Therefore we target good quality for web deployment, and adapt the more "technical" requirements, like bitrate etc., accordingly.

The bitrate used in our 2-pass encodings varies depending on the material, but the resulting visual quality is always the same.

This is achieved by first running a diagnostic program to determine the best encoding parameters specifically for your video. For the standard encoding the average bitrate will be curbed towards a range of 400 kbps to 1000 kbps. This range is considered as sensible for delivery over the wire, reasonably independent of connection speed. For encoding to multiple resolutions each bitrate is calculated based on the target resolution and the bitrate of the standard resolution.

Result files

Standard cross compatible resolution

Minimal requirement for showing your videos in all browsers on all platforms.

  1. MP4 at maximum 640x480 resolution
  2. WEBM at maximum 640x480 resolution

Multiple resolutions

For brilliant and crisp quality, especially on large screens - or low bandwidth transmission.

WEBM and MP4 at 1 to 4 resolutions, for manual or client feature based selection:

nameresolutionsource conditioncompatibility
lo-fi400x288width > 400px and/or height > 288pxall browsers, for low bandwidth
SD640x480always, as standard encodingall browsers
HD1280x960width > 640px and/or height > 480pxdesktop browsers
full HD1920x1080width > 1280px and/or height > 960pxdesktop browsers

HLS M3U8 manifest pointing to MPEG TS streams at 2 to 8 resolutions, dynamic bitrate and resolution switching in clients supporting HLS:

resolutionconditionh.264 profile
400x288 lo-fi400x288 bitrate > 80 kbpsbaseline
400x288alwaysbaseline
480x320source width > 400px and/or source height > 288pxbaseline
640x432alwaysmain
960x640source width > 640px and/or source height > 432pxmain
1024x768source width > 960px and/or source height > 640pxmain
1280x960source width > 1024px and/or source height > 768pxhigh
1920x1080source width > 1280px and/or source height > 960pxhigh

resolution means maximal resolution, see general features.

width and height values assume landscape orientation, they are toggled for portrait.

General features

Flowplayer encoding takes care to

  • create completely format-compliant videos
  • recognize anamorphic input and resolve it undistorted
  • transform PAL and NTSC formats without distortion to 4:3 or 16:9 aspect ratio (read more if you ever wondered why your old Camcorder movies always looked strange on a computer screen)
  • undistorted scaling of "cinema" resolutions
  • cater for (often undocumented) browser and device specific quirks
  • save on bitrate, dimensions etc. wherever possible

The average bitrate never exceeds the one of the original.

Width and height never exceed the dimensions of the original - except with anamorphic input which is stretched to fit display aspect ratio.

Example for defensive treating of platform quirks in the standard transcoding which must be cross-platform and cross-browser compatible:

h.264 profile Baseline, level 3.0 allows more than 1 reference frame. However, some videos then might show artifacts on some older iOS devices. Therefore we stick with 1 reference frame.

Video

  • display aspect ratio: same as original, undistorted PAL and NTSC conversion
  • sample aspect ratio 1/1 for MP4 and WEBM (IE does not handle anamorphic videos)
  • consistent result colorspace: yuv420p
  • frame rate: constant, same as original, 30 fps max
  • scan type: progressive - input is deinterlaced if needed
  • bitrate: average determined from first pass at constant rate factor, minimum threshold: 120 kbps, maximum threshold 1500 kbps for MP4 and WEBM at standard resolution; for multiple resolution encodings it is increased or decreased according to each target resolution
  • h.264 profile and level requirements enforced
  • rotated input and generic portrait aspect ratio handled correctly

MP4 Mobile device compatibility:

  • Baseline profile level 3.0
  • 1 reference frame - effectively 2 because of macroblock tree rate control
  • 640x480 max resolution

HLS streaming enhancements:

  • keyframe alignment across all resolutions for seamless transitions
  • display aspect ratio exactly the same as for standard resolution throughout all all resolutions (container is always filled without borders)
  • flexible segment duration according to overall duration
  • video buffer verifier management optimized for HLS

Audio

  • no superfluous audio track if original has none
  • audio channels: 2 max
  • sample rate: 44100 or 32000 or 22050 Hz - nearest input without upsampling
  • bitrate: max 64 kbps (stereo) or 32 kbps (mono)