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:
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:
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:
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:
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:
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:
When sound is detected, the same sound bar will indicate the actual sound level when the recorder is in idle state or while recording:
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:
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:
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:
Changes to the APIs
- 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.
- 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.