Forum Discussion

RahulM-d7d1d657's avatar
RahulM-d7d1d657
Community Member
3 years ago

Trigger on Vimeo/online video completion.

Hi,  I am facing an issue on triggers while i am trying have a next button hidden of player and the custom button should appear/change its state post online video completion. But i think i may be ...
storyline 360
RussellKillips-'s avatar
RussellKillips-
Community Member
2 years ago

Hello Fred,

Vimeo has a javascript api.

Using this api, code can be written that can update storyline variables. When the storyline variable is updated to 'Ended', you can have a trigger change your custom next button from hidden to normal.

Here is a link to a published storyline project:

http://www.knowledgeconstruction.com/vimeo/story.html

I have also attached the storyline project and a webobject.

The webobject has an index.html within it. It has the code to show a vimeo video and the code that updates the storyline variables. You can easily edit this code by opening the file in notepad.

 

  • JoeFrascella-85's avatar
    JoeFrascella-85
    Community Member
    10 months ago

    Russell,

    When I run your SL file neither the video status or the video time fields update.  They remain blank.   I have made sure that the web object is pointed to the folder with the index.html file and I am publishing to the web.  The video will load and I can play it, just nothing populates either of the two fields. 

    Any thoughts on this? 

    • RussellKillips-'s avatar
      RussellKillips-
      Community Member
      10 months ago

      Make sure that you are viewing it from an online source.

      • JoeFrascella-85's avatar
        JoeFrascella-85
        Community Member
        10 months ago

        Ah, the missing piece of the puzzle.  Thanks for the reply.  

        I'm attempting, in my old age, to learn some relevant JavaScript that can be used in SL, so please excuse me for asking something that is probably very basic.   I have figured out how to get the "Videotime2" variable to populate as a percentage ( SLplayer.SetVar("Videotime2", data.percent); ) but I have been unable to figure out how to multiply that output by 100 so that it reads 0 - 100 and not .0 - 1.   

        We don't want the person taking the course to be able to scrub through the video until it has played once. I was thinking that I would have to create a 2nd slide with a web object pointing to a second version of the video where the scrub bar is available and having the course move to that second slide after the first plays through.   I did not see any indication, in the Vimeo SDK documentation, that you could turn the scrub bar on/off with JavaScript. 

        We want to pull from Vimeo as video content is starting to occupy too much of our available space on our LMS.

        Again, thank you for your assistance and insight.