🔧 This page is being updated — some sections may look incomplete. Check back soon.
Site update in progress · some pages may look incomplete · check back soon
// Step 01 -- Learner Identification AI · Voice · Personalisation

Before we begin, let's make this yours.

This course adapts its content, narration, and scenarios to your specific role. Enter your details below and watch it personalise in real time.


L&D Manager
Oversee learning strategy & teams
eLearning Developer
Build courses & interactive content
Sales Professional
Drive revenue & client relationships
New Employee
Joining or recently onboarded
// Step 02 -- Personalised Narration

Welcome,

AI-generated narration · role-adapted
Demo voice -- browser only. You're hearing your browser's built-in speech engine. The real implementation uses Murf AI, which generates natural, human-sounding narration indistinguishable from a real voice actor.
// Step 03 -- Role-Adapted Scenario

Apply what you know.

// Step 04 -- Completion
Course Complete ✓

Well done,

100%
Personalised
--
Scenario result
~3m
Time to complete

Built with

Articulate Storyline 360 JavaScript REST API Murf AI Enterprise LMS xAPI
See full case study →

Under the hood

How I Built This

✓ What's real in this demo
  • Voice narration via Web Speech API -- your browser speaks your name and role
  • Role-adaptive content -- narration, scenario question and feedback all change per role
  • xAPI-style log structure -- fires real event names, verbs and data payloads
  • Branching logic -- correct/incorrect paths with consequence feedback
~ What's simulated
  • The enterprise LMS API call -- no real LMS connected; data comes from form input
  • Murf AI voice -- browser speech engine is a placeholder; production used Murf AI
  • Learner ID and prior completions -- randomised on each session
→ Production architecture
Storyline 360 ──OnEnter──▶ JS trigger
│
└──▶ fetch() ──▶ Enterprise LMS REST API
│  // returns learnerName, role, dept
└──▶ Murf AI API ──▶ audio blob
│  // POST { text, voiceId, style }
└──▶ Audio element ──▶ plays in slide
│
└──▶ SetVar() ──▶ Storyline adapts content
Next → Case Study 02
Building the Engine, Not Just the Car
Template system · 4 interaction patterns · live Storyline JS
Storyline 360 JavaScript Systems Design
Demo 01 · AI Integration

Making a course that speaks your learner's name — live, from the LMS.

A SCORM course connects to a live AI voice API mid-session. The LMS passes the learner's name; JavaScript calls the API; the audio plays before the first interaction. Built in Articulate Storyline 360 with no custom platform.

AI Voice APIStoryline 360JavaScriptREST API
Demo 01 — AI Personalised Narration
Interactive demo loads here
The full interactive experience runs in the editorial view — click below to launch it.