An open API service indexing awesome lists of open source software.

https://github.com/shortthirdman/ngx-webcam

Implementing Webcam Capture feature using Angular 10 and Bootstrap 4
https://github.com/shortthirdman/ngx-webcam

angular mediastream-api stream webcam webcam-capture

Last synced: 7 months ago
JSON representation

Implementing Webcam Capture feature using Angular 10 and Bootstrap 4

Awesome Lists containing this project

README

          

# ngx-webcam #

![Node.js CI](https://github.com/shortthirdman/ngx-webcam/workflows/Node.js%20CI/badge.svg) ![GitHub Workflow Status](https://img.shields.io/github/workflow/status/shortthirdman/ngx-webcam/Node.js%20CI)

Implementing Webcam Capture using Angular.

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.6.

## Development server ##

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding ##

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build ##

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests ##

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests ##

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help ##

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

## Resources ##

* [Capture webcam images from a browser with Angular](https://x-team.com/blog/webcam-image-capture-angular/)
* [Camera and Video Control with HTML5](https://davidwalsh.name/browser-camera)
* [Capturing Camera Images with Angular](https://www.dev6.com/angular/capturing-camera-images-with-angular/)