Title: web-cam
Author: murtuzamakda52
Published: <strong>November 17, 2021</strong>
Last modified: December 5, 2025

---

Search plugins

![](https://s.w.org/plugins/geopattern-icon/web-cam.svg)

# web-cam

 By [murtuzamakda52](https://profiles.wordpress.org/murtuzamakda52/)

[Download](https://downloads.wordpress.org/plugin/web-cam.3.1.zip)

 * [Details](https://pcd.wordpress.org/plugins/web-cam/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/web-cam/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/web-cam/#installation)
 * [Development](https://pcd.wordpress.org/plugins/web-cam/#developers)

 [Support](https://wordpress.org/support/plugin/web-cam/)

## Description

To use this plugin, you need to first add a shortcode to your page. Once the shortcode
is added, you can then click on the “Take Picture” button to capture an image using
your webcam. After taking the picture, click on the “Upload” button, which will 
upload the image to the WP media library.

Using the “web_cam_media_id” hook, you can retrieve the media ID of the uploaded
image. This media ID can be used to customize various features, such as uploading
an avatar image, setting a product image, getting product image feedback, and many
more.

It is important to note that this plugin is designed to provide a simple and efficient
way to upload images using your webcam, and can be customized based on your specific
requirements. By using the web_cam_media_id hook, you can easily integrate this 
plugin into your WordPress website and enhance its functionality.

If you need to use the webcam image upload feature on multiple pages or forms within
your WordPress website, you can pass a unique slug in the shortcode for each instance.
This allows you to differentiate between the various pages or forms and customize
the behavior of the plugin accordingly.

Once the user takes a picture and uploads it using the plugin, the “web_cam_media_id”
action hook is triggered. This hook passes the media ID of the uploaded image as
a parameter to any function that is registered to listen for this action.

web_cam_media_id use this action to get capture image id on function.php file

Shortcode to use: `[web-cam]`

Parameters used within shortcode:
 – `slug`

For example: `[web-cam slug="unique-slug"]`

add_action(‘web_cam_media_id’,’get_media_id’);
 function get_media_id($value){ if(
$value[‘slug’] == ‘home-page’){ print_r($value[‘media_id’]); // if you need only
media id $image_url = wp_get_attachment_url($value[‘media_id’]); print_r($image_url);//
if you need url of media image } if($value[‘slug’] == ‘contact-page’){ //your custome
code to handle media } }

you can also design it using css or change the place of button using css

For example: if you want to change the take image button’s background-color

web_cam is is base id

web_cam .takeimage{

    ```
    background-color: 'black';
    ```

}

Visit My Upwork Profile-https://www.upwork.com/freelancers/~018f06972fe4607ad0

#### Which browsers does it support?

PC / Mac:
 – Firefox, Chrome, Safari, Opera, Edge, All Modern Browser

Mobile Os:
 – Android, IOS

## Installation

 1. Upload the entire plugin folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
     or
 3. Simpley Click on install button in plugin menu.

## FAQ

### Use Cases of this plugin

 * Capture Live Picture
 * KYC Purpose
 * Image Selling Website
 * Product Feedback
 * Survey Purpose
 * Other live taking image

### Where can we chat with you if we face any problem?

you can direct chat with me on my linked [profile](https://www.linkedin.com/in/idrish-makda/)

### Where can I request new features?

We are available on the WordPress support forum.
 or you can contact me on upwork
[Profile](https://www.upwork.com/freelancers/~018f06972fe4607ad0)

## Reviews

![](https://secure.gravatar.com/avatar/7f70f2a4189cbe48ee3686ce73dc1bcdafb52a4d8457a901d9b9371b7196d4a5?
s=60&d=retro&r=g)

### 󠀁[Amazing plugin for product feedback](https://wordpress.org/support/topic/amazing-plugin-for-product-feedback/)󠁿

 [idriscn](https://profiles.wordpress.org/idriscn/) December 23, 2025

Great plugin! This plugin helps me gather product feedback after shipping. It allows
customers to share unboxing photos, and I can quickly generate a form to report 
broken items.

![](https://secure.gravatar.com/avatar/849b1cb17cbfc453f54cc3da7ccce7b97f3e2a2b4ec5975bbcaf64fca57107be?
s=60&d=retro&r=g)

### 󠀁[Great camera plugin](https://wordpress.org/support/topic/great-camera-plugin/)󠁿

 [tarangshah136](https://profiles.wordpress.org/tarangshah136/) March 22, 2022

This is the only wordpress plugin which can access camera on WordPress website and
take photos, and you can use in mobile also, camera supports mobile cam I used as
submit user’s profile picture and product feedback or user’s verification

![](https://secure.gravatar.com/avatar/5b50fe8e56e0926fec3033de222ca240bd68808cc6c19cf31e56f1efc64f0af8?
s=60&d=retro&r=g)

### 󠀁[Molto interessante](https://wordpress.org/support/topic/molto-interessante-3/)󠁿

 [webigelv](https://profiles.wordpress.org/webigelv/) December 30, 2021

Una bella idea, utile anche in prospettiva WebApp ma devi concedere la scelta della
fotocamera, anteriore o posteriore e, consentire il salvataggio con dei criteri,
per esempio collegandolo all’utente che acquisisce l’immagine. In questo modo ci
sarebbe una galleria per ogni utente. Comunque per me è un bel lavoro. Grazie per
aver messo a disposizione questo modulo.

 [ Read all 3 reviews ](https://wordpress.org/support/plugin/web-cam/reviews/)

## Contributors & Developers

“web-cam” is open source software. The following people have contributed to this
plugin.

Contributors

 *   [ murtuzamakda52 ](https://profiles.wordpress.org/murtuzamakda52/)

[Translate “web-cam” into your language.](https://translate.wordpress.org/projects/wp-plugins/web-cam)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/web-cam/), check out
the [SVN repository](https://plugins.svn.wordpress.org/web-cam/), or subscribe to
the [development log](https://plugins.trac.wordpress.org/log/web-cam/) by [RSS](https://plugins.trac.wordpress.org/log/web-cam/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

stable version previously it was distorted the design now its fix
 button works 
perfect add class to change the design via css improve ui

## Meta

 *  Version **3.1**
 *  Last updated **4 months ago**
 *  Active installations **40+**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **6.8.5**
 *  Language
 * [English (US)](https://wordpress.org/plugins/web-cam/)
 * Tags
 * [camera](https://pcd.wordpress.org/plugins/tags/camera/)[capture](https://pcd.wordpress.org/plugins/tags/capture/)
   [image uploader](https://pcd.wordpress.org/plugins/tags/image-uploader/)[web-cam](https://pcd.wordpress.org/plugins/tags/web-cam/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/web-cam/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  3 5-star reviews     ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/web-cam/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/web-cam/reviews/)

## Contributors

 *   [ murtuzamakda52 ](https://profiles.wordpress.org/murtuzamakda52/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/web-cam/)