Angular Components Tutorials

In the following tutorials you can learn how to use each one of the available Angular Components to build your application UI tailored to your needs:

• Custom UI: learn how to customize the UI, changing colors, shapes and add your branding logo.
• Custom toolbar: learn how to replace the default toolbar with your own.
• Toolbar buttons: learn how to add custom buttons to the toolbar.
• Toolbar panel buttons: learn how to add custom panel buttons to the toolbar.
• Custom layout: learn how to replace the default layout with your own.
• Custom stream: learn how to replace the default stream with your own.
• Custom panels: learn how to replace the default panels with your own.
• Additional panel: learn how to add a new extra panel besides the default ones.
• Custom chat panel: learn how to replace the default chat panel with your own.
• Custom activities panel: learn how to replace the default activities panel with your own.
• Custom participants panel: learn how to replace the default participants panel with your own.
• Custom participant panel item: learn how to replace the default participants panel item with your own.
• Custom participant panel item element: learn how to replace the default participant panel item element with your own.
• Toggle hand: learn how to add extra features to the videoconference.
• Admin dashboard: learn how to add an admin dashboard to the videoconference.

Also you can check the complete demo application that uses Angular Components:

• OpenVidu Components Demo App: try the complete demo application that uses Angular Components.