storyline
前言
公司项目原因,接触到storyline3(后面简称SL)课件制作工具,类似ppt,但是又多了互动、交互,且页面元素可添加触发器,触发器中可执行js代码。
1.官方教程
在SL中,会有“了解详情...”,点击后能到官方的使用教程,仔细阅读,会有你用到的知识。
(例如触发器的教程https://community.articulate.com/series/storyline-3/articles/storyline-3-working-with-triggers
触发器例子https://articulate.com/support/article/Articulate-Storyline-360-javaScript-Best-Practices-and-examples)
2.如何从我们自己开发的平台跳转到课件
后台页面中,直接用window.open(url),打开课件。在url中,拼接了用户id、课程id,供业务判断使用。
3.在课件中如何接收url参数、SL参数存储、使用
这些在官方教程中没有明确的说明,是自己摸索、加群问人才总结出来的。但大知识点就是SL的触发器和简单的JS代码。
①添加触发器,这个在上面给出的链接中,可以学习怎么添加触发器。也不难,软件基本操作都能找到。不做赘述
②在触发器中添加的代码如下,最终都会出现在你导出的课件文件夹中的Storyline output\story_content\user.js里。
代码如下
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();
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);
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;
相关阅读
iOS开发--使用NSTimeInterval获取2个时间间隔
想在程序开始或者进入某个界面 ,到结束程序或退出某个界面,获取到这个持续时间. 获取到这个时间还需要转化一个取得时分秒.-(NSStri
Keep 发布「双十一」战报:天猫旗舰店 12 小时销售额破
一年一度的「双十一」购物狂欢季已落下帷幕。各大电商平台战绩空前,以天猫2,135亿元、京东1,598亿元的成交额再次创造了零售市场的
文本过滤工具 文本过滤工具分三种:grep、egrep、fgrep。作用为根据条件筛选文件。 前两者都支持正则表达式搜索。 fgrep不支持
一、功能描述: 设计一个多功能数字时钟,有基本的数字时钟、秒表、闹钟三个功能。其中,数字时钟可设置,秒表可以暂停和清零,闹钟可设置
DirectSound播放PCM(可播放实时采集的音频数据)
前言该篇整理的原始来源为http://blog.csdn.net/leixiaohua1020/article/details/40540147。非常感谢该博主的无私奉献,写了不少关