i’m currently trying to develop a realtime collaboration tool for students where they can exchange ideas on a large virtual surface, similar to miro or figma. to force the interaction and keep it alive, i wanted to make everyone’s mouse cursors and other actions visible. liveview with its sockets is perfect for this, but i can’t find any suitable events to process realtime mouse events with liveview/elixir - are they hidden somehow?
or do i have to use some javascript tricks?
I know someone has made a demo of this, can’t remember if it was from the official creators or someone else… but there were a bunch of cursors in tandem in the demo / blog post.
Suggest you look around!
Iirc they had a global level hook that pushed up mouse positions on an interval attached to the top level DOM.
Here, Phoenix LiveView Cursors – Koen van Gilst I had it lying around in one of my many open tabs
Welcome to the forum @mmeyerlein
6 Likes
meeegaaaa!
thanks a lot!
1 Like