外部播放器API

微录播 播放器

更新历史

目录

注意：一个页面只能引用一个播放器，生成新的播放器，应先将原先的播放器容器销毁

1. 播放器引用方式

通过嵌入html页面的方式渲染播放器

参数

参数	必选	类型	说明
host	是	string	微录播域名
swlid	是	string	微课swlid
uname	是	int	微录播用户id
callback	否	boolean	是否需要主动发送播放进度
callbackUrl	否	string	主动发送的地址（当callback为true,此参数必须）
playProgress	否	int	设置播放进度（数值范围：1-100），设置此参，播放进度将会从此开始播放

拼写规则

1.生成设置参数

var obj ={
    'host' : 'http://vtest.sewise.com' ,
    'swlid' : '4593843e-05c1-460e-af30-831920a930ed' ,
    'uname' : 12 ,
    'callback' : true ,
    'callbackUrl' : 'http://vtest2.sewise.com/addplay?userid=12' , //自主平台路径，此处userid是为不同用户保存不同进度
    'playProgress' : 50
}
var playerdata = encodeURI(JSON.stringify(obj));//将参数转成json字符串，再进行encodeURI转码
var playerhtml = '<script id="sewiseswlplayer" src="'+obj.host+'/widgets/libs/sewiseswlplayer.js?data='+playerdata+'" charset="utf-8"></script>';//播放地址

2.代码生成结果

<script id="sewiseswlplayer" src="http://vtest.sewise.com/widgets/libs/sewiseswlplayer.js?data=%7B%22host%22:%22http://vtest.sewise.com%22,%22swlid%22:%224593843e-05c1-460e-af30-831920a930ed%22,%22uname%22:12,%22callback%22:true,%22callbackUrl%22:%22http://vtest2.sewise.com/addplay?userid=12%22,%22playProgress%22:50%7D"charset="utf-8"></script>

3.将代码放入html页面，即可生成sewise播放器

4.播放器主动请求播放进度接口要求(请按照播放器的规定设计您的接口)
请求方式：post
参数：precent:百分比(数值范围：1-100)、total_time：视频总时长(s)、playTime：当前播放时长(s)

2. 播放器接口

支持的接口

• pause 暂停
• play 播放

接口使用方式

播放器因引用成功后，将会生成一个全局的函数变量：window.getSWLPlayer

示例

//以鼠标移出播放器，播放自动暂停为例
window.getSWLPlayer(function (sw) {
    //sw为播放器对象
    $(sw.el).on('mouseleave',function(){//表示离开播放器组件
        sw.pause();//调用播放器暂停方法
    })
})