Auto-alignment of bullet points to A.I. voice
Hello again. I'm thinking this is not so easy as it sounds or it would have been done already: We're building a lot of screens for clients with standard text bullets timed to theabsolutely fabulous addition of A.I. Voiceover - a huge thank you for A.I. automation, btw! Definitely worth the extra price! Now, I am spending a great percentage of my newly found extra free time of NOT physically reading and recording and editing and importing V.O., in aligning the animated appearance of the bullets with the AI voice*. Yes, I can hear the 'aw...poor guy' sarcasm from here. I'm sure the difficulty for Storyline/A.I. to know where a bullet point matches the text being voiced, but it seems like it should be an easy task for the 'all-knowing genie' of AI to master, and it would save even more hours of work for my 'expendable fallible human carcass' to enjoy in other activities, like making 3D stuff or sleeping. *No, I'm not just showing the text being voiced - that has been proven to actually impede learning - but the bullets are summarizing what is being said in as few words as possible as a reminder of what has been covered. (We keep the actual narration in the Notes tab if they need to read every word later.) So if there is already a way to do this, I apologize for taking your newly found extra free time to read this longish suggestion that I did NOT run through ChatGPT for help with grammar and clarity. Otherwise, thanks for any ideas you may have.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.Font options for Closed Captions
The choices for Closed Captions are a good start (colors, fonts) but when using a black color (or any bold color) on a white or transparent background, the CCs look like garbage. And depending on the font chosen, many words unreadable. There is a black outline that needs to go away or have the option to turn it off. Thanks.Original Date Stamp on Posts
Can a small date stamp be added to the list view of the posts? There are so many occasions I see a 'new' post appear only to open and find its someone commenting on something that was posted years ago (there was one today first posted over 7 years ago!). Adding a small date of when the post was first created in the list view would help know if the new post was really worth reading.Bring back the Job Postings page
Hi everyone, I was sad to see the Job Postings page disappear from the site. I am an eLearning Designer/Developer who has been working with Articulate 360 since 2010. I work remotely and have found the Job Postings page to be an excellent resource for finding new clients and projects, because the companies which posted there were already interested in people who used Articulate Storyline, Rise, etc Please bring it back. If you're a developer like me, you know how valuable that page is. Dan S.
