Add live cursors for collaborative multiplayer experiences

Live cursors, or live mouse cursors, show where other users’ cursors are in a virtual space, such as a digital board. It allows users to see where people are when collaborating online. It gives a sense of togetherness in a digital world.

Live mouse cursors can add value to a range of multiplayer collaboration experiences. Some example use cases are:

• Tracking multiple cursor movements on a digital board

• Showing cursors when annotating during a screen share

• Adding audience engagement functionality using cursors

You can incorporate more functionality within your live mouse cursors such as:

• Showing mouse interaction, such as clicks, mouse drag etc.

• Allowing users to annotate and draw on the board

• Adding emotions to a cursor

With Ably, it is easy to add live cursor functionality to an existing product.

Visit our sign up page to start using Ably for free. Simply upgrade when you need to ramp up usage past 6M Monthly messages, 200 Peak concurrent channels, 200 Peak concurrent connections. Once you are signed up, download one of our SDKs to get started.

Ably Channels

Channel is the unit of distribution of messages. Channels can be used to segment the data. For example, cursors in different boards, different rooms in audience engagement tools etc. Users or their devices can subscribe to a specific or multiple channels.

• channels.get - to get an existing or create a new channel

Ably Pub/Sub Messaging

Pub/Sub is an architectural pattern used to distribute realtime information, such as messages. Messages can be of any format. For Live Cursors, the data will represent a cursor position. Publishing multiple messages allows the cursor to be tracked.

• channel.subscribe - to subscribe to messages on a channel

• channel.publish(data) - to publish a message on a channel

Now all you need to do is implement the UI for the live cursor - and you're ready to go!

Discover the other features you could use to deliver a world-class collaborative experience, including:

• Avatar stacks

• Typing indicators

• Emoji reactions

• Activity feeds