import { Directive, ElementRef, Renderer } from '@angular/core'; @Directive({ selector: '[camera]' }) export class CameraDirective { private video: HTMLVideoElement; constructor(private elem: ElementRef, private renderer: Renderer) { this.video = elem.nativeElement; // renderer.setElementStyle(video, 'backgroundColor', 'red'); } public ngAfterViewInit() { if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserMedia({ video: true }) .then((stream) => { this.video.src = window.URL.createObjectURL(stream); this.video.play(); }); } } }
angular camera directive
Guess you like
Origin http://10.200.1.11:23101/article/api/json?id=326607491&siteId=291194637
Recommended
Ranking