{"id":150095,"date":"2021-11-17T04:33:54","date_gmt":"2021-11-17T04:33:54","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/web-cam\/"},"modified":"2025-12-05T07:44:17","modified_gmt":"2025-12-05T07:44:17","slug":"web-cam","status":"publish","type":"plugin","link":"https:\/\/tah.wordpress.org\/plugins\/web-cam\/","author":20113867,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.1","stable_tag":"3.1","tested":"6.8.5","requires":"5.0","requires_php":"","requires_plugins":null,"header_name":"web-cam","header_author":"Murtuza Makda(idrish)","header_description":"This is the very first plugin I ever created and this is a unique plugin because using .","assets_banners_color":"","last_updated":"2025-12-05 07:44:17","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/www.upwork.com\/freelancers\/~018f06972fe4607ad0","header_author_uri":"https:\/\/www.upwork.com\/freelancers\/~018f06972fe4607ad0","rating":5,"author_block_rating":0,"active_installs":40,"downloads":4159,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"murtuzamakda52","date":"2021-11-17 04:33:46"},"2.0":{"tag":"2.0","author":"murtuzamakda52","date":"2023-04-29 14:54:09"},"3.0":{"tag":"3.0","author":"murtuzamakda52","date":"2025-11-22 11:54:53"},"3.1":{"tag":"3.1","author":"murtuzamakda52","date":"2025-12-05 07:44:17"}},"upgrade_notice":{"":"

None<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":3},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","2.0","3.0","3.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Example Web-cam","2":"Example of shortcode","3":"Example how to get image id after button click"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[6388,7074,1266,205158,205157],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-150095","plugin","type-plugin","status-publish","hentry","plugin_tags-camera","plugin_tags-capture","plugin_tags-image-uploader","plugin_tags-take-image","plugin_tags-web-cam","plugin_committers-murtuzamakda52"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/web-cam.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

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.<\/p>\n\n

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.<\/p>\n\n

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.<\/p>\n\n

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.<\/p>\n\n

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.<\/p>\n\n

web_cam_media_id use this action to get capture image id on function.php file<\/p>\n\n

Shortcode to use: [web-cam]<\/code><\/p>\n\n

Parameters used within shortcode:\n- slug<\/code><\/p>\n\n

For example: [web-cam slug=\"unique-slug\"]<\/code><\/p>\n\n

add_action('web_cam_media_id','get_media_id');\nfunction get_media_id($value){\n if($value['slug'] == 'home-page'){\n print_r($value['media_id']); \/\/ if you need only media id\n $image_url = wp_get_attachment_url($value['media_id']);\n print_r($image_url); \/\/ if you need url of media image \n }\n if($value['slug'] == 'contact-page'){\n \/\/your custome code to handle media\n }\n}<\/p>\n\n

you can also design it using css or change the place of button using css<\/p>\n\n

For example: if you want to change the take image button's background-color<\/p>\n\nweb_cam is is base id\n\nweb_cam .takeimage{\n\n

background-color: 'black';\n<\/code><\/pre>\n\n
}<\/p>\n\n
Visit My Upwork Profile-https:\/\/www.upwork.com\/freelancers\/~018f06972fe4607ad0<\/p>\n\n
Which browsers does it support?<\/h4>\n\n
PC \/ Mac:\n- Firefox, Chrome, Safari, Opera, Edge, All Modern Browser<\/p>\n\n
Mobile Os: \n- Android, IOS<\/p>\n\n\n
    \n
  1. Upload the entire plugin folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\n
  2. Activate the plugin through the 'Plugins' menu in WordPress.\n                        or                                                  <\/li>\n
  3. Simpley Click on install button in plugin menu.<\/li>\n<\/ol>\n\n\n
    \n
    Use Cases of this plugin<\/h3><\/dt>\n