reconhecimento.html

<div class="ui-s600">
    <form #formReconhecimento="ngForm" class="ui-validate on-dirty on-submit" (submit)="onSubmit(formReconhecimento)">
        <ui-card class="elevate-on-toolbar" [class.loading]="loading">
            <div class="ui-progress accent" [class.hide]="!loading">
                <div class="indeterminate"></div>
            </div>
            <ui-toolbar class="flat">
                <span class="title">Reconhecimento de clientes</span>
            </ui-toolbar>
            <fieldset [disabled]="saving || loading">
                <ui-card-content>
                    <div class="ui-flex-container">
                        <video class="ui-flex-container" id="video-user" [src]="videoSrc" autoplay></video>
                    </div>
                </ui-card-content>
                <div [hidden]="true">
                    <canvas class="ui-flex-container" id="canvas" [width]="videoWidth" [height]="videoHeight">
                        Seu navegador não suporta Canvas :(
                    </canvas>
                </div>
            </fieldset>
        </ui-card>

        <div class="ui-fab-container">
            <button class="ui-button success fab" uiRipple [class.hide]="loading">
                <ui-progress-radial class="indeterminate" *ngIf="saving"></ui-progress-radial>
                <i class="material-icons">check</i>
            </button>
        </div>
    </form>
</div>