AgoraIO-Community / VideoUIKit-Web-React

A Web library to simply integrate Agora Video Calling or Live Video Streaming to your website with just a few lines of code.
MIT License
53 stars 44 forks source link

updated web-component #50

Closed digitallysavvy closed 5 months ago

digitallysavvy commented 5 months ago

Removed Direflow based web-component due to Direflow EOL in Sep 23, 2023.

Created custom web-component <agora-web-uikit /> using Agora React UIKit component.

Tested and working: ✅ RTC and RTM token attributes work. Token Server url works for RTC but throws errors on local for RTM. ✅ Layouts: Grid and pinned layouts are working. ✅ User-Roles: Host and audience modes are working. ✅ Dual-stream: Works

Screen-sharing: ✅ Works with token Server ❌ Fails with token passed as attribute (UIKit issue, not web-component)

Other issues to note: 🤔 The UIkit RTM config throws errors for failing to connect even after the user has removed the web-component from the DOM. This implies some sort of queued server requests. The UIKit needs to have a way to stop/clean-up those calls. 🤔 There's an issue with the TokenUrl, when working on localhost the Agora UiKit is able to obtain the RTC token but not the RTM token, something is getting blocked with RTM, which in turn triggers the RTM token server request issue (noted above)

These issues are not blockers to merging this PR, the current plugin is not working and this version is 80% functional and gets the user closer to a working v2.1 of the Agora Web UIKit.