- 111
- 292 675
Discover eLearning
United Kingdom
เข้าร่วมเมื่อ 31 ก.ค. 2015
Discover eLearning creates engaging and imaginative digital learning solutions for organisations across the world. We hope that you enjoy our content!
Articulate Storyline 360 Voice Interactivity - Realtime AI Agent With Navigation Controls! 💬🌟🦅
Unlock your creative potential with our latest generative AI-enhanced plugins and solutions for Articulate Storyline 360 developers! 🚀 - discoverelearninguk.com/store/elearning-magic-toolkit-for-storyline/
Our latest eLearning experience demo explorers the power of latest generative AI capabilities from OpenAI, blending cutting-edge voice-activated navigation and real-time assistance to bring learning modules to life! Discover the impact of OpenAI’s Realtime API integration in Articulate Storyline 360 as we unveil a self-paced experience that combines contextual awareness with dynamic user controls!
🌟 What You'll See In This Video 🌟
Voice-Activated AI Navigation: See how it's possible for users to engage with an intelligent AI agent that understands the context of your learning journey within an eLearning module. This allows the AI to assist you seamlessly, even activating navigation triggers to guide your experience.
Real-Time Function Calls: The AI not only recognises the module’s structure but also responds in real time, adapting to user inputs, including follow-up questions, voice-based quizzes, and role-play interactions.
Session-Based Conversation Memory: Conversation history is saved throughout the session, providing continuity and an agent that can “remember” your prior questions or responses for more engaging learning.
🌟 Coming Soon In Planned Future Enhancements 🌟
Slide-Level Context with Vision API Snapshots: Incorporating OpenAI Vision to give the AI context-specific control over slide elements, timed with audio, for a truly interactive experience.
Dynamic Captions for Audio Narration: Using OpenAI Realtime’s audio and text responses to display closed captions alongside generated narration, enhancing accessibility.
Enhanced AI Interface: Moving beyond the standard Storyline button to a more interactive UI, inspired by voice-based animations like Siri’s that respond dynamically to speech.
📢 Subscribe to the Discover eLearning TH-cam Channel to see the latest in AI-powered educational design, transforming eLearning into more interactive, accessible, and adaptive experiences for all learners.
Music from Uppbeat (free for Creators!):
uppbeat.io/t/lloom/childhood-afternoons
License code: NZMSUYSRYWCD4PUL
#articulatestoryline #storyline360 #articulate360 #openai #generativeai #ai
Our latest eLearning experience demo explorers the power of latest generative AI capabilities from OpenAI, blending cutting-edge voice-activated navigation and real-time assistance to bring learning modules to life! Discover the impact of OpenAI’s Realtime API integration in Articulate Storyline 360 as we unveil a self-paced experience that combines contextual awareness with dynamic user controls!
🌟 What You'll See In This Video 🌟
Voice-Activated AI Navigation: See how it's possible for users to engage with an intelligent AI agent that understands the context of your learning journey within an eLearning module. This allows the AI to assist you seamlessly, even activating navigation triggers to guide your experience.
Real-Time Function Calls: The AI not only recognises the module’s structure but also responds in real time, adapting to user inputs, including follow-up questions, voice-based quizzes, and role-play interactions.
Session-Based Conversation Memory: Conversation history is saved throughout the session, providing continuity and an agent that can “remember” your prior questions or responses for more engaging learning.
🌟 Coming Soon In Planned Future Enhancements 🌟
Slide-Level Context with Vision API Snapshots: Incorporating OpenAI Vision to give the AI context-specific control over slide elements, timed with audio, for a truly interactive experience.
Dynamic Captions for Audio Narration: Using OpenAI Realtime’s audio and text responses to display closed captions alongside generated narration, enhancing accessibility.
Enhanced AI Interface: Moving beyond the standard Storyline button to a more interactive UI, inspired by voice-based animations like Siri’s that respond dynamically to speech.
📢 Subscribe to the Discover eLearning TH-cam Channel to see the latest in AI-powered educational design, transforming eLearning into more interactive, accessible, and adaptive experiences for all learners.
Music from Uppbeat (free for Creators!):
uppbeat.io/t/lloom/childhood-afternoons
License code: NZMSUYSRYWCD4PUL
#articulatestoryline #storyline360 #articulate360 #openai #generativeai #ai
มุมมอง: 324
วีดีโอ
Advanced AI Voice Controls For eLearning! OpenAI Realtime API & Articulate Storyline 360 Demo 🚀
มุมมอง 323หลายเดือนก่อน
In this video you will see how the brand-new OpenAI Realtime API, and the capabilities of multi-modal generative AI, is changing the way that users will interact with their online learning experiences forever! See how the latest multi-modal AI model from OpenAI enables real-time automation and lightning-fast adaptive audio feedback, delivering personalised and interactive learning journeys tail...
Save Storyline Variables To A Spreadsheet - Fast, Easy, and Secure! eLearning Magic Toolkit Update 🚀
มุมมอง 285หลายเดือนก่อน
Unlock the Latest Features of eLearning Magic Toolkit 2.9 for your WordPress website / learning platform - discoverelearninguk.com/elm-toolkit We are very excited to showcase the new features of the eLearning Magic Toolkit version 2.9 to you! In this video, Chris Hodgson (linkedin.com/in/chrishodgson44) will walk you through the enhancements we've made to the Storyline Custom Databases tab, off...
Storyline Magic Series - Episode 15 Animated Bar Charts In Storyline Using JavaScript
มุมมอง 651หลายเดือนก่อน
Discover our Advanced eLearning Developer Series courses over on the Discover eLearning website for more great learning opportunities for learning experience developers - discoverelearninguk.com/gpt-course We have another great and comprehensive tutorial for all Articulate Storyline 360 developers! In this episode, Chris Hodgson (linkedin.com/in/chrishodgson44) will show you how you can build a...
A Multi-Choice Quiz Controlled Entirely By The User's Webcam! 📸 Storyline 360 Meets OpenAI Vision
มุมมอง 393หลายเดือนก่อน
Unlock your creative potential with our latest generative AI-enhanced plugins and solutions for Articulate Storyline 360 developers! 🚀 - discoverelearninguk.com/store/elearning-magic-toolkit-for-storyline/ Check out our latest innovative eLearning project utilising the power of generative AI! In this demo, you will see our Articulate Storyline 360-built quiz be controlled entirely by the user a...
Storyline Magic Series - Episode 14 Glassmorphism With JavaScript In Articulate Storyline 360
มุมมอง 9752 หลายเดือนก่อน
Discover our Advanced eLearning Developer Series courses over on the Discover eLearning website for more great learning opportunities for learning experience developers - discoverelearninguk.com/gpt-course Welcome to another exciting episode of the Storyline Magic Series! In this tutorial, Chris Hodgson (linkedin.com/in/chrishodgson44) will guide you step-by-step through the process of creating...
Upload Articulate Storyline Activities Into WordPress Easily With The eLearning Magic Toolkit! 🚀
มุมมอง 1722 หลายเดือนก่อน
We’re excited to introduce version 2.7 of the eLearning Magic Toolkit, designed to make embedding Articulate Storyline projects on your WordPress site even easier! Now you can effortlessly upload and showcase Storyline activities directly in WordPress with our new Activity Uploader feature. No more manual file transfers or complex setups! Here’s what’s new in this release: 📂 One-Click Storyline...
Advanced Storyline 360 Training Course - Build AI-Powered eLearning With Storyline And ChatGPT 🚀
มุมมอง 4412 หลายเดือนก่อน
AVAILABLE NOW! The 2024 edition for our most popular online training course for Articulate Storyline 360 developers! 🚀 Access this course today: discoverelearninguk.com/gpt-course We invite you to join our highly popular 'Build AI-Powered eLearning with Articulate Storyline 360 and ChatGPT' online course, available to access right now on the Discover eLearning website! This is a taster video fo...
Duolingo-style AI-Powered French Language Coach Built With Articulate Storyline 360 and OpenAI!
มุมมอง 3743 หลายเดือนก่อน
Unlock your creative potential with our latest generative AI-enhanced plugins and solutions for Articulate Storyline 360 developers! 🚀 - discoverelearninguk.com/store/elearning-magic-toolkit-for-storyline/ We're thrilled to present our latest project, "Daisy The French Language Coach AI", a groundbreaking demonstration of how omni-modal user experiences are revolutionising the future of eLearni...
Store And Retrieve Articulate Storyline Variables - eLearning Magic Toolkit Custom Databases 🚀
มุมมอง 3013 หลายเดือนก่อน
Custom Databases for Articulate Storyline have arrived in the latest version of the eLearning Magic Toolkit! Available to download right now for your WordPress website. 🚀 Storyline combined with WordPress offers an ideal platform for delivering and facilitating custom-built online learning experiences. With the eLearning Magic Toolkit, we continue to unlock even more of the exciting capabilitie...
Voice-Activated Cloud Shape Generator With Stability AI! ☁️ Articulate Storyline 360 & AI Demo
มุมมอง 3133 หลายเดือนก่อน
Unlock your creative potential with our latest generative AI-enhanced plugins and solutions for Articulate Storyline 360 developers! 🚀 - discoverelearninguk.com/store/elearning-magic-toolkit-for-storyline/ In our latest fun project demo, we are demonstrating the capabilities of the amazing Stability AI platform, including the ground-breaking Stable Image Ultra image generation model, and the Re...
Voice-Activated Navigation Controls using OpenAI Whisper AI! Articulate Storyline 360 eLearning Demo
มุมมอง 4624 หลายเดือนก่อน
Unlock your creative potential with our latest generative AI-enhanced plugins and solutions for Articulate Storyline 360 developers! 🚀 - discoverelearninguk.com/store/elearning-magic-toolkit-for-storyline/ In this short video I demonstrate the capabilities of Whisper AI's voice-to-text service for converting spoken natural language prompts into actionable triggers and interactivity built into a...
Incredible New Features For Your Articulate Storyline 360 eLearning Projects! Coming Soon... 👀
มุมมอง 2924 หลายเดือนก่อน
We're extremely excited to share an early sneak preview of the upcoming major feature for the eLearning Magic Toolkit plugin for Storyline and WordPress - Custom Databases for Storyline! Storyline combined with WordPress offers an ideal platform for delivering and facilitating custom-built online learning experiences. With the eLearning Magic Toolkit, we continue to unlock even more of the exci...
Articulate Storyline 360 GSAP JavaScript Interactive Animation Showcase! 👋🏻🎳
มุมมอง 9175 หลายเดือนก่อน
This video is a fun demonstration for many of the custom interactive animation capabilities made possible with integration of the GSAP JavaScript library in Articulate Storyline 360. We use GSAP extensively in our eLearning development work thanks to it's fine-tune capabilities to achieve any kind of animated sequence to delight our learners and our clients. Come and see what Discover eLearning...
Interactive Ten-Pin Bowling eLearning Game With GSAP And JavaScript! 🎳 Articulate Storyline 360 Demo
มุมมอง 5845 หลายเดือนก่อน
Interactive Ten-Pin Bowling eLearning Game With GSAP And JavaScript! 🎳 Articulate Storyline 360 Demo
A Moment Of Calm - Adobe Firefly and GSAP in Articulate Storyline 360!
มุมมอง 5496 หลายเดือนก่อน
A Moment Of Calm - Adobe Firefly and GSAP in Articulate Storyline 360!
Image Recognition with OpenAI and Articulate Storyline 360! GPT-4 Vision API Demo 👀
มุมมอง 3496 หลายเดือนก่อน
Image Recognition with OpenAI and Articulate Storyline 360! GPT-4 Vision API Demo 👀
Storyline Magic Series - Episode 13 Alpha Channel Masking For Objects And Layers
มุมมอง 1.6K7 หลายเดือนก่อน
Storyline Magic Series - Episode 13 Alpha Channel Masking For Objects And Layers
Video Game Interactive Character Menu in Articulate Storyline 360. Masking Animations With GSAP!
มุมมอง 3.2K7 หลายเดือนก่อน
Video Game Interactive Character Menu in Articulate Storyline 360. Masking Animations With GSAP!
AI-Powered Dynamic Voice Generation With Elevenlabs, ChatGPT, and Articulate Storyline 360! 💬
มุมมอง 7627 หลายเดือนก่อน
AI-Powered Dynamic Voice Generation With Elevenlabs, ChatGPT, and Articulate Storyline 360! 💬
Easily Fix Group Hover And Selected States In Your Articulate Storyline 360 Projects!
มุมมอง 1.1K7 หลายเดือนก่อน
Easily Fix Group Hover And Selected States In Your Articulate Storyline 360 Projects!
Dynamic Talking Alien Characters Created In Articulate Storyline 360 Using Elevenlabs and ChatGPT!
มุมมอง 1.9K8 หลายเดือนก่อน
Dynamic Talking Alien Characters Created In Articulate Storyline 360 Using Elevenlabs and ChatGPT!
Advanced Storyline 360 Training Course Taster - Triggering Events On X-Ray Window Movement
มุมมอง 6108 หลายเดือนก่อน
Advanced Storyline 360 Training Course Taster - Triggering Events On X-Ray Window Movement
Advanced Storyline 360 Training Course Introduction - Click And Drag X-Ray Window Effects
มุมมอง 1.7K9 หลายเดือนก่อน
Advanced Storyline 360 Training Course Introduction - Click And Drag X-Ray Window Effects
What Lives On Your Skin? X-Ray Window Effects Created In Articulate Storyline 360 Using JavaScript!
มุมมอง 2989 หลายเดือนก่อน
What Lives On Your Skin? X-Ray Window Effects Created In Articulate Storyline 360 Using JavaScript!
Introducing Impact Focus AI!✨ Build Spaced Repetition Quizzes In Seconds
มุมมอง 2829 หลายเดือนก่อน
Introducing Impact Focus AI!✨ Build Spaced Repetition Quizzes In Seconds
'Stretchy Santa' Articulate Storyline 360 Christmas Interaction - Download For Free! 🎅
มุมมอง 48210 หลายเดือนก่อน
'Stretchy Santa' Articulate Storyline 360 Christmas Interaction - Download For Free! 🎅
Storyline Magic Series - Episode 12 Emphasis Animations For Storyline Using GSAP
มุมมอง 2.6K10 หลายเดือนก่อน
Storyline Magic Series - Episode 12 Emphasis Animations For Storyline Using GSAP
Interactive Radio Tuning To Music Inspired By The Seasons! Articulate Storyline 360 Demo.
มุมมอง 43211 หลายเดือนก่อน
Interactive Radio Tuning To Music Inspired By The Seasons! Articulate Storyline 360 Demo.
Bake A Cake With AI! 🍰 Custom Dynamic Illustrations Using Dall-E 3 And Articulate Storyline 360.
มุมมอง 1.2K11 หลายเดือนก่อน
Bake A Cake With AI! 🍰 Custom Dynamic Illustrations Using Dall-E 3 And Articulate Storyline 360.
Thats awesome..thanks. we ll never stop to learn
Your work in integrating AI into Storyline is really inspiring. Great video! This would be great with a David Attenborough-style voice. Btw, how did you insert that white separator line in the left-side menu, under "Welcome" ?
You have sharp attention to detail @learnomancer! I added it with a JS hack. Perhaps a video next week to show the approach I took? CH
@@discoverelearning If you plan on making one, that would be awesome. Looking forward to it.
Where is the "Ink Replay" button? When I draw in Powerpoint, it just seems to create a static image. I want to be able to show the animation of the drawing.
That's so coool ! Thanks
Im looking for part 2 did you ever do it?
tutorial please !
Nice! But it would be great if the LMS in which the courseware resides can support the script and API call too.
tôi đến từ việt nam tôi rất thích chia sẻ của bạn nhưng mà ở 2:48 tôi ko tìm thấy công cụ cắt backgroud trong storyline 360
This was amazing. Thanks so much for sharing this. I learned a whole lot.
Superb 😊
Great video! Absolutely love the part with the dynamic value labels. I was wondering for a long time how something like that could be achieved.
Do wish though that it was much easier to target these specific elements for what we want to create in SL360! CH
Thanks for sharing this. A really useful trick.
How the hell man, u great can drop tutorial :))
It's beyond amazing.
Can't wait for the comprehensive JavaScript training.
Since you are using alt-text to access the object, how can we implement accessibility in the course, such as image descriptions? Either this or that. If we are trying GSAP animation, then we cannot make the course accessibility compliant. Am I right?
There's no reason why you can't achieve both! Check out our Storyline Magic Series Episode 14, and you'll see how you can input a fully descriptive alternative text value whilst also being able to simply target the object for your JavaScript needs. 🚀
@@discoverelearning GREAT. I checked your Episode 14 and tried. Its working perfectly. Instead of using just car and ball - I have created Ball_0_0, Ball_0_1 - unique names, and applied different things. Tested in screen reader also. No issues found. You have done a great work. I have some questions, since the shapes are in SVG format, unable to apply CSS directly. May be you have the solution for that too. BTW, I subscribed you channel and started watching your videos in this series. Thanks a lot for your work.
Would really love if SL would just let you use CSS rules in general. I won't hold my breath...'
Absolutely!
We really need Articulate to allow us to add our own IDs! Thanks for the tutorial Chris.
💯!!
Completely agree!
How did you create the 3d animated avatar in storyline 360
The character was produced in Photoshop using Adobe Firefly and then imported into SL360 without a mouth shape. The mouth shape is a separate PNG that changes states in a sequence to create the visual talking effect.
What software did you use to create Daisy the animated avatar?
can't wait to going back to class.
Cool.
Buen trabajo!! Como cargaste el curso en el tablet???
Articulate Storyline 360 ofrece un interruptor de pantalla completa que es compatible con la mayoría de dispositivos tablet, excepto iOS. Esto se puede activar con un botón en la interfaz de usuario del reproductor, o con una variable integrada que se activa mediante un desencadenador en Storyline.
Your work is inspiring
WOAH! This is so cool! Fancy tech aside, I like the whole cloud watching concept and how it fits into this exercise where you can basically come up with anything you like. Masterfully done.
Hi Chris, fantastic work. How were you able to get Storyline to access your microphone though? Despite it being enabled in browser, anything I publish still can't access the mic.
We wrote a script file that works in combination with our own eLearning Magic Toolkit plugin for WordPress. This will be made available in a future version release (after v2.5). Currently it only works with OpenAI Whisper but eventually when Speech-To-Text is rolled out in the GPT-4o API we'll be upgrading to focus on this! 🚀 CH
Wow that's cool, can you pls upload a tutorial video of how you do it.
Thank you! I'll be uploading new tutorials to go with the upcoming release of the eLearning Magic Toolkit v2.5, so stay tuned! 🚀 CH
Great job!
Thanks always for all your good work. Integrating the GPT model via an API into our Articulate Storyline projects will incur costs based on how often the model is used. Each interaction with the model is charged by the amount of text processed, known as tokens. Given the volume of usage with 2,000 people interacting with it, the costs can add up quickly. This is due to each piece of text generated or interpreted by the model consuming tokens, which we are billed for. We need to be prepared for significant expenses depending on how extensively the model is utilized in our courses.
wow amazing!! did you find other solation for editing the 360 image ? because adobe remove the 3D widow :((
Unfortunately not - it is still possible now to install older versions of PS from the Adobe CC app, but they will also go eventually. Such a shame, isn't it!
Hi Chris! Will this be in the advanced storyline course package?
Thank you sir
Where is the code to make this?
This is really nice. Great job! Fitting for a 1 hour version of "Chill lo-fi beats for e-learning development" 😄
Very useful please keep posting
I'm getting excited following your content and course, especially Using ChatGPT and Articulate. If you don't mind, I'm having trouble to run my work using this tutorial. When go to the next scene, the screen turn white and cannot load the next scene/video, but when it resume, it will load the video. Is it relate with the size of the file? How can I configure or compress the size of it?
Very nice
🤗👍✨
As always, great work!!!
What we’re all the tools used for this project
Blockade Labs, Articulate Storyline 360, ChatGPT, and Adobe (PS, AE, Prem, and Firefly) 🚀
please make a tutorial on this project sir
I have recently bought your chatgpt course. Great one. I had only hoped, that you would also be showing the speech to text feature there. Will you be adding that? :-) Cause i think it would be a great addition.
This is something we're currently investigating to hopefully add as a new feature to our eLearning Magic Toolkit plugin very soon! 🚀
You just saved my life!
Teach us how to do accessibility in storyline for darg and drop...teach us how to add focus in storyline..make one complete video on this
Dear, I saw your content It is awesome it's been 2 years working in this field, and want to learn more, it would be great if you could upload the breakdown of all your videos pls or if there is any paid course of your pls drop link or any site where these video breakdowned or even storyline file. pls pls help.
Everything we offer in this regard can be found on the Discover eLearning website at discoverelearninguk.com. Thank you very much for watching! 🚀
WOW 🥰
I'm confident that this tutorial will be incredibly valuable to many articulate users who have encountered this common technical issue. Thank you for providing such a clear and helpful solution!
This is the exact solution I need, but I wasn't able to get this to work after following the steps in the video. Would this also work for buttons in the button stack block? If so, what would the class name be for the buttons? I'm new to JS
It will most certainly be the case that the button stack block will use a different class name for its anchor tags. I just did a quick check and it appears to be "blocks-button__button". Remember that getElementsByClassName returns an array, so you'll need to reference the specific button instance you need to simulate the mouse click for by targeting the correct array index. 🚀
Awesome! This is so creative and efficient. Thank you so much for this wonderful tutorial i've been looking for, but i wonder if i can target a specific layer inside master slide using baseLayer.nextSibling method in javascript(?) I just want to make a navigation buttons layer to be always on top of any other layer (i'm thinking to make the styling of that layer z-index to be like 9999), and if i can target any layer i think many possibilities will be created with that.
HI @voltroncoco have you had success targeting just the elements themselves using the data-acc-text method and applying the CSS rules to the objects this way?
@@discoverelearning Yes i have succeeded that, but there are two problems: (1) when i have applied CSS rules on one of the object i want to put on top of everything (using zIndex = 9999), it will still be blocked when i open a pop up layer; (2) the navbar layer (inside master slide) contain many buttons which will be efficient if I can control the layer instead of the object. Actually I have seen a tutorial where we can toggle a variable inside Storyline to trigger navbar layer be opened everytime it changed, but if there's a way to make it more efficient, it will be nice.
This looks and works awesome. It took a little fiddlin' to get it to work, but after I downloaded a different version of the tilt.jquery.js, it started working. I embedded the js into a Storyline webobject, and re-routed it in your script so I wouldn't have to keep dragging it into the published folder. I also changed the 30px to 70px (in the translat3d section) so that it looks more cartoony. VERY NICE!
P r o m o S M