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. yes, we have it enabled at https://rainbowrosescholarship.org/webcam-services/

    Thank you for your reply. I can’t get this page to work in chrome or firefox. It shows a control with the message that this browser doesn’t support webcam campture…

    I have not set the site on the https preload list yet, could that be why?

    Many thanks! Ed Sanders

    1. Did you fix it? I see the website is https. I opened the page with chrome and webcam is loading.

      Nickolas

    2. How did you get it working? I tested right now and it’s working. I am not able to capture image through this plugin. in none of the browser.

      [wordpress_file_upload singlebutton=”true” createpath=”true” adminmessages=”true” medialink=”true” postlink=”true” webcam=”true” webcammode=”both” audiocapture=”true”]

      this is the shortcode that is genreated

    1. Hi, while you see this message, press F12 either on Chrome or Firefox to invoke Dev Console. Go to Console tab and see if there are any messages there.

      Regards

      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