Skip to main content
This tutorial shows you how to connect your existing tools — a session replay provider, a Dify support AI agent, and visual guidance tours — into a single personalised customer support experience. Autoplay SDK is the connective tissue that captures what each user is doing in real time and routes that context to the right tool at exactly the right moment.

​
What you’ll orchestrate

Autoplay SDK as the connective tissue between session replay, Dify support AI agent, and visual guidance tours
You already have the pieces:
  • Session replay provider — captures what the user is doing in real time (PostHog or equivalent)
  • Visual guidance tours — step-by-step flows triggered at the right moment (UserTour or equivalent)
  • Dify support AI agent — the conversational interface that answers questions
Autoplay SDK brings them together. It routes live session context into your support AI agent so every answer is specific to where that user is — and fires visual tours automatically when they need a guided walkthrough, personalised to their journey.

​
✨ Final result

The Dify support AI agent replies with context from the user's live session, surfacing a Show me how button
The support AI agent replies with context pulled from the user’s live session — surfacing the right guidance without being asked.

A visual guidance tour fires automatically, walking the user through the steps they need
The visual guidance tour fires automatically, walking the user through the exact steps they need.

​
📋 Prerequisites

Complete the Quickstart. You should have:
  • PostHog in the browser — snippet, API key, product_id on identify
  • Connector credentials — stream URL and API token from your Autoplay dashboard
  • autoplay-sdk installed — and a successful test stream from the Quickstart
  • A Dify account — cloud at cloud.dify.ai or self-hosted, with an existing chatbot application
  • A public HTTPS URL — where you can host the event-stream server

​
The building blocks

Follow the steps in order — each page stands alone so you can ship incrementally.
  1. Connect real-time events — Set up the event-stream server, wire the Dify External Knowledge API, and tune background summarization.
  2. Define proactive triggers — Proactively message users in Dify based on what they’re doing in your product. (Coming soon)