+
+
+
+
+
+
+
diff --git a/chatter_camera/static/src/js/chatter_camera.js b/chatter_camera/static/src/js/chatter_camera.js
new file mode 100644
index 000000000..eff0a12fb
--- /dev/null
+++ b/chatter_camera/static/src/js/chatter_camera.js
@@ -0,0 +1,70 @@
+/** @odoo-module **/
+import { Chatter } from "@mail/chatter/web_portal/chatter";
+import { patch } from "@web/core/utils/patch";
+import { useRef } from "@odoo/owl";
+
+//patch the class ChatterContainer to added the click function
+patch(Chatter.prototype ,{
+ setup() {
+ super.setup();
+ this.video = useRef("video");
+ this.stop_camera = useRef("stop-camera-button");
+ this.canvas = useRef("canvas");
+ },
+ onClickCamera: function(){
+ var self = this;
+ myModal.style.display = "block";
+ let All_mediaDevices=navigator.mediaDevices
+ All_mediaDevices.getUserMedia({
+ audio: false,
+ video: true
+ })
+ .then(function(vidStream) {
+ var video = self.video.el;
+ if ("srcObject" in video) {
+ video.srcObject = vidStream;
+ } else {
+ video.src = window.URL.createObjectURL(vidStream);
+ }
+ video.onloadedmetadata = function(e) {
+ video.play();
+ };
+ var stopButton = self.stop_camera.el
+ stopButton.addEventListener('click', function() {
+ vidStream.getTracks().forEach(function(track) {
+ track.stop();
+ myModal.style.display = "none";
+ canvas.toDataURL();
+ });
+ });
+ })
+ .catch(function(e) {
+ console.log(e.name + ": " + e.message);
+ });
+ },
+ /**
+ Capture the image
+ **/
+ ImageCapture: function(){
+ let canvas = this.canvas.el
+ let video = this.video.el
+ canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
+ let image_data_url = canvas.toDataURL('image/jpeg');
+ var fl = [];
+ var arr = image_data_url.split(','),
+ mime = arr[0].match(/:(.*?);/)[1],
+ bstr = atob(arr[1]),
+ n = bstr.length,
+ u8arr = new Uint8Array(n);
+
+ while (n--) {
+ u8arr[n] = bstr.charCodeAt(n);
+ }
+ var f = new File([u8arr], 'image.jpeg', {
+ type: mime
+ });
+ fl.push(f);
+ this.attachmentUploader.uploadFile(fl[0])
+ myModal.style.display = "none";
+ },
+});
diff --git a/chatter_camera/static/src/xml/chatter_camera.xml b/chatter_camera/static/src/xml/chatter_camera.xml
new file mode 100644
index 000000000..56b566167
--- /dev/null
+++ b/chatter_camera/static/src/xml/chatter_camera.xml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Capture images on chatter. +
++ Chatter Camera +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Community, Enterprise and Odoo.sh Support +
+
+
+
+
+
+
+
+
+ + Capture images from chatter. +
+
+
+
+
+
+
+
+
+
+ Chatter Camera
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + After installation of the module a camera button added to the + + chatter. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Open + + Camera. +
+
+
+ + By clicking on the camera button we will have a camera screen.We can add captured images to chatter by clicking capture button. +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Corresponding images on + + chatter. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Capture images from chatter.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + The Chatter Camera module allows users to take photos directly from Odoo’s Chatter feature using their device's camera. This functionality enables users to capture and attach images instantly to messages, notes, or records in real-time. +
+
+
+
+
+
+
+ + The Chatter Camera feature streamlines the process of adding visual documentation to records by allowing users to take and attach photos instantly. This is particularly useful for quality checks, inspections, and proof of work, making communication and documentation more efficient. +
+
+
+
+
+
+
+ + Images captured via the Chatter Camera can be attached to any Odoo record that supports Chatter, including sales orders, delivery notes, inventory items, and CRM records. These photos become part of the record’s activity log for easy reference. +
+
+
+
+
+
+ + No special configuration is required beyond installing the module. However, you may need to grant permission for Odoo to access your device’s camera, especially when using mobile or tablet devices. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 14th November, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+