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
最新推荐文章于 2024-07-19 12:58:53 发布