{"id":22619909,"url":"https://github.com/akshatvg/agora-highlight-active-speaker","last_synced_at":"2025-03-29T02:11:57.845Z","repository":{"id":116030753,"uuid":"378569682","full_name":"akshatvg/Agora-Highlight-Active-Speaker","owner":"akshatvg","description":"Video call sample application which highlights the active speaker.","archived":false,"fork":false,"pushed_at":"2021-06-20T20:16:37.000Z","size":23,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-03T12:15:11.253Z","etag":null,"topics":["active-speaker","agora","agoraio","enableaudiovolumeindicator","rtc","sample-app","video-call","web"],"latest_commit_sha":null,"homepage":"https://activespeaker.akshatvg.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akshatvg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2021-06-20T05:53:55.000Z","updated_at":"2023-01-08T07:37:20.000Z","dependencies_parsed_at":"2023-10-20T16:29:44.363Z","dependency_job_id":null,"html_url":"https://github.com/akshatvg/Agora-Highlight-Active-Speaker","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":"akshatvg/template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshatvg%2FAgora-Highlight-Active-Speaker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshatvg%2FAgora-Highlight-Active-Speaker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshatvg%2FAgora-Highlight-Active-Speaker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akshatvg%2FAgora-Highlight-Active-Speaker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akshatvg","download_url":"https://codeload.github.com/akshatvg/Agora-Highlight-Active-Speaker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246126718,"owners_count":20727594,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["active-speaker","agora","agoraio","enableaudiovolumeindicator","rtc","sample-app","video-call","web"],"created_at":"2024-12-08T22:09:57.261Z","updated_at":"2025-03-29T02:11:57.818Z","avatar_url":"https://github.com/akshatvg.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Agora Highlight Active Speaker\n\n[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/akshatvg/Agora-Highlight-Active-Speaker?logo=github\u0026style=social)](https://github.com/akshatvg/) [![GitHub last commit](https://img.shields.io/github/last-commit/akshatvg/Agora-Highlight-Active-Speaker?style=social\u0026logo=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\u0026logo=git)](https://github.com/akshatvg/Agora-Highlight-Active-Speaker/network)\n\nVideo call sample application which highlights the active speaker.\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://activespeaker.akshatvg.com/\"\u003e\n\u003cimg src=\"./favicon.png\" width=\"60px\" alt=\"Agora.io\"/\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n![Generic badge](https://img.shields.io/badge/Highlight-Active_Speaker-orange) \n\n[![Generic badge](https://img.shields.io/badge/view-demo-purple)](https://activespeaker.akshatvg.com/)\n\n## Features\n\n- Video call\n- Highlight active speaker with a `box-shadow`\n- Mute and unmute user audio and video\n\n## Useful Links\n\n- [Deployed Website](https://activespeaker.akshatvg.com/)\n- [Agora.io Website](https://www.agora.io/)\n- [SDK NG Documentation](https://agoraio-community.github.io/AgoraWebSDK-NG/api/en/index.html)\n- [Sample Video Call App](https://github.com/AgoraIO-Community/AgoraWebSDK-NG/tree/master/Demo/basicVideoCall)\n- [Guided Blog](https://medium.com/@akshatvg/highlighting-the-active-speaker-s-during-a-group-video-call-6106a04de87)\n\n## Requirements\n\n[![GitHub top language](https://img.shields.io/github/languages/top/akshatvg/Agora-Highlight-Active-Speaker?logo=javascript\u0026style=social)](https://github.com/akshatvg/)\n\nThe 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.\n\n## Instructions\n\n[![chrome](https://img.shields.io/badge/Open-index.html-lightgrey.svg?logo=google-chrome\u0026style=popout\u0026logoColor=red)](https://activespeaker.akshatvg.com/)\n\nExtract the folder and run `index.html`\n\n\n## Need help?\n\n\nFeel free to contact me via [Facebook](https://www.facebook.com/akshatvg).\n\nInvite me to connect on [LinkedIn](https://www.linkedin.com/in/akshatvg/).\n\n[![Facebook](https://img.shields.io/badge/Facebook-add-blue.svg?logo=facebook\u0026logoColor=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\u0026logoColor=white)](https://www.instagram.com/akshatvg/) [![Snapchat](https://img.shields.io/badge/Snapchat-add-yellow.svg?logo=snapchat\u0026logoColor=white)](https://www.snapchat.com/add/akshatvg) [![Medium](https://img.shields.io/badge/Medium-follow-black.svg?logo=medium\u0026logoColor=white)](https://medium.com/@akshatvg)\n\n\n```bash\n _____ _                 _     __   __            \n|_   _| |               | |    \\ \\ / /            \n  | | | |__   __ _ _ __ | | __  \\ V /___  _   _   \n  | | | '_ \\ / _` | '_ \\| |/ /   \\ // _ \\| | | |  \n  | | | | | | (_| | | | |   \u003c    | | (_) | |_| |  \n  \\_/ |_| |_|\\__,_|_| |_|_|\\_\\   \\_/\\___/ \\__,_|  \n                                                  \n                                                  \n______                                            \n|  ___|                                           \n| |_ ___  _ __                                    \n|  _/ _ \\| '__|                                   \n| || (_) | |                                      \n\\_| \\___/|_|                                      \n                                                  \n                                                  \n______      _               _   _               _ \n| ___ \\    (_)             | | | |             | |\n| |_/ / ___ _ _ __   __ _  | |_| | ___ _ __ ___| |\n| ___ \\/ _ \\ | '_ \\ / _` | |  _  |/ _ \\ '__/ _ \\ |\n| |_/ /  __/ | | | | (_| | | | | |  __/ | |  __/_|\n\\____/ \\___|_|_| |_|\\__, | \\_| |_/\\___|_|  \\___(_)\n                     __/ |                        \n                    |___/                         \n```\n\n## License\n\n**MIT \u0026copy; [Akshat Gupta](https://github.com/akshatvg/Agora-Highlight-Active-Speaker/blob/master/LICENSE)**\n\n[![GitHub license](https://img.shields.io/github/license/akshatvg/Agora-Highlight-Active-Speaker?style=social\u0026logo=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)\n\n---------\n\n```javascript\n\nif (youEnjoyed) {\n    starThisRepository();\n}\n\n```\n\n-----------\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakshatvg%2Fagora-highlight-active-speaker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakshatvg%2Fagora-highlight-active-speaker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakshatvg%2Fagora-highlight-active-speaker/lists"}