https://github.com/akshatvg/agora-highlight-active-speaker

Video call sample application which highlights the active speaker.
https://github.com/akshatvg/agora-highlight-active-speaker

active-speaker agora agoraio enableaudiovolumeindicator rtc sample-app video-call web

Last synced: 2 months ago
JSON representation

Video call sample application which highlights the active speaker.

• Host: GitHub
• URL: https://github.com/akshatvg/agora-highlight-active-speaker
• Owner: akshatvg
• License: mit
• Created: 2021-06-20T05:53:55.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-06-20T20:16:37.000Z (almost 4 years ago)
• Last Synced: 2025-02-03T12:15:11.253Z (4 months ago)
• Topics: active-speaker, agora, agoraio, enableaudiovolumeindicator, rtc, sample-app, video-call, web
• Language: JavaScript
• Homepage: https://activespeaker.akshatvg.com
• Size: 22.5 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Agora Highlight Active Speaker

[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/akshatvg/Agora-Highlight-Active-Speaker?logo=github&style=social)](https://github.com/akshatvg/) [![GitHub last commit](https://img.shields.io/github/last-commit/akshatvg/Agora-Highlight-Active-Speaker?style=social&logo=git)](https://github.com/akshatvg/) [![GitHub stars](https://img.shields.io/github/stars/akshatvg/Agora-Highlight-Active-Speaker?style=social)](https://github.com/akshatvg/Agora-Highlight-Active-Speaker/stargazers) [![GitHub forks](https://img.shields.io/github/forks/akshatvg/Agora-Highlight-Active-Speaker?style=social&logo=git)](https://github.com/akshatvg/Agora-Highlight-Active-Speaker/network)

Video call sample application which highlights the active speaker.











![Generic badge](https://img.shields.io/badge/Highlight-Active_Speaker-orange) 

[![Generic badge](https://img.shields.io/badge/view-demo-purple)](https://activespeaker.akshatvg.com/)

## Features

- Video call

- Highlight active speaker with a `box-shadow`

- Mute and unmute user audio and video

## Useful Links

- [Deployed Website](https://activespeaker.akshatvg.com/)

- [Agora.io Website](https://www.agora.io/)

- [SDK NG Documentation](https://agoraio-community.github.io/AgoraWebSDK-NG/api/en/index.html)

- [Sample Video Call App](https://github.com/AgoraIO-Community/AgoraWebSDK-NG/tree/master/Demo/basicVideoCall)

- [Guided Blog](https://medium.com/@akshatvg/highlighting-the-active-speaker-s-during-a-group-video-call-6106a04de87)

## Requirements

[![GitHub top language](https://img.shields.io/github/languages/top/akshatvg/Agora-Highlight-Active-Speaker?logo=javascript&style=social)](https://github.com/akshatvg/)

The source code of this project is written in **`HTML`, `CSS`, `JavaScript`**, and the **`Agora SDK NG`**. So, you would require the Agora SDKs and a valid App Id to run this project.

## Instructions

[![chrome](https://img.shields.io/badge/Open-index.html-lightgrey.svg?logo=google-chrome&style=popout&logoColor=red)](https://activespeaker.akshatvg.com/)

Extract the folder and run `index.html`

## Need help?

Feel free to contact me via [Facebook](https://www.facebook.com/akshatvg).

Invite me to connect on [LinkedIn](https://www.linkedin.com/in/akshatvg/).

[![Facebook](https://img.shields.io/badge/Facebook-add-blue.svg?logo=facebook&logoColor=white)](https://www.facebook.com/akshatvg) [![Quora](https://img.shields.io/badge/Quora-ask-red.svg?logo=quora)](https://www.quora.com/profile/Akshat-Gupta-279) [![Instagram](https://img.shields.io/badge/Instagram-follow-purple.svg?logo=instagram&logoColor=white)](https://www.instagram.com/akshatvg/) [![Snapchat](https://img.shields.io/badge/Snapchat-add-yellow.svg?logo=snapchat&logoColor=white)](https://www.snapchat.com/add/akshatvg) [![Medium](https://img.shields.io/badge/Medium-follow-black.svg?logo=medium&logoColor=white)](https://medium.com/@akshatvg)

```bash

 _____ _                 _     __   __            

|_   _| |               | |    \ \ / /            

  | | | |__   __ _ _ __ | | __  \ V /___  _   _   

  | | | '_ \ / _` | '_ \| |/ /   \ // _ \| | | |  

  | | | | | | (_| | | | |   <    | | (_) | |_| |  

  \_/ |_| |_|\__,_|_| |_|_|\_\   \_/\___/ \__,_|  

                                                  

                                                  

______                                            

|  ___|                                           

| |_ ___  _ __                                    

|  _/ _ \| '__|                                   

| || (_) | |                                      

\_| \___/|_|                                      

                                                  

                                                  

______      _               _   _               _ 

| ___ \    (_)             | | | |             | |

| |_/ / ___ _ _ __   __ _  | |_| | ___ _ __ ___| |

| ___ \/ _ \ | '_ \ / _` | |  _  |/ _ \ '__/ _ \ |

| |_/ /  __/ | | | | (_| | | | | |  __/ | |  __/_|

\____/ \___|_|_| |_|\__, | \_| |_/\___|_|  \___(_)

                     __/ |                        

                    |___/                         

```

## License

**MIT © [Akshat Gupta](https://github.com/akshatvg/Agora-Highlight-Active-Speaker/blob/master/LICENSE)**

[![GitHub license](https://img.shields.io/github/license/akshatvg/Agora-Highlight-Active-Speaker?style=social&logo=github)](https://github.com/akshatvg/Agora-Highlight-Active-Speaker/blob/master/LICENSE) [![Twitter Follow](https://img.shields.io/twitter/follow/akshatvg?style=social)](https://twitter.com/akshatvg)

---------

```javascript

if (youEnjoyed) {

    starThisRepository();

}

```

-----------