- Updated panel.component.html to replace *ngIf with @if for chat, participants, background effects, settings, activities, and external panels. - Modified participants-panel.component.html to use @if for local and remote participants rendering. - Changed settings-panel.component.html to utilize @if for menu options based on visibility conditions. - Refactored pre-join.component.html to implement @if for participant name input and error message display. - Adjusted session.component.html to use @if for toolbar template rendering. - Updated audio-devices.component.html and video-devices.component.html to replace *ngIf with @if for dropdown icons. - Refactored stream.component.html to use @if for participant name and audio wave display. - Modified toolbar-media-buttons.component.html and toolbar-panel-buttons.component.html to implement @if for button visibility. - Updated toolbar.component.html to use @if for recording time display. - Refactored videoconference.component.html to replace *ngIf with @if for pre-join and template rendering.
Openvidu Angular TestAPP
Architechture
openvidu-components-angular
│
└─── src (openvidu-components-testapp)
│
└───projects
│
└─── openvidu-components-angular
How to develop with ease:
Run ng serve for a dev server.
Run, in a new terminal, npm run lib:serve for serving the openvidu-components-angular library with live reload for listening changes
Code scaffolding
For generate new components in openvidu-components-angular:
ng g component components/component-name --project=openvidu-components-angular
Build library
npm run lib:build
Publishing
After the library is built, tun the following command:
cd dist/ && npm publish