Skip to content

Repository files navigation

My Awesome YouTube Channel

Welcome to my YouTube channel! 🎉 In this channel, I share exciting content related to web development. Whether you're interested in Angular, Javascript, or Productivity tips, you'll find something valuable here. YouTube Channel

About Me

I'm Sam, and I'm passionate about product engineering and web development. I create videos that will help you learn web development.

What You'll Find Here

  • [ Angular ]: [Learn the fundamentals. I explained everything you need to get started with this JavaScript framework written in TypeScript. It is the web development framework for building the future. works at any scale. Loved by millions. Build for everyone. open-source framework for building single-page client applications using HTML and TypeScript.]
  • [ Javascript ]: [JavaScript is a powerful programming language that can add interactivity to a website. JavaScript is easy to learn. It's the foundation of frontend web development.]
  • [ Career Tips ]: [self-assessment, goal setting, action planning, implementation, and refinement. By following these steps, you can develop a road map for achieving your career goals. Tips to improve your career development. Cultivating a beginner's mindset is a critical part of career growth. critical part of your professional growth.]
  • [ Common Errors ]: [Mistakes to Avoid in Software Development Projects.]
  • [ Development Tools ]: [Top Software Development Tools List.]
  • [ Typescript ]: [TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors. TypeScript can help enhance and improve your web development projects.]
  • [ Git & GitHub ]: [GitHub is where over 100 million developers shape the future of software together. Contribute to the open-source community and manage Git repositories. This practical guide gets you to jump right into using GitHub, learning the basics of Git. Git and GitHub are two of the most essential tools in the world of software development.]
  • [ Video Conferencing Tool ]: [Unlock the potential of video conferencing software development. Dive into our guide for insights on key features and cost factors. If you're looking to integrate video communication into your app or planning to build a video streaming/conference app from scratch, create a fully customized audio & video conferencing app.]

About the Live streaming video call app

https://console.agora.io/v2 Requirement Backend APIs 1.1 API end point to fetch agora tokens

  1. Complete Live streaming app 2.1 Create a video call application with agora. Admit the user to the room by accepting through the popup. v 2.2 Usual moderator controls- Facility to mute audio and video, end call, share screen, allow the audience to speak on hand raise, can pin the user 2.3. URL of the video call 2.4 When anyone clicks on the link, it should open up our video call application on the default browser. 2.5. Usual speaker controls- only audio-video allow 2.6 As we go we can add more video call features Specification

User interaction web app. Design can be simple. Integrate agora.io for video capabilities. Multiple sessions will be run in parallel Admit the user to the room/session after allowing them to meet. 100+ people can join as the audience. Ability to mute audio and video during the call. Show overall completed duration of the call Ability to hang up. Warn the user on low bandwidth during the call Include screen sharing. When opening the wrong video call link, show a custom 404 page.

Create an API endpoint API endpoint (with API Key authentication) which when called will return tokens. Create a unique link When clicking on this link, open the video call application on the default browser.

Usecase- The host organises a meeting and many people can join. The host can pin a participant for all and the host has all the controls to bring an audience as speaker or cohost. The host can mute or unmute the user. Audience can chat.

Milestones UI Functionality

2.36 mb

How to test the application.

External npm Packages used

  • "agora-rtc-sdk-ng": "^4.3.0",

Subscribe and Stay Updated!

Don't miss out on new videos! Subscribe to my channel and hit the notification bell 🔔 to receive updates whenever I upload fresh content. Let's learn, laugh, and explore together!

!Subscribe to My Channel

Connect with Me

Feel free to reach out, comment on videos, and share your thoughts. I appreciate your support! 🙌

License

This project is licensed under the MIT License.


If you have any questions or need further assistance, feel free to ask! 🚀

 _____ _                 _     __   __            
|_   _| |               | |    \ \ / /            
  | | | |__   __ _ _ __ | | __  \ V /___  _   _   
  | | | '_ \ / _` | '_ \| |/ /   \ // _ \| | | |  
  | | | | | | (_| | | | |   <    | | (_) | |_| |  
  \_/ |_| |_|\__,_|_| |_|_|\_\   \_/\___/ \__,_|  
                                                  
                                                  
______                                            
|  ___|                                           
| |_ ___  _ __                                    
|  _/ _ \| '__|                                   
| || (_) | |                                      
\_| \___/|_|                                      
                                                  
                                                  
______      _               _   _               _ 
| ___ \    (_)             | | | |             | |
| |_/ / ___ _ _ __   __ _  | |_| | ___ _ __ ___| |
| ___ \/ _ \ | '_ \ / _` | |  _  |/ _ \ '__/ _ \ |
| |_/ /  __/ | | | | (_| | | | | |  __/ | |  __/_|
\____/ \___|_|_| |_|\__, | \_| |_/\___|_|  \___(_)
                     __/ |                        
                    |___/                         

 


if (youEnjoyed) {
    starThisRepository();
}

About

A simple implementation of a live broadcast web-app using the Agora.io Web SDK and angular framework.

Topics

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages