Monday 26 June 2023

How to disable / hide the mouse cursor to be recorded

I want to record the screen of the user, but I want to hide / exclude the cursor to be recorded. I researched about this and found out this article :-

https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSettings/cursor

The above can be used to disable the mouse to be recorded from the recording and in the official documents it is mentioned cursor as a available values :- enter image description here

I am not sure where and how to use the above parameter to disable or hide the mouse cursor. I am using tabCapture api which basically is like getUserDisplay :-

chrome.tabCapture.capture({ 
     video: true,
     audio: false,
     videoConstraints:{
                  
     mandatory:
          {cursor: 'never', minFrameRate:70,maxFrameRate:120,maxWidth:1920,maxHeight:1080}} 
              
          }

I used the cursor parameter like above, but it didn't work, the cursor still showing up in the recording, It would be a great help if you please show a small demo for the recording of the screen but excluding the cursor

Thank you for reading :)



from How to disable / hide the mouse cursor to be recorded

No comments:

Post a Comment