AV Web Capture

Getting Started

  1. Install plugin on your WordPress site and activate.
  2. Go to your form and place this code in your form <div class="appsouiavi"></div>.
  3. The plugin uses <input type=”file”> so for every instance of the AV Web Capture you should have a <input type=”file”> field.
  4. Initialize AV Web Capture by placing the following code in a <script> element. 
    jQuery(document).ready(function(){
    AppsouiVideoCapture.init();
});

You can customize AV Web Capture using the config method.

jQuery(document).ready(function(){
   
  settings = {
              initAVBtnTxt: 'Turn On Camera',
	      startRecordingBtnTxt: 'Start Recording',
	      stopRecordingBtnTxt:'Stop Recording',
	      playbackBtnTxt:'Playback',
	      downloadBtnTxt:'Download',
	      fileFieldBtnTxt: 'Record Video',
	      timeLimit: 15,
	      timeLimitMsg: 'Times Up!',
	      maxFileSize: {num: 3, txt: 'MB'},
	      displayPlaybackScreen: 'show',
	      displayPlaybackBtn: 'show',
	      displayDloadBtn: 'show'
   };

   AppsouiVideoCapture.config(settings);
   AppsouiVideoCapture.init();
});

The config() function takes an Object with the following properties.

initAVBtnTxt:

Sets the text on the button that prompts the user for permission to use their camera and or microphone. Default value is “Turn on Camera”.

startRecordingBtnTxt:

Sets the text on the button that starts recording a video. Default value is “Start Recording”.

stopRecordingBtnTxt:

Sets the text on the button that stops the video recording. Default value is “Stop Recording”.

playbackBtnTxt:

Sets the text on the button that plays the video that was recorded. Default value is “Playback”.

downloadBtnTxt:

Sets the text on the button that allows user to download the video that was recorded. Default value is “Download”.

fileFieldBtnTxt:

Sets the text on the <input type=”file”> field button that is displayed when accessed on mobile devices or safari web browser. Default value is “Record Video”.

timeLimit:

Sets the maximum amount of time the video can record. Will automatically stop recording when the time limit is reached.  Default value is 0. When set to 0 there no time limit.

timeLimitMsg:

Sets the message the user gets when the time limit is reached. Default value is “Times Up!”.

maxFileSize:

Sets the maximum file size that can be recorded. Will automatically stop recording when file size is reached. This is an Object that has two properties. If not set then the video will not be restricted to a file size. Does not restrict file size of videos loaded by mobile devices.

num: a number value

txt: a text value. Options are ‘Bytes’, ‘KB’, ‘MB’, ‘GB’, ‘TB’, ‘PB’, ‘EB’, ‘ZB’, ‘YB’

displayPlaybackScreen:

This setting determines whether to show, hide, or remove the screen used to playback the video that is recorded. Uses the following options.

show :  Is the default value. It shows the playback screen upon initialization

hide: It hides the playback screen upon initialization. When the playback button is clicked it appears.

remove: Removes the playback screen from the page.

displayPlaybackBtn:

This setting determines whether to show, hide, or remove the playback button. Uses the following options.

show :  Is the default value. It shows the playback button upon initialization

hide: It hides the playback button upon initialization. When the recording is stopped it appears.

remove: Removes the playback button from the page.

Note: When displayPlaybackScreen is set to ‘remove’ the playback button will not appear even if you set it to ‘show’ or ‘hide’.

displayDloadBtn:

This setting determines whether to show, hide, or remove the download button. Uses the following options.

show :  Is the default value. It shows the download button upon initialization

hide: It hides the download button upon initialization. When the recording is stopped it appears.

remove: Removes the download button from the page.

Software Compatibility:

  1. WordPress Plugins
    1. Advanced CF7 DB
    2. Gravity Forms
  2. Qualtrics Survey Software
  3. Your Custom Form

OS/Browser Compatibility:

  1. Windows: Chrome, Firefox, Edge
  2. Apple: Chrome, Firefox
  3. Ubuntu: Firefox
  4. Android: Chrome
  5. iPhone: Safari, Chrome, Firefox
  6. iPad: Safari, Chrome, Firefox