hdfvr 2 image

Here at NuSoft we realized that the design of  HDFVR was not up to par. So we worked hard in order to bring its design in line with today’s best practices and we are happy with what we have achieved:

HDFVR 2.0 New Look

HDFVR 2.0 New Look

We also focused on streamlining the user experience when following the steps needed to grant access to the camera and microphone, selecting the camera and microphone you want to use and also integrating some visual elements in the interface that tell you if you have good sound and good quality video.

New Prerecording Screen

The first thing you will notice in HDFVR 2.0 is that it will no longer automatically display the full recorder. Instead a pre-recording screen will be shown in which you can make the decision to start a recording and grant access to the webcam and microphone afterwards. Here is  how it looks:

Pre-recording Screen

Pre-recording Screen

This screen can be disabled and HDFVR will start directly. To do this you will need to set the new option skipInitialScreen to 1. By default it is 0 (disabled). This is particularly useful if your are upgrading from an older version of HDFVR which was integrated with the JS Control API. By disabling the screen you won’t have to modify your code and add the new call to startRecorder.

New Device Selection Screen

If more than one webcam or microphone are detected you will have the option to choose which of them to use:

Device Selection Screen

Device Selection Screen

You will be able to change your selection anytime by using the new camera settings and microphone settings button, but more on them later.

New Privacy Dialog Screen

When using a device for the first time Flash will ask you for permission to use that particular device. We’ve added a helper screen to make the steps you have to follow as easy and 1, 2, 3:

Privacy Dialog

Privacy Dialog

Quality Monitoring Features

We observed that in some cases a user was not entirely able to determine the quality of the sound captured by their microphone resulting in very quiet recordings or ones with no sound at all.

To avoid these kinds of issues we’ve implemented two new sound monitoring features:

Sound detection

The new microphone settings button will display a sound level bar on the right side, which will blink red if no sound is captured, like so:

Sound Input Monitoring

Sound Input Monitoring

Sound Level

When sound is detected, the same sound bar will indicate the actual sound level when the recorder is in idle state or while recording:

Sound Level

Sound Level

Low FPS Detection

A new camera settings button will display a small rectangle in the upper left side, which changes color from green to orange and starts blinking if the frames per second drop below 75% of the default value set in the audio-video profile:

Framerate Detection

Framerate Detection

New Camera and Microphone Settings Box

We have replaced the old clunky window which had dropdown lists with a smaller, easier to use settings box where you can choose which camera or microphone to use with a simple click of a radio button:

Camera Settings

Camera Settings

Clicking on the camera button will show the available cameras and clicking on the microphone button will show the available microphones.

Both buttons will remain active in the lower right hand corner even if the showMenu  setting is set to false, so that you can continue to monitor the quality of your sound and video using the indicators described above.

Important to note that on Mac OS systems the PPAPI (Pepper Flash) version of Flash used in Chrome and Opera browsers does not take into account the sound input selected in Flash and instead it defaults to the one selected in the OS. To accommodate for this behavior HDFVR will automatically detect whenever it runs on a Mac OS system with the PPAPI Flash engine and display as a microphone option just Default OS Input Source. This also applies to the initial device selection screen.

Updated Design Options

First and foremost the old padding setting has been completely removed and 2 new settings have been added:

  • normalColor which applies to the text, icons and other parts of the visual elements like the scrub bar and scrubber.
  • overColor which applies to the same elements as above only on mouse over.

New Mobile Video Recording Interface

The mobile version has a received a facelift as well:

Mobile Version Revamped

Mobile Version Revamped

 

Changes to the APIs

  • Implemented new JS Control API startRecorder. This call will trigger HDFVR to start the recorder and show the whole interface. Has the same effect as pressing the [Record Video] button in the new pre-recording screen shown above. This call needs to be executed by all JavaScript implementations. If you want to skip this call you can always hide the initial screen using the setting skipInitialScreen.
  • openSettings JS Control API has been removed, because settings button has been replaced by 2 other buttons (webcam and microphone) which are now visible even if the the showMenu setting is set to true.
  • the camera and microphone names are now sent to save_video_to_db as query variables.

Other changes

  • Implemented new variable payload which can be sent via avc_settings or flash vars.  The payload var is used to transmit data in the form of strings or JSON encoded string. Not mandatory, this var is passed back to the save_video_to_db.php file via GET when the [SAVE] button in the recorder is pressed or when autoSave is enabled, this variable can also be passed via flash vars like this: videorecorder.swf?payload=STRING_DATA.
  • Implemented new variable authenticity_token that can be sent only via flash vars. It is used only for Ruby on Rails implementations where it is needed to validate POST requests for the CSRF mechanism. This variable is sent back to save_video_to_db and jpg_encoder_download.
  • autoSaveVideo became autoSave.
  • Fixed issue with the way mobile devices where detected.
  • Fixed issue with HDFVR defaulting to the mobile version if Flash Player was not installed or it was disabled.

How to download

You can download the HDFVR 2.0 archive from your private client area or if you’re not an existing customer you can purchase HDFVR here.

Not ready to buy yet? Get reminded about HDFVR 2.0 in a week: