Annotating feature upon screen share using Phoenix LiveView

Annotating feature upon screen share using Phoenix LiveView

#smallwins for my project

#smallwins

Update for today for my app gawain.fly.dev

Using HTML canvas and #javascript, I was able to create an annotating feature upon screen sharing real time! ๐Ÿ”ฅ

It enables both users to write or draw something they want upon screen sharing and both of them can see what they are writing. This is something that my wife ask me and was able to do it.

However, there is still a lot of work to do like:

  • Pen and erasers button

  • Cursor with name

  • Whiteboard

  • migrating the javascript code to phoenix LiveView.

see video here

Happy Coding

#coding #work #html #elixir

ย