How to Embed and Track YouTube Videos in Articulate Storyline Projects
Here’s a step-by-step guide to embedding a YouTube video in Articulate Storyline with the video controls hidden, the video fitting the web object, and tracking video completion: Step 1: Prepare the HTML File Create an HTML File: Open a text editor (e.g., Notepad, VS Code) and paste the provided HTML code into a new file. Save this file as video.html. <!DOCTYPE html> <html> <head> <style> body, html { margin: 0; padding: 0; overflow: hidden; /* Hides the scroll bar */ } #player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </head> <body> <div id="player"></div> <script> // Load the IFrame Player API code asynchronously var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { videoId: 'RBtnt1fvpgA', // Replace with your video ID playerVars: { 'enablejsapi': 1, 'controls': 0, 'modestbranding': 1, 'rel': 0, 'showinfo': 0, 'iv_load_policy': 3 }, events: { 'onStateChange': onPlayerStateChange } }); } function onPlayerStateChange(event) { if (event.data == YT.PlayerState.ENDED) { // Video has ended, trigger a Storyline event parent.postMessage('videoEnded', '*'); } } </script> </body> </html> *Replace 'RBtnt1fvpgA' with your YouTube video's ID. Step 2: Embed the HTML in Articulate Storyline Add a Web Object: Open your project in Articulate Storyline. Go to the slide where you want to add the video. Click Insert > Web Object. Choose to link to a local file and browse to your video.html file. Set the web object's dimensions to fit your slide and ensure it matches the aspect ratio of your video. Position the Web Object: Resize and position the web object to fit neatly within your slide layout. Ensure that the web object size matches the desired video display size to avoid scroll bars. Step 3: Track Video Completion Create a Variable: Create a new variable in Storyline, e.g., VideoComplete of type True/False. Set the initial value to False. Add JavaScript to Track Completion: Go to the slide with the video. Add a trigger to execute JavaScript when the timeline starts. function receiveMessage(event) { if (event.data === 'videoEnded') { var player = GetPlayer(); player.SetVar('VideoComplete', true); } } window.addEventListener('message', receiveMessage, false); Completion Trigger: Add a trigger to perform an action (e.g., jump to the next slide, show a layer, or complete the course) when VideoComplete is True. Step 4: Test and Publish Test the Interaction: Preview your slide to ensure the video plays, controls are hidden, and the video fits the web object without scroll bars. Publish the Course: Once everything is working correctly, publish your course. If you're tracking completion via an LMS, ensure that the tracking settings are configured correctly.Rise: Text to Speech Function
Hello, After countless hours of importing the TTS that I have created in Storyline into Rise to promote accessibility and provide learners with a different way of experiencing the content I build, would this be possible to implement as a feature within Rise? The standard TTS or the new AI version could be added, and could potentially auto generate text to speech for the entire page, or to the next continue button or divider. Adding the ability to correct and edit the text later for any acronyms that don't sound quite right would also be helpful. I believe it would massively speed up the time to create content for other users who may well be doing the same thing, along with all of the other AI features.Dutch (Belgian) AI Text To Speech Voices
Hi, It would be nice if there would be an Dutch (Belgian) version voice like the TTS Neural Voice Lisa. The AI TTS voices are really nice but they sound too Dutch(y) :) compared to our Flemish language we speak in the Flemish part of Belgium. Many thanks to consider this. Greetings, Van Londerseele RobinAbility to upgrade individual seats in a Team for AI
My work unit is part of a larger Team subscription. We want to upgrade our 6 seats to use the AI features - the work units that occupy the other 35 seats do care about it, so that would mean that our small unit would have to pay to upgrade all 41 seats, which of course we can't justify. It would be much better if there was an ability to upgrade individual seats in a Team. Or to create a sub-team that is upgraded. We are looking at create a whole separate team, but then we will lose the volume discount of being in the bigger team (and the central software management team aren't keen on us being separate).Correcting Bias in AI Image Generation
I love the new AI features! I do find though that when it comes to AI image generation of people, there's a bias towards white people. If you don't specify race, you only get white people (at least as far as I can tell) and if you do specify race it can generate some quite problematic images. Would be nice if it would generate a mix of people with more ease and less racism. I won't add an example image.EU AI ACT - Automated Label "AI Generated" in Rise etc.
Hello everyone, We had a webinar from a European reseller today regarding the EU AI Act which is now being rolled out gradually in the EU. Among other things, it was also about the fact that we as e-learning designers will be obliged in future to label any content we have created with AI. My consideration for the optimization of Articulate would be that there is an automatic label that when the AI Assistant has been used, an automatic indication is made by e.g. Articulate Rise in e-learning that content has been created with it. That would be really helpful for European users. Perhaps you could pass this on to your development team. Perhaps in the options “Would you like to indicate that content was created with AI YES/NO. It's not quite sure yet whether an overarching label for the course as a whole is sufficient or whether each block created with AI needs to be labeled. But an overarching label would be helpful from my opion in the frist place. Best regards.Prompt/Recommendations
Could Rise or Storyline keep track of the course content and interactions used and make recommendations on how to improve, either on the fly or before you publish. For example: Your course has too much continuous text, we recommend adding an image here. You haven't used any interactions, to maintain user engagement how about adding a question here. This lesson is too long and contains too much information, we suggest splitting into multiple lessons. The title case is not consistent with the rest of the course. This image does not have any caption text.
