A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
Input parameter for screen annotation modal.
Input flag to control the visibility of the modal.
Input callback function to be called when the modal is closed.
Input string to set the position of the modal.
Input string to set the background color of the modal.
ViewChild reference to the screen video element.
ViewChild reference to the screen canvas element.
FontAwesome icon for the close button.
Fileoverview
ScreenboardModal component for handling screen annotation and modal visibility.
Component
Selector
app-screenboard-modal
Standalone
true
Template Url
./screenboard-modal.component.html
Style Urls
./screenboard-modal.component.css
Imports
CommonModule, FormsModule, FontAwesomeModule
ScreenboardModal
Implements
OnInit, OnDestroy, OnChanges, AfterViewInit
Description
This component is responsible for managing the screen annotation modal, including showing and hiding the modal, handling screen annotations, and managing media streams.
Method
ngOnInit - Initialization logic that does not depend on the view.
Method
ngOnDestroy - Cleanup logic when the component is destroyed.
Method
ngOnChanges - Logic to handle changes in input properties.
Method
ngAfterViewInit - Logic that requires view access.
Method
showModal - Method to show the modal and handle screen annotation setup.
Method
hideModal - Method to hide the modal and cleanup screen annotation.
Method
annotatationPreview - Method to handle the preview of screen annotations.
Method
handleScreenTransport - Method to handle screen transport logic.
Method
stopAnnotation - Method to stop the screen annotation.
Method
stopAllTracks - Method to stop all media tracks.
Returns
The screenboard modal component.
Example