Custom Javascript Content in Rise

Greetings Rise Community,

I am a JS developer trying to understand which options are available for embedding my own custom JS content in the rise.articulate.com platform.

Examples:

  • Custom JS drag and drop interactions
  • Choose your own adventure branching scenarios
  • Branching video player
  • etc..

I understand there are two options for embedding 'custom content' in the player:

  1. Create a Storyline interaction > publish to Review 360 platform > Insert into module as a Storyline Interactivity Block.  From what I understand, this method enables me to block learner progress until a learner completes the Storyline interaction.
  2. Host my interactions on my own server, embed them into a page using the Multimedia > Embed block, then inserting my iframe code in the Content pane.

I have been successful integrating my own custom content using option 2, however, my interactions do not 'talk' to the Rise course player in any way.  I'm interested to know the following:

  • Is there a way to block learner progress until they have completed a custom JS interaction?
  • Is there an API or method call that I can use in my interactions to unlock the next page of the course?
  • Is there any discussion to include this type of behavior in forthcoming releases?

Thanks in advance for any replies!

4 Replies
Crystal Horn

Hi Scott. Nice work! Unlike Storyline blocks, web content that is included using the Embed block won't talk to the Rise player. There isn't a way to see that the external content has been completed.

We don't have plans right now to enable tracking of external web content in the embed block, so for now, the Storyline block might be the better option for you if that's a requirement.

scott mangold

Thanks for your reply Crystal

Thinking out loud:

  • Maybe there is a way to embed my custom interaction into a media > embed frame, then on the same page, embed a Storyline 360 component.  When a learner completes my custom interaction, maybe I can trigger the SetStatus() method in the Storyline 360 frame.

I'll experiment a little with that.

Regardless, it would be great to be able to target completion from a media > embed frame by calling a method like window.parent.completePage(). I'd rather have Rise-sanctioned solution that a hack or workaround that may stop working eventually as the platform evolves.

Interested to know if anyone else has had luck with what I'm trying to accomplish..

Ariff Khalid
scott mangold

Thanks for your reply Crystal

Thinking out loud:

  • Maybe there is a way to embed my custom interaction into a media > embed frame, then on the same page, embed a Storyline 360 component.  When a learner completes my custom interaction, maybe I can trigger the SetStatus() method in the Storyline 360 frame.

I'll experiment a little with that.

Regardless, it would be great to be able to target completion from a media > embed frame by calling a method like window.parent.completePage(). I'd rather have Rise-sanctioned solution that a hack or workaround that may stop working eventually as the platform evolves.

Interested to know if anyone else has had luck with what I'm trying to accomplish..

Hi Scott,

have you managed to go anywhere with this because i am also looking for a more elegant solution for a modern age. with your option 1, would that storyline published course still trigger the execute javascript command? because from my tests it doesnt seem to work. 

https://community.articulate.com/discussions/articulate-storyline/prevent-progression-until-inserted-web-object-has-been-completed

As for getting web content to respond to the player, it works if the course is storyline based as per this discussion. But like you, my course has been created in Rise. and i need a way to make the rise - published to web - content to respond to a player.