How to build an avatar stack with Ably Spaces

How to build an avatar stack with Ably Spaces

Nov 22, 2023

Tom Camp, DevRel Engineer at Ably takes you through a tutorial of adding an avatar stack to your application using Ably's latest product, Spaces.

An avatar stack is a visual representation of a user’s presence - showing them as online and connected. They are the most common way of showing the online status of members in an application by displaying an avatar for each member. Events are emitted whenever a member enters or leaves a space, or updates their profile data.

LINKS 🔗
Avatar stack starter kit: https://hubs.la/Q029Kt560
Avatar stack docs: https://hubs.la/Q029Ktbv0
Spaces docs: https://hubs.la/Q029Kt6b0
Spaces GitHub repository: https://hubs.la/Q029KtkJ0
Learn more about Spaces: https://hubs.la/Q029Ktmf0
Sign Up for an Ably account: https://hubs.la/Q029Ktnv0

TIMESTAMPS ⏰

00:00 - Introduction

00:58 - Making an avatar stack environment

2:30 - Setting up the virtual space

3:47 - Adding multiple avatars

4:47 - Spaces information

5:08 - Additional resources

ABOUT ABLY 👋
Ably is an enterprise-grade pub/sub messaging platform. We make it easy to efficiently design, quickly ship, and seamlessly scale critical realtime functionality delivered directly to end-users. Every day, we deliver billions of realtime messages to millions of users for thousands of companies.

ABLY ON SOCIAL 💬
Twitter: https://twitter.com/ablyrealtime
LinkedIn: https://www.linkedin.com/company/ably-realtime/

CONTENT ID ��
3Z3MUVEQLS42QBXH
PUPIFRIAV54RBZLM