Hey thanks so much for this tutorial! I'm currently working on an instructional design portfolio project, ans Storyline sometimes just gives me headaches, especially when working with video and animations. This gives me hope that I'll be able to go beyond what limited functionality Storyline gives me with the triggers. Thanks!
Something that would be helpful is to get an idea of what can be done with JavaScript in Storyline. What sort of things can be done that are actually useful and then how do you do them. Thanks
This video was just posted a few weeks ago. Had some good response so I for sure see the need for the course. I am currently working on a Camtasia certification course for TechSmith, then plan to overhaul my basic Storyline course and then probably dive into the JavaScript and Storyline course after that so may be Q2 or Q3 of this year before it comes out.
Hey Jeff, please add me to the list for a JavaScript video! This tutorial was easy to follow but without a base of JavaScript knowledge it’s hard to picture a real life application. Thanks!
I am working on a course that will cover this but Storyline essentially publishes websites because they are websites they are HTML, CSS and JavaScript. HTML is the structure of a website, CSS is the style and JavaScript is how the Website behaves. By added on our own JavaScript we are able to go beyond the functionality Storyline provides. Hopes that helps some.
Because updatedNum is a variable name coming from the line of code above. The quotes are because you are passing the info back to Storyline. Just a formatting requirement.
The biggest issue I have is finding inspiring code from GITHUB but not knowing where to begin to put it into a storyline file. I'm wondering if you could show the different ways js and storyline can interact, and what code in the JS is needed and what variables, triggers, accessibility names are needed in SL.
Great video Jeff, it was quite hard to follow though because of the constant fast transitions between the screen recording - might be better just to keep the screen recording up longer. Helpful video though thanks. :)
Yeah I sometimes get over ambitious and switch back every time I look at the camera but I’ll try to remember to do that less. Thanks for the good feedback.
How would you store a variable using SL and js in a user's browser using localStorage so that you can pass the same variable when starting a new course in a different SL build?
Hmm, great question. That may be a good future video topic. You have to trigger a JS trigger that gets the variable from SL and then saves it into LocalStorage before the course closes. Then once the new course loads you would have to check the local storage if if there is local storage then you set the variable within the new Storyline course. I added that in my backlog for a future video. Thanks for the idea!
@@LearningDojo I tried this and failed, my js knowledge isn't any good. This is the code I used: // Ensure that Storyline Player is available var player = GetPlayer(); // Retrieve the value of the variable CharacterSelection from Storyline var characterSelection = player.GetVar("CharacterSelection"); // Store the value in localStorage localStorage.setItem("CharacterSelection", characterSelection); Retrieve the Variable from localStorage; // Ensure that Storyline Player is available var player = GetPlayer(); // Retrieve the value from localStorage var savedSelection = localStorage.getItem("CharacterSelection"); // Check if there is a saved value and set it back to the Storyline variable if (savedSelection !== null) { player.SetVar("CharacterSelection", Number(savedSelection)); } I am thinking It needs to be hosted on the same server in order for it to actually work.
Hmm, wonder if your LMS is restricting something. May be worth asking your LMS. Storyline has alots of JavaScript in it out of the box so it would not be that but could be the way custom triggers are handled.
@@LearningDojo yea i know how to use the layers I was just interested in making pop up box look smaller and more slick. also ppl are more used to those alert boxes then a layer popping up. and some of our materials are complex and a instruction pop up for each slide is annoying and time consuming. Thought i would give java a try
@@LearningDojo that would be cool I think it would be more intuitive to a learner since most alerts that you did something wrong in software and online are basically that.
I'd be interested in a full course on practical JS applications in storyline
Sweet thank you for saying!
That makes two of us!
@@SpeakingAmericanTruth three of us haha
Hey thanks so much for this tutorial! I'm currently working on an instructional design portfolio project, ans Storyline sometimes just gives me headaches, especially when working with video and animations. This gives me hope that I'll be able to go beyond what limited functionality Storyline gives me with the triggers. Thanks!
Glad to hear that and yes the limitations of Storyline in animations is hard. GSAP does help.
Hey Jeff! The idea of creating a course on Javascript in Storyline is awesome. Looking forward!
In the works!
I would definitely be interested in a course on Javascript with Storyline. Thank you!
In the works!
Hey Jeff! I would love to see a course on using JavaScript in Storyline 360!!
In the works!
Something that would be helpful is to get an idea of what can be done with JavaScript in Storyline. What sort of things can be done that are actually useful and then how do you do them. Thanks
I have a whole playlist with examples of what you can do ruclips.net/video/SD_rcpZOUiY/видео.html
Hey jeff, I would love to see a Java script course showing how to specifically use it in Storyline, any update on this?
This video was just posted a few weeks ago. Had some good response so I for sure see the need for the course. I am currently working on a Camtasia certification course for TechSmith, then plan to overhaul my basic Storyline course and then probably dive into the JavaScript and Storyline course after that so may be Q2 or Q3 of this year before it comes out.
I believe we have been looking for rooms to go for a full course on Practical JS application in Storyline. I've been following you on the Udemy.
It's in the works! Still in planning stages but once I finish up recording my other course this will be the next main focus.
@@LearningDojo cheer for the good work
Do we have a course for practical applications of JS in storyline yet? I d be very interested
It's in the works! Still in planning stages but once I finish up recording my other course this will be the next main focus.
Yay! I was hoping you would cover this! Thank you for all that you do.
You are so welcome! My pleasure!
Hey Jeff, please add me to the list for a JavaScript video! This tutorial was easy to follow but without a base of JavaScript knowledge it’s hard to picture a real life application. Thanks!
Great! I am starting to plan this already.
Yep, interested in how and what we can do in Storyline 360 using javascript.
Thanks for letting me know!
Hey Jeff, please make the course on JavaScript basics that I can use in Storyline.
In the planning stages!
I'd love a JavaScript in Storyline course
In the works!
I use Storyline all the time but I am no programmer, I'd love to have a video with explanation about JavScript and how it applies to Storyline!
I am working on a course that will cover this but Storyline essentially publishes websites because they are websites they are HTML, CSS and JavaScript. HTML is the structure of a website, CSS is the style and JavaScript is how the Website behaves. By added on our own JavaScript we are able to go beyond the functionality Storyline provides. Hopes that helps some.
I am interested! I am working on a project to add speech to text in storyline. I would love to get your insights on how to make that happen.
I could look into this possibly for this course
@@LearningDojo That would be great!
I would also be interested in this course!
Awesome! One I am done with updating my basic Storyline course then I will get started on this.
Hi, that would be really nice if you could do a JS applications in storyline
In the works!
Why didn't the updatedNum part need to be in quotation marks like the "variableTest" needed to be in?
player.SetVar("variableTest", updatedNum);
Because updatedNum is a variable name coming from the line of code above. The quotes are because you are passing the info back to Storyline. Just a formatting requirement.
I am interested in you creating a JavaScript course for Storyline 360.
Just wrapping up a course now, then I am updating my basic storyline course which should not take long and then that one is right after!
Hey Jeff! Would definitely be interested in a full JavaScript application inside Storyline Course!
Noted! Thank you!
I would be interested in a Storyline and JavaScript course.
Thanks for letting me know!
Very interested in a course in JS for Storyline.
In the works!
Please let me know if you create a course to explain how to enhance Storyline with Java!
It is in the works but may take a bit.
Definitely interested. Thank you so much for sharing your knowledge and expertise!
Yeah my pleasure!
I would love to learn more about using JavaScript in Storyline 360.
In the works!
Looking for info on using js to change player style. Need to show hide menu items. Is this possible? Havent found a tut yet.
Oh like hide/remove and chance color in the player settings? That is done within the player settings button when you are on the home tab.
Excellent break down, Jeff!
Thank you!
The biggest issue I have is finding inspiring code from GITHUB but not knowing where to begin to put it into a storyline file. I'm wondering if you could show the different ways js and storyline can interact, and what code in the JS is needed and what variables, triggers, accessibility names are needed in SL.
I do have whole playlist that does share various examples ruclips.net/video/SD_rcpZOUiY/видео.html. Also plan on creating more so stay tuned.
Great video Jeff, it was quite hard to follow though because of the constant fast transitions between the screen recording - might be better just to keep the screen recording up longer. Helpful video though thanks. :)
Yeah I sometimes get over ambitious and switch back every time I look at the camera but I’ll try to remember to do that less. Thanks for the good feedback.
Pause the video.
How would you store a variable using SL and js in a user's browser using localStorage so that you can pass the same variable when starting a new course in a different SL build?
Hmm, great question. That may be a good future video topic. You have to trigger a JS trigger that gets the variable from SL and then saves it into LocalStorage before the course closes. Then once the new course loads you would have to check the local storage if if there is local storage then you set the variable within the new Storyline course. I added that in my backlog for a future video. Thanks for the idea!
@@LearningDojo I tried this and failed, my js knowledge isn't any good. This is the code I used:
// Ensure that Storyline Player is available
var player = GetPlayer();
// Retrieve the value of the variable CharacterSelection from Storyline
var characterSelection = player.GetVar("CharacterSelection");
// Store the value in localStorage
localStorage.setItem("CharacterSelection", characterSelection);
Retrieve the Variable from localStorage;
// Ensure that Storyline Player is available
var player = GetPlayer();
// Retrieve the value from localStorage
var savedSelection = localStorage.getItem("CharacterSelection");
// Check if there is a saved value and set it back to the Storyline variable
if (savedSelection !== null) {
player.SetVar("CharacterSelection", Number(savedSelection));
}
I am thinking It needs to be hosted on the same server in order for it to actually work.
Jeff, I’m also interested in the course, too.
Thanks for letting me know!
Hi there - has anyone had issues with javascript and IOS deploying the package via an LMS to an iPad? Does it work on an iPad?
Hmm, wonder if your LMS is restricting something. May be worth asking your LMS. Storyline has alots of JavaScript in it out of the box so it would not be that but could be the way custom triggers are handled.
I'd be interested in a course on JS!
In the works!
Hey Jeff I'm interested in the JS course
Noted. Thanks!
Please make that course!
I am going into planning phase on this! Thanks for your feedback
Can't wait that course about JS in Storyline (:
I am just wrapping up my Camtasia certification course and then will get started on development of this!
I'm interested in that course.
In the works!
Very Nice! Thank you for sharing this video.
Thanks for watching!
Definitely interested!
In the works!
Jeff let's have a whole course on this
Will do!
Hey Jeff Im interested on Js course
Thanks for letting me know!
Interested!
In the works!
How would you use a "alert" to tell someone to do something before clicking the next button.
This might help. Mostly it is through layers that you can do it ruclips.net/video/wrkh2IVasUk/видео.html
@@LearningDojo yea i know how to use the layers I was just interested in making pop up box look smaller and more slick. also ppl are more used to those alert boxes then a layer popping up. and some of our materials are complex and a instruction pop up for each slide is annoying and time consuming. Thought i would give java a try
@@rebeccalawrence4381 Ah yes, yeah you could try a JavaScript alert. I have customized those though so not sure but may be something I can look into.
@@LearningDojo that would be cool I think it would be more intuitive to a learner since most alerts that you did something wrong in software and online are basically that.
@@rebeccalawrence4381 Yeah agreed. I added it to my backlog to explore more.
I'm interestd in a JavaScript course
In the works!
@@LearningDojo noice!
Very interested
Thank you!
hey thank you
No problem
Hey! I am interested
Awesome! It is in the works
Hey Jeff, please make the course on JavaScript basics that I can use in Storyline.
Thanks!