StoryLine3变量存储与跳转后台时的使用

说明：这是自己在博客园发的文章，用来测试访问量。

前言

公司项目原因，接触到storyline3（后面简称SL）课件制作工具，类似ppt，但是又多了互动、交互，且页面元素可添加触发器，触发器中可执行js代码。

1.官方教程

在SL中，会有“了解详情...”，点击后能到官方的使用教程，仔细阅读，会有你用到的知识。例如：触发器的教程、触发器例子）

2.如何从我们自己开发的平台跳转到课件

后台页面中，直接用window.open(url)，打开课件。在url中，拼接了用户id、课程id，供业务判断使用。

3.在课件中如何接收url参数、SL参数存储、使用

这些在官方教程中没有明确的说明，是自己摸索、加群问人才总结出来的。但大知识点就是SL的触发器和简单的JS代码。
1.添加触发器，这个在上面给出的链接中，可以学习怎么添加触发器。也不难，软件基本操作都能找到。不做赘述
2.在触发器中添加的代码如下，最终都会出现在你导出的课件文件夹中的Storyline output\story_content\user.js里。

image.png

代码如下

console.log(window.location.href);
//1.获取url问号后的参数
function getQueryString(name) { 
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
     var r = window.location.search.substr(1).match(reg);
     if (r != null)
         return unescape(r[2]);
     return null;
 } 
//2.获取url传的参数
var fid = getQueryString("fid"); 
var projectcoursepeoid = getQueryString("projectcoursepeoid"); 
console.log("fid :"+fid ); 
console.log("projectcoursepeoid :"+projectcoursepeoid ); 
//3.将参数存在StoryLine的参数里
var player = GetPlayer(); 18 player.SetVar("fid",fid);//传递变量
player.SetVar("projectcoursepeoid",projectcoursepeoid);//传递变量

//4.获取参数
var fid_val = player.GetVar("fid");//获取变量
var projectcoursepeoid_val = player.GetVar("projectcoursepeoid");//获取变量
console.log("存值完毕 fid_val:"+fid_val); 25 console.log("存值完毕 projectcoursepeoid_val:"+projectcoursepeoid_val);

4.将数据传回服务器

直接用window.location.href="请求的地址"+“?param1=”+param1...
类似方法http://www.rabbitoreg.com/2015/07/05/storyline-communication-with-a-web-server/

触发器js代码：

 //4.获取参数
var player = GetPlayer(); 
var fid_val = player.GetVar("fid");//获取变量
var projectcoursepeoid_val = player.GetVar("projectcoursepeoid");//获取变量
console.log("存值完毕 fid_val:"+fid_val); 
console.log("存值完毕 projectcoursepeoid_val:"+projectcoursepeoid_val);  
var requesturl = "http://localhost:8080/springMVC/peocourse/finishfile.action?fid="+fid_val+"&projectcoursepeoid="+projectcoursepeoid_val; 
window.location.href=requesturl;

image.gif

最后编辑于：2019.05.21 16:07:05