Webcam Capture with Iptanus File Upload Plugin

Webcam Capture is a feature of the Iptanus File Upload plugin that captures screenshots or video from the device’s camera and uploads them to the website.

When the Webcam option is enabled in the plugin’s visual editor, a live feed from the webcam appears on the page.

The upload form showing a live webcam feed with overlay buttons in each corner

Overlay buttons control the webcam: switching camera, taking a screenshot, recording video and playing it back. Depending on the Capture Mode the administrator has set, users can:

  • record video with the red button Red record button in the bottom-left corner of the webcam window
  • take a screenshot with the yellow button Yellow aperture button in the bottom-right corner
  • switch between the front and rear camera with the white button Switch camera button in the top-left corner
  • turn the webcam on and off with the white button Webcam on and off button in the top-right corner.

Video recording

While recording, the red button flashes and a stop button appears, along with a timer showing how long the recording has run. When recording stops, playback buttons appear so the user can review the video, and the Upload Media button below the webcam window becomes available:

A finished recording with playback controls and the Upload Media button enabled

From here the user can preview the video with the playback buttons, upload it with the Upload Media button, or return to the live feed.

Capture settings

Administrators control webcam capture through these settings:

The webcam capture settings in the plugin's visual editor

Note that the preferred settings are applied only if the camera supports them.

Allow File Selection

When the Allow File Selection setting is enabled, the user can also choose a file with the Select File button, as shown below:

The capture window with a Select File button beside the webcam controls

Only one file can be selected; multiple selection is disabled in this mode. If the file is an image, it is previewed inside the capture window:

A selected image previewed inside the capture window

Screenshot capture

When the yellow ‘aperture’ button is pressed, the live feed freezes and the Upload Media button below the webcam window becomes available. Pressing it uploads the screenshot to the website as a PNG image.

A frozen frame after pressing the aperture button, ready to upload

Switch Camera button

When the Switch Camera Button setting is enabled, the user can switch between the front and rear camera of their device with the button Switch camera button in the top-left corner of the capture window.

There is also a Webcam Switch Camera Mode setting in the plugin’s Dashboard area, in the Advanced tab. It controls what the Switch Camera button does, and takes two values:

  • side — the default. The device switches between its front and rear cameras, where it supports that.
  • device — the device cycles through every camera available to it. On a phone with one front and one rear camera this behaves exactly like side; on a phone with a second rear camera, it will reach that one too.

device mode is particularly useful on laptops and desktops with several USB cameras connected, since it is the only way to switch between them.

If you have questions about webcam capture, please contact us.

The Iptanus team

Did this solve your problem?

18 discussions

Most recent: December 2023

Questions answered by Iptanus and other users.

  1. How to make it work with contact form 7.
    Click a button to open camera, capture image and save the file on submitting the form.

    1. Hi Lynn, you cannot use the plugin with an ip camera. It works with embed webcams or cameras connected through USB (which the operating system can identify).

      Regards

      Nickolas

  2. Hi, Thank you for a very nice plugin!
    I want to ask regarding mobile – camera function.
    I did setup this plugin successfully via desktop, but when I want to view via mobile, the camera in blank mode and not functioned.Is it not compatible via mobile?

    FYI, i am using Safari and Chrome at my Iphone.

    Thanks

    Ely

    1. Hi Ely, some mobile browsers do not support webcam. Which iPhone do you have? New iPhones with iOS 14.5 and later should be ok.

      Regards

      Nickolas

          1. I tried it from an Android device with Chrome and seems to be working fine. Maybe iOS still has problems with webcam feature. Do you have Capture Audio enabled?

            Nickolas

Ask a question

Answered by Iptanus, usually within a working day.

Ask a question

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll to Top