angular-bigscreen
AngularBigScreen is an Angular service to quickly use the HTML5 fullscreen API.
Install
-
Install
angular-bigscreen
node module through npm:$ npm install angular-bigscreen --save -
Import
BigScreenModule
to your AppModule;@ -
Import
BigScreenService
and use it in a component;@{}
Usage
For example:
// Request fullscreenthisbigScreenService;
API
this.bigScreenService.isFullscreen()
Returns a boolean
. True if fullscreen is being used, else false.
this.bigScreenService.isEnabled()
Returns a boolean
. Checks if fullscreen is enabled.
this.bigScreenService.request(el: ElementRef)
Requests fullscreen on an ElementRef
.
this.bigScreenService.exit()
Exits from fullscreen.
this.bigScreenService.onChange(callback: any)
This is a wrapper for document.fullscreenchange
.
this.bigScreenService.onError(callback: any)
This is a wrapper for document.fullscreenerror
.
this.bigScreenService.getElement()
Returns an element. This is a wrapper for document.fullscreenElement
.
License
MIT. Copyright (c) Alex.