+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+ 
+
+ + Odoo Screen Recording
++ Record your screen with odoo and store it for future
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ This application allows to record your screen and store and view recorded video.
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+ Enterprise & Community Support.
+
+
+ Enterprise & Community Support.
+
+
+
+ Allows to record your entire screen, window or chrome tabs
+
+
+
+ Allows to record your entire screen, window or chrome tabs
+
+
+
+ Can record multiple screens at a time
+
+
+
+ Can record multiple screens at a time
+
+
+
+ Can store the recordings in odoo
+
+
+
+
+ Can store the recordings in odoo
+
+
+
+
+ Able to view and play recorded video in odoo itself
+
+
+
+ Able to view and play recorded video in odoo itself
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + You can see a white camera icon for record your screen +
+
+
+ 
+
+
+ + After clicking camera icon there is a popup showing options for share your screen, here you can see option to select tabs
+
+
+ 
+
+
+ + Here you can see options to choose corresponding window
+
+
+ 
+
+ + you can choose entire screen also. By clicking share button you can start recording. +
+
+
+ 
+
+ + You can view the white camera icon changes to green when its started recording, you can stop recording by clicking stop sharing, +
+
+
+ 
+
+ + In "Screen Capture" module you can view all the recorded videos, +
+
+
+ 
+
+ + You can see the corresponding date, time and video in the form view. You can also add description if needed.Also, you can play the video too, +
+
+
+
+
+ + You can record multiple screens at a time using this app, that is while recording entire screen you can record a single tab or single window according to your need by clicking camera icon. +
+
+
+
+ 
+
+
+ Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
diff --git a/odoo_screen_recording/static/src/js/button_systray.js b/odoo_screen_recording/static/src/js/button_systray.js
new file mode 100644
index 000000000..5f6287ce3
--- /dev/null
+++ b/odoo_screen_recording/static/src/js/button_systray.js
@@ -0,0 +1,58 @@
+/** @odoo-module **/
+import SystrayMenu from 'web.SystrayMenu';
+import Widget from 'web.Widget';
+import rpc from 'web.rpc';
+//Used to capture screen when button click according to selected screen
+
+var ExampleWidget = Widget.extend({
+ template: 'ScreenCaptureSystray',
+ events: {
+ 'click #capture_screen': '_onClick',
+ },
+ async _onClick(){
+ try {
+ let stream = await navigator.mediaDevices.getDisplayMedia({
+ video: true
+ })
+ let icon = document.querySelector(".record");
+ icon.style.color = '#28a745';
+ const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9")
+ ? "video/webm; codecs=vp9"
+ : "video/webm"
+ let mediaRecorder = new MediaRecorder(stream, {
+ mimeType: mime
+ })
+ let chunks = []
+ mediaRecorder.addEventListener('dataavailable', function(e) {
+ chunks.push(e.data)
+ })
+ mediaRecorder.addEventListener('stop', function(){
+ let icon = document.querySelector(".record");
+ icon.style.color = 'white';
+ let blob = new Blob(chunks, {
+ type: chunks[0].type
+ })
+ const blobToBase64 = blob => {
+ const reader = new FileReader();
+ reader.readAsDataURL(blob);
+ return new Promise(resolve => {
+ reader.onloadend = () => {
+ resolve(reader.result);
+ };
+ });
+ };
+ blobToBase64(blob).then(res => {
+ // res is base64 now
+ rpc.query({
+ model: 'video.store',
+ method: 'video_record',
+ args: [res],
+ }).then(function(response){});
+ });
+ })
+ mediaRecorder.start()
+ } catch(e){}
+ }
+});
+SystrayMenu.Items.push(ExampleWidget);
+export default ExampleWidget;
\ No newline at end of file
diff --git a/odoo_screen_recording/static/src/js/video_preview_widget.js b/odoo_screen_recording/static/src/js/video_preview_widget.js
new file mode 100644
index 000000000..03dcb1064
--- /dev/null
+++ b/odoo_screen_recording/static/src/js/video_preview_widget.js
@@ -0,0 +1,16 @@
+/** @odoo-module **/
+import {registry} from "@web/core/registry";
+//Used to add widget to view the recorded video in the form view
+const {Component, useRef, onMounted} = owl;
+
+export class VideoWidget extends Component {
+ static template = 'VideoWidget'
+ setup() {
+ onMounted(this.mount);
+ super.setup();
+ }
+ mount() {
+ $('source').attr('src', this.props.value);
+ }
+}
+registry.category("fields").add("videoWidget", VideoWidget);
\ No newline at end of file
diff --git a/odoo_screen_recording/static/src/xml/button_systray.xml b/odoo_screen_recording/static/src/xml/button_systray.xml
new file mode 100644
index 000000000..0790a50ea
--- /dev/null
+++ b/odoo_screen_recording/static/src/xml/button_systray.xml
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Record your screen +
+