Title: web-cam Author: murtuzamakda52 Published: 2021 年 11 月 17 日 Last modified: 2025 年 12 月 5 日 --- 搜尋外掛 ![](https://s.w.org/plugins/geopattern-icon/web-cam.svg) # web-cam 由 [murtuzamakda52](https://profiles.wordpress.org/murtuzamakda52/) 開發 [下載](https://downloads.wordpress.org/plugin/web-cam.3.1.zip) * [詳細資料](https://tw.wordpress.org/plugins/web-cam/#description) * [使用者評論](https://tw.wordpress.org/plugins/web-cam/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/web-cam/#installation) * [開發資訊](https://tw.wordpress.org/plugins/web-cam/#developers) [技術支援](https://wordpress.org/support/plugin/web-cam/) ## 外掛說明 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 ## 安裝方式 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. ## 常見問題集 ### 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) ## 使用者評論 ![](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/) 2025 年 12 月 23 日 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/) 2022 年 3 月 22 日 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/) 2021 年 12 月 30 日 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. [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/web-cam/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈web-cam〉的開發相關工作。 參與者 * [ murtuzamakda52 ](https://profiles.wordpress.org/murtuzamakda52/) [將〈web-cam〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/web-cam) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/web-cam/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/web-cam/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/web-cam/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/web-cam/)。 ## 變更記錄 stable version previously it was distorted the design now its fix button works perfect add class to change the design via css improve ui ## 中繼資料 * 版本 **3.1** * 最後更新 **7 個月前** * 啟用安裝數 **40+** * WordPress 版本需求 ** 5.0 或更新版本 ** * 已測試相容的 WordPress 版本 **6.8.5** * 語言 * [English (US)](https://wordpress.org/plugins/web-cam/) * 標籤: * [camera](https://tw.wordpress.org/plugins/tags/camera/)[capture](https://tw.wordpress.org/plugins/tags/capture/) [image uploader](https://tw.wordpress.org/plugins/tags/image-uploader/)[web-cam](https://tw.wordpress.org/plugins/tags/web-cam/) * [進階檢視](https://tw.wordpress.org/plugins/web-cam/advanced/) ## 評分 5 星，滿分為 5 星 * [ 3 個 5 星使用者評論 ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/web-cam/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/web-cam/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/web-cam/reviews/) ## 參與者 * [ murtuzamakda52 ](https://profiles.wordpress.org/murtuzamakda52/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/web-cam/)