|
1 |
| -# ApiRTC-Angular |
| 1 | +# ApiRTC over Angular Steps by Steps Tutorial |
2 | 2 |
|
3 | 3 | This project is a very simple **angular** application using **ApiRTC**.
|
4 | 4 |
|
5 | 5 | It is running **live** hosted on github.io : https://apizee.github.io/ApiRTC-angular/.
|
6 | 6 |
|
7 |
| -This is also a **tutorial** as this README lists the steps that created the project. |
| 7 | +This is also a **tutorial** as this README lists the steps that created the project from scratch. |
8 | 8 |
|
9 |
| -## ApiRTC over Angular Steps by Steps Tutorial |
10 |
| - |
11 |
| -Starting from scratch, first install angular cli (command line interface) : |
| 9 | +## Intall angular command line interface |
12 | 10 |
|
13 | 11 | `sudo npm install -g @angular/cli`
|
14 | 12 |
|
15 | 13 | (This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.12.)
|
16 | 14 |
|
17 |
| -Create the new angular app : |
| 15 | +## Create the new angular app |
18 | 16 |
|
19 | 17 | `ng new ApiRTC-angular`
|
20 | 18 |
|
21 | 19 | `cd ApiRTC-angular`
|
22 | 20 |
|
23 |
| -Import angular-material that will be used to produce nice form : |
| 21 | +## Import angular-material |
| 22 | + |
| 23 | +This will be used to produce nice form ;) |
24 | 24 |
|
25 | 25 | `ng add @angular/material`
|
26 | 26 |
|
27 |
| -Import **ApiRTC** : |
| 27 | +## Import **ApiRTC** |
28 | 28 |
|
29 | 29 | `npm install @apizee/apirtc@latest --save`
|
30 | 30 |
|
31 |
| -In `src/app/app.module.ts` add imports of modules for angular reactive forms and @angular/material. |
| 31 | +## Code the application |
32 | 32 |
|
33 |
| -Replaced default content of `src/app/app.component.html` with a simple form to enter conversation name and tags for remote and local videos. |
| 33 | +Please check the code in this repo. Following is the exhaustive list of modified files and how : |
34 | 34 |
|
35 |
| -Copy code from first Conversation tutorial (https://github.com/apizee/ApiRTC-examples/blob/master/conferencing/js/conference.js) in `src/app/app.component.ts` and adapt to typescript and angular. |
| 35 | +In `src/app/app.module.ts` add imports of modules for angular reactive forms and @angular/material. |
36 | 36 |
|
37 |
| -Run `ng serve` |
| 37 | +Replaced default content of `src/app/app.component.html` with a simple form to enter conversation name and tags for remote and local videos. |
38 | 38 |
|
39 |
| -The application can be opened in multiple tabs to test **ApiRTC** conversation with **multiple peers**. |
| 39 | +Copied code from first Conversation tutorial (https://github.com/apizee/ApiRTC-examples/blob/master/conferencing/js/conference.js) in `src/app/app.component.ts` and adapt to typescript and angular. |
40 | 40 |
|
41 |
| -## Development server |
| 41 | +## Run in Development mode |
42 | 42 |
|
43 | 43 | 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.
|
44 | 44 |
|
| 45 | +The application can be opened in multiple tabs to test **ApiRTC** conversation with **multiple peers**. |
| 46 | + |
45 | 47 | ## Build
|
46 | 48 |
|
47 | 49 | 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.
|
|
0 commit comments