Web Cam preview in Media Stream Recording API

I want to make a screencasting web application using MediaRecorder API, Laravel & Vue.js By using this application a user can record his system screen along with his webcam preview.

These are the functionality which I want to in the application

1.Webcam preview should always be visible on the screen even if the user minimizes the browser or opens any other application on the screen.

2.Webcam preview should be draggable and resizeable and can be changed from rectangular preview (default preview) to circular preview & users can have some option to change the border of the preview screen.

Can anyone please let me know it is possible to make something like this using MediaRecorder Recording API, Laravel & Vue.js

enter image description here

via Chebli Mohamed