+
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..37ba7c028
--- /dev/null
+++ b/odoo_screen_recording/static/src/js/button_systray.js
@@ -0,0 +1,79 @@
+odoo.define('odoo_screen_recording.video', function (require) {
+ "use strict";
+ var SystrayMenu = require('web.SystrayMenu');
+ var Widget = require('web.Widget');
+ var rpc = require("web.rpc");
+ var VideoButton = Widget.extend({
+ template: 'ScreenCaptureSystray',
+ events: {
+ 'click #capture_screen': '_onClick',
+ },
+ _onClick: function () {
+ try {
+ // Get display media stream
+ navigator.mediaDevices.getDisplayMedia({ video: true })
+ .then(stream => {
+ // Change button color to indicate recording
+ let icon = document.querySelector(".record");
+ icon.style.color = '#28a745';
+
+ // Set up media recorder
+ const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9")
+ ? "video/webm; codecs=vp9"
+ : "video/webm";
+
+ let mediaRecorder = new MediaRecorder(stream, { mimeType: mime });
+ let chunks = [];
+
+ // Event listener for data available
+ mediaRecorder.addEventListener('dataavailable', function (e) {
+ chunks.push(e.data);
+ });
+
+ // Event listener for recording stop
+ mediaRecorder.addEventListener('stop', function () {
+ // Change button color back to default
+ let icon = document.querySelector(".record");
+ icon.style.color = 'white';
+
+ // Create a blob from the recorded chunks
+ let blob = new Blob(chunks, { type: chunks[0].type });
+
+ // Convert blob to base64
+ const blobToBase64 = blob => {
+ const reader = new FileReader();
+ reader.readAsDataURL(blob);
+ return new Promise(resolve => {
+ reader.onloadend = () => {
+ resolve(reader.result);
+ };
+ });
+ };
+
+ // Process the base64 result
+ blobToBase64(blob).then(res => {
+ // Send the base64 data to the Odoo server
+ rpc.query({
+ model: 'video.store',
+ method: 'video_record',
+ args: [res],
+ }).then(function (response) { });
+ });
+ });
+
+ // Start recording
+ mediaRecorder.start();
+ })
+ .catch(error => {
+ console.error('Error capturing screen:', error);
+ // Handle error as needed
+ });
+ } catch (e) {
+ console.error('Error:', e);
+ // Handle error as needed
+ }
+ },
+ });
+ SystrayMenu.Items.push(VideoButton);
+ return VideoButton;
+});
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..2a411c14f
--- /dev/null
+++ b/odoo_screen_recording/static/src/js/video_preview_widget.js
@@ -0,0 +1,16 @@
+odoo.define('odoo_screen_recording.VideoWidget', function (require) {
+ "use strict";
+ var AbstractField = require('web.AbstractField');
+ var core = require('web.core');
+ var field_registry = require('web.field_registry');
+ var _t = core._t;
+ var VideoWidget = AbstractField.extend({
+ template: 'VideoWidget',
+ supportedFieldTypes: ['char'],
+ _render: function () {
+ this._super.apply(this, arguments);
+ this.$el.find('video').attr('src', this.value);
+ },
+ });
+ field_registry.add('videoWidget', VideoWidget);
+});
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..827f79146
--- /dev/null
+++ b/odoo_screen_recording/static/src/xml/button_systray.xml
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + 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.
+
+
+
+
+
+
+
+
+ + Allows to record your entire screen, window or Chrome tabs
+
+
+
+
+
+
+
+
+ + Can record multiple screens at a time
+
+
+
+
+
+
+
+
+ + Can store the recordings in Odoo.
+
+
+
+
+
+
+
+
+ + Able to view and play recorded video in Odoo itself
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Screenshots +
+
+ 
+
+ + You can see a white camera systray icon for recording your screen +
+
+
+ 
+
+
+ + After clicking camera icon a popup will appear displaying options for share your screen. Here you can find option to select tabs
+
+
+ 
+
+ + Here you can see options to choose corresponding window
+
+
+ 
+
+ + You also have the option to choose the entire screen. Simply click the "Share" button to initiate the record. +
+
+
+ 
+
+ + When recording starts, the white camera systray icon will change to green. To stop recording, click "Stop sharing" +
+
+
+ 
+
+ + From the "Screen Capture" app you can access and view all the recorded videos, +
+
+
+ 
+
+ + In tree view , you can see the corresponding Date and Time of each video +
+
+
+ 
+
+ + In form view , you can see the corresponding Date and Time of each video You can also add description if needed.Also, you can play the video too, +
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+ 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
+
+
+
+
+
+
+
+ Need Help?
++
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ +
+ + +
+
+
+ + Record your screen +
+