Add onMyMediaChange event api

kexinF commented 6 months ago

I made the changes in the following files:

1) NameTag.css to convenient for my testing

2) draw_badge_api.ts:

add drawCameraSizeChange function inside the DrawBadgeApi, it takes the detected width and height as input.
Modify drawEverythingToImage takes the width and height as input and using the scale factors to determine the new axis values

3) app/main/page.tsx

add onMyMediaChange inside this file. Ideally, this should be inside the /lib/draw_badge_api, but I haven't figured out how to return the width and height as an event listener.

I don't have the extra camera, so I was not able to test how it performs on different types of video inputs.

vercel[bot] commented 6 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
zoom-companion-shaomei-test	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 13, 2024 7:01am
zoom-companion-test	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 13, 2024 7:01am

Shaomei commented 5 months ago

@blickly can you take a look?

Shaomei commented 3 months ago

Thank you @kexinF for taking a stab at this. The changes were adapted into PR #90 and merged into the repo.

aimpowered / LibOrate