授权播放和跑马灯

在用户网站中,除了可以通过session、cookie判断学员是否有权限访问网站上的某些视频页面之外,还可以通过POLYV播放器去实现学员权限验证播放的功能,从而实现了对学员权限的双重验证。首先需要开发者开发一个能输出以下示例中json参数的http协议接口(如,http://www.mywebsite.com/validate.php),然后把接口URL配置到POLYV后台(如下图)。

自动补全

接口URL的配置适配以下几种情况:
1. 直接请求URL,例如:http://mywebsite.com/interface/validate.php。
2. 自动补全协议,例如://mywebsite.com/interface/validate.php 调用时会补全当前页面的请求协议,实际请求的地址是http://mywebsite.com/interface/validate.php 或 https://mywebsite.com/interface/validate.php。
3. 补全协议和HOST,例如:/interface/validate.php或者interface/validate.php,调用时会补全当前页面的请求协议和HOST,所以实际请求的地址是http://mywebsite.com/interface/validate.php。

授权

如果只实现授权播放功能,则只需输出status、username、sign这3个参数给POLYV验证即可,以下为用户接口的返回示例:

PC端flash播放器请求用户接口时的返回示例:

{
    "status":1,
    "username":"elvis",
    "sign":"2c2bfb00314da7d768d50a7d1e93bd9f"
}

移动端js请求用户接口时的返回示例(POLYV请求接口时,会提交callback参数):

polyvObject16208229674372271079_1478765178186({
"status":1,
"username":"elvis",
"sign":"1cca74bd55c6076091ed84807065e5b7"
})

此时sign的计算规则为:将以下参数的值拼凑起来的字符串做MD5计算。

Plain ="vid=" + vid + "&secretkey=" + secretKey + "&username=" + username + "&code=" + code + "&status=" +status + "&t=" + t
sign = MD5.hash(Plain);

授权跑马灯

除了授权播放功能,还需要实现跑马灯功能的,则输出示例中其他跑马灯相关的参数,PC端flash播放器请求用户接口时的返回示例:

{
    "status":1,
    "username":"elvis",
    "sign":"6ab63590797e513d1b6c46b407413478",
    "msg":"Errormessage!",
    "fontSize":"40",
    "fontColor":"0xFFE900",
    "speed":"200",
    "filter":"on",
    "setting":"3",
    "alpha":"1",
    "filterAlpha":"1",
    "filterColor":"0x3914AF",
    "blurX":"2",
    "blurY":"2",
    "tweenTime":"1",
    "interval":"5",
    "lifeTime":"3",
    "strength":"4",
    "show":"on"
}

此时sign的计算规则为:将以下参数的值拼凑起来的字符串做MD5计算。
如果需使用跑马灯功能,则必须用这种签名方式,否则会存在跑马灯被篡改的风险。

Plain ="vid=" + vid + "&secretkey=" + secretKey + "&username=" + username + "&code=" + code + "&status=" + status + "&t=" + t + "&msg=" + msg + "&fontSize=" + fontSize + "&fontColor=" + fontColor + "&speed=" + speed + "&filter=" +filter + "&setting=" + setting + "&alpha=" + alpha + "&filterAlpha=" + filterAlpha  + "&filterColor=" + filterColor + "&blurX=" + blurX + "&blurY=" + blurY + "&interval=" + interval + "&lifeTime=" + lifeTime + "&tweenTime=" + tweenTime + "&strength=" + strength + "&show=" +show;
sign = MD5.hash(Plain);
例如:当vid="8f8482aaab11dd5f45f183a9192a04c5_8",secretkey="AiDQw1mAmi",username="suki",code="abc",
status="1",t="143020010115550947",msg="Errormessage!",fontSize="40",fontColor="0xFFE900",
speed="200",filter="on",setting="3",alpha="1",filterAlpha="1",filterColor="0x3914AF",
blurX="2",blurY="2",interval="5",lifeTime="3",tweenTime="1",strength="4",show="on"时,
拼凑起来去MD5计算的字符串为
vid=8f8482aaab11dd5f45f183a9192a04c5_8&secretkey=AiDQw1mAmi&username=suki&code=abc&
status=1&t=143020010115550947&msg=Errormessage!&fontSize=40&fontColor=0xFFE900&speed=200&
filter=on&setting=3&alpha=1&filterAlpha=1&filterColor=0x3914AF&blurX=2&
blurY=2&interval=5&lifeTime=3&tweenTime=1&strength=4&show=on
则sign为MD5计算后32位小写的值:3b07f56f29b7fd728bf20020442338e7

参数解释:

序号 参数名 代表意义 参数可选 参数类型 是否必需项 默认值
1 status 是否播放 1:正常播放2:禁止播放 整型
2 username 用户名,可以是学员的id,也可以是任意定义的值,也可以为空 String
3 sign 通过MD5加密算法计算得到32位小写的值 String
4 msg 自定义播放错误提示信息 String
5 fontSize 跑马灯文字字体大小 整型 30
6 fontColor 跑马灯文字字体颜色 包含三个 8 位 RGB 颜色成分的数字;例如,0x000000 为黑色 String 0x000000 黑色
7 speed 跑马灯文字移动指定像素所需时间 整型 单位:(秒/10) 200
8 filter 是否描边 “on” :描边 “off”:不描边 String off
9 setting 跑马灯样式 1:自屏幕右方至左方一直滚动2:屏幕内随机位置闪烁3:自屏幕右方至左方一直滚动,渐隐渐现 整型 1
10 alpha 跑马灯文本透明度 范围:0~1 float 1
11 filterAlpha 跑马灯描边透明度 范围:0~1 float 1
12 filterColor 跑马灯描边颜色 包含三个 8 位 RGB 颜色成分的数字;例如,0x000000 为黑色 String 0x000000 黑色
13 blurX 跑马灯描边水平模糊量 范围:0~255 整型 2
14 blurY 跑马灯描边垂直模糊量 范围:0~255 整型 2
15 interval 跑马灯文本隐藏间隔时间 整型 (单位:秒) 5
16 lifeTime 跑马灯文本显示时间 整型 (单位:秒) 3
17 tweenTime 跑马灯文本渐隐渐现时间 整型 (单位:秒) 1
18 strength 跑马灯描边强度 范围:0~255 整型 4
19 show 是否显示跑马灯,默认为否 String off

当网页调用POLYV播放器播放视频时,在PC端中,POLYV通过GET请求用户的http协议接口并提交vid、code、t这3个参数(如,http://www.mywebsite.com/validate.php?vid=e8888b74d19fe43983170b7cf804444d_e&code=abc&t=143020010115550947);而在移动端中,由于js通过ajax方式去请求用户的接口,需要跨域请求,因此需要加多一个callback参数,POLYV通过GET请求用户接口并提交vid、code、t、callback这4个参数(如,http://www.mywebsite.com/validate.php?vid=e2e84a73837363106d8d257f60e55c4c_e&code=&t=1457938821973&
callback=polyvObject16209048491895664483_1457938783908&_=1457938784101)

其中code为播放代码中的参数,值为自定义(如下所示,可以不在播放代码中添加此参数,则该参数的值默认为空);t为播放器产生的随机数。需要用最新的js链接:https://player.polyv.net/script/polyvplayer.min.js,以前旧版的js不支持。

示例代码:

<script src='https://player.polyv.net/script/polyvplayer.min.js'></script>
<div id='player'></div>
<script>
var player = polyvObject('#player').videoPlayer({
    'width':'600',
    'height':'373',
    'vid' : 'e8888b74d19fe43983170b7cf804444d_e',
    'code' : 'myRandomCodeValue'
});
</script>

同时,为了让PC端的Flash能够跨域请求用户接口,还需要用户在自己的网站域名根目录下增加crossdomain.xml文件。

<cross-domain-policy>
<allow-access-from domain="*.polyv.net"/>
</cross-domain-policy>

最后POLYV播放器就能接收用户的http协议接口返回的json数据,从而根据参数的值去进行相应的播放操作。

授权播放功能接口主要的播放操作是:授权播放,即判断是否允许播放。

当status参数的值为1时,POLYV播放器会主动验证sign的合法性。若合法,则允许播放;若不合法,则禁止播放。当视频允许播放时,show的值为on表示显示跑马灯,off表示不显示跑马灯。

当status参数的值为2时,POLYV播放器直接禁止播放视频。

用户的http协议接口(如,http://www.mywebsite.com/validate.php)代码示例:

<?php
$username = "elvis";
$secretkey = "tIQp4ATe9Z";
$vid=$_GET["vid"];
$t = $_GET["t"];
$code = $_GET["code"];
$fontSize="40";
$fontColor="0xFFE900";
$speed="200";
$filter="on";
$setting="3";
$alpha="1";
$filterAlpha="1";
$filterColor="0x3914AF";
$blurX="2";
$blurY="2";
$tweenTime="1";
$interval="5";
$lifeTime="3";
$strength="4";
$show="on";
$msg="Errormessage!";

if($username=="elvis"){
 $status = 1;
}else {
 $status = 2;
}
if(!empty($_GET["callback"])){
 $callback = $_GET["callback"];
}else{
 $callback = '';
}
if($callback!=''){
 $sign=md5("vid=$vid&secretkey=$secretkey&username=$username&code=$code&status=$status&t=$t");
 $array=Array("status"=>$status,"username"=>$username,"sign"=>$sign);
 //若需要在PC端h5播放器中显示跑马灯,则$array改为:
 //$array = Array("status"=>$status,"username"=>$username,"sign"=>$sign,"msg"=>$msg,"fontSize"=>$fontSize,"fontColor"=>$fontColor,"speed"=>$speed,"filter"=>$filter,"setting"=>$setting,"alpha"=>$alpha,"filterAlpha"=>$filterAlpha,"filterColor"=>$filterColor,"blurX"=>$blurX,"blurY"=>$blurY,"tweenTime"=>$tweenTime,"interval"=>$interval,"lifeTime"=>$lifeTime,"strength"=>$strength,"show"=>$show,);
 $Json = json_encode($array);
 echo $callback."(".$Json.")";
} else{
 $sign = md5("vid=$vid&secretkey=$secretkey&username=$username&code=$code&status=$status&t=$t&msg=$msg&fontSize=$fontSize&fontColor=$fontColor&speed=$speed&filter=$filter&setting=$setting&alpha=$alpha&filterAlpha=$filterAlpha&filterColor=$filterColor&blurX=$blurX&blurY=$blurY&interval=$interval&lifeTime=$lifeTime&tweenTime=$tweenTime&strength=$strength&show=$show");

 $array = Array("status"=>$status,"username"=>$username,"sign"=>$sign,"msg"=>$msg,"fontSize"=>$fontSize,"fontColor"=>$fontColor,"speed"=>$speed,"filter"=>$filter,"setting"=>$setting,"alpha"=>$alpha,"filterAlpha"=>$filterAlpha,"filterColor"=>$filterColor,"blurX"=>$blurX,"blurY"=>$blurY,"tweenTime"=>$tweenTime,"interval"=>$interval,"lifeTime"=>$lifeTime,"strength"=>$strength,"show"=>$show,);

 $Json = json_encode($array);
 echo $Json;
}
?>

注:
1.接口返回的数据,请确保是UTF-8编码的;注意json数据中的status参数是整型的,不能是字符串!用户开发的接口地址的相应域名下需有crossdomain.xml,需至少包含:<allow-access-from domain=".polyv.net"/>,建议设为:<allow-access-from domain=""/>。目前跑马灯需要通过PC端flash或H5播放器来实现,移动端网页暂不支持。
2.若需要在PC端h5播放器中显示跑马灯,则移动端的$array改为(callback不为空时):
$array = Array("status"=>$status,"username"=>$username,"sign"=>$sign,"msg"=>$msg,"fontSize"=>$fontSize,"fontColor"=>$fontColor,"speed"=>$speed,"filter"=>$filter,"setting"=>$setting,"alpha"=>$alpha,"filterAlpha"=>$filterAlpha,"filterColor"=>$filterColor,"blurX"=>$blurX,"blurY"=>$blurY,"tweenTime"=>$tweenTime,"interval"=>$interval,"lifeTime"=>$lifeTime,"strength"=>$strength,"show"=>$show,);

以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...

自定义右键菜单设置

自定义右键菜单设置:顶部功能列表的“播放器” — 选择需要修改的已有播放器(或创建新的播放器) —点击“修改”,如下图所示。

QQ图片20160603094622

 

点击“修改”后,进入如下图界面,找到“右键菜单”,可进行自定义播放器右键菜单的显示内容以及跳转地址,内容编辑完成后,点击上方的“保存”,完成操作。

QQ图片20160603095957

“自定义右键菜单”添加成功后,视频上的效果如下图。
QQ图片20160612112211
以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...

播放域名设置(防盗链)

播放域名设置(防盗链):顶部右侧功能列表的设置下拉菜单中点击“播放域名设置”,进入如下图界面。

QQ图片20160603140623

 

在上图的界面中进行 选择您所需设置的域名限制,设置完成后点击最下方的“提交”按钮即可,如下图:

QQ图片20160606171801

设置无域名限制:当设置了无域名限制,所有域名均可播放。
设置禁止域名限制:当设置了禁止域名播放,除了当前禁止播放的域名不能播放外,其他域名均可播放。(禁止域名最多5个,可扩充)
设置允许域名限制:当设置了允许域名播放,除了当前允许播放的域名能播放外,其他域名均不可播放。(允许域名最多5个,可扩充)

以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...

多终端代码获取

多终端支持设置:点击顶部功能列表的“视频列表”,进入“视频列表界面”,在“所有视频”(或者点击“视频分类管理”中的分类视频)中选中需要的视频,在右侧小窗口找到“多终端”,如下图所示:

QQ图片20160603142109注:

1、选择使用多终端(JS)代码,将视频代码发布到网页上时,可支持网页在多终端上打开,同时视频播放不受影响。

QQ图片20160603142715

2、使用HTML代码可将视频嵌到网站上,仅支持PC端播放。

QQ图片20160603142733

3、Flash地址则为视频的源地址,可直接输入到浏览器进行播放。

QQ图片20160603142752

4、使用预览代码则支持访客预览视频,默认时间为3分钟。

QQ图片20160603142812

可通过PC端,手机端,平板电脑等各种设备播放视频。

多终端适配可满足各种用户需求,无论是电脑用户,手机用户等都能播放视频内容。

 

 

以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...

分享设置

分享设置:顶部功能列表的“ 播放器 ”—选择需要修改的已有播放器(或创建新的播放器) —点击“修改”,如下图所示。

QQ图片20160603094622

 

点击“修改”后,进入如下图界面,找到“分享设置”,设置完成后,点击上方的“保存”即可。

QQ图片20160603145113

视频播放时,点击右侧菜单的“分享”,效果如下图:
QQ图片20160603145843
设置播放器是否提供用户“一键分享”(将视频分享到QQ空间,人人网,新浪微博)、“代码分享”(复制转贴)。
以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...

播放器语言设置

播放器语言设置:顶部功能列表的“ 播放器 ”—选择需要修改的已有播放器(或创建新的播放器) —点击“修改”,如下图所示。

QQ图片20160603094622

 

点击“修改”后,进入如下图界面,找到“语言设置”,设定您的播放器所使用的语言,可设置为中文、英语、自适应。设置完成后,点击上方的“保存”即可。

QQ图片20160603152319

中文效果如下图所示:

QQ图片20160603151155

 

英文效果如下图所示:

QQ图片20160603151336

以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...

无边框播放器

无边框播放器:动态展示更能诠释您的商品,POLYV无边框播放器能与网站完美契合,具体操作如下:

步骤一:顶部功能列表的“播放器” —选择已有播放器(或创建新的播放器)—点击上方的“修改”,如下图所示:QQ图片20160603094622

点击“修改”后,进入如下图界面,在右侧菜单下拉找到“皮肤设置”,将不透明度改为0;找到“片尾设置”,选择“无片尾”,修改完成,点击上方的“保存”:QQ图片20160612105644QQ图片20160612105731

步骤二:顶部功能列表的“视频列表”,进入视频列表界面,选择视频(或在“视频分类管理”中选择视频),在右侧小窗口找到“播放设置”:选择与步骤一相同的播放器,后将自动播放设置为“是”,点击“保存”。QQ图片20160612110622

效果如下图所示:

 
以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...

视频问答和听力

教育问答播放器:点击顶部功能列表的“视频列表”,进入视频列表界面,选择视频(或在“视频分类管理界面”),在右侧小窗口找到“问答听力”,如下图所示:QQ图片20160608105107

点击上图的“+添加问答/听力”,进入如下图界面,用户可根据自己的需求选择“添加问答”或“添加听力”,进入相关环节设置:
QQ图片20160608105932
1、点击“添加问答”按钮,进入如下图界面,可点击左上角的QQ图片20160608111459图标,回到上图界面进行选择“添加问答”或添加听力:
QQ图片201606081110172、点击“添加听力”按钮,进入如下图界面,可点击左上角的QQ图片20160608111459图标,回到选择界面进行选择“添加问答”或添加听力:
QQ图片20160608111815
 
以下以“添加问答”为例说明如何使用教育问答播放器,如下图所示为“添加问答”的设置界面:
QQ图片20160608113558
问题:用户可以根据自己的需求去自定义设置问题。
时间:在所需要观众进行回答问题的时间点,点击“获取时间点”(显示的时间是以“秒”为单位的),则当视频播放到所设置的时间点时,视频界面会自动弹出所设置的问题回答窗口。
答案:用户可以为自己设置的问题设置至少二个答案选项(最多为八个),其中点击“+”可继续添加答案是选项,点击“-”可移除答案选项,点击“√”可将选项设置为正确答案,点击“x”可将选项设置为错误答案。
解答:用户可自定义解答结果,无论观众回答结果如何,解答结果都会展示给观众。
答错回退:用户可自定义设置答错回退时间点,当观众答错时,必须回退到所设置的时间点,进行再一次的观看,直到回答正确为止。如果当设置的回退时间点为-1秒时,观众即使回答错误,也可直接跳过这道题,继续观看视频。
 
以上设置完成后,点击“保存”即可。效果如下图所示:
QQ图片20160608113320教育问答播放器解决的问题:
1、实现学员与课件之间的互动,学员只有正确回答课件视频中弹出的问题之后才能往后继续播放,有效的避免了挂机的现象;

2、通过互动问答的方式,加强学员对知识点的记忆,同时可以评估学员的学习效果;

3、大大降低盗版视频的观看体验,让录屏后的盗版视频毫无价值。

以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...

访客信息收集器

访客信息收集器:步骤一:顶部功能列表的右侧“设置”下拉菜单—点击“访客信息收集”,如下图界面:QQ图片20160608150704点击“访客信息收集”后,进入如下界面,编辑完成,点击“提交”即可:QQ图片20160608151736标题:为这个主题设置一个名称而已,并无在视频上显示;

出现时间:自定义设置访客信息收集在视频什么时间点出现,单位为“秒”;

上传图片:点击“上传图片”,弹出选择窗口,用户可根据自己的需求选择自己的图片上传,图片格式支持:jpeg,gif,png,jpg

图片跳转链接:可填写自定义链接,当用户点击图片时,自动跳转到该链接里;

字段名与注释:字段名是自己填写的类别。注释是用户根据字段名类别进行填写的(同时用户可以向观众提供建议提示)。本栏目最多可以添加五个项目。

点击上图的“查看访客信息”,进入如下图界面,可看到访客的详细信息,用户可根据需求导出访客信息,支持导出excel、json格式。QQ图片20160608152919

步骤二:点击顶部功能列表的“视频列表”,进入视频列表界面,选择视频(或在“视频分类管理”中选择视频),在右侧小窗口中下拉找到“访客信息收集设置”,选择“开启”,点击“保存”,如下图所示。

QQ图片20160608153538

视频效果:视频播放到某个时间点,弹出广告图和表单,访客填写联系方式后方可继续观看(只需填写一次)。效果如下图所示:

1、获得访客的联系方式就是商机,助力提升销售业绩!

2、应用场景:某线下培训机构,在自有视频网站和友站,投放了一批使用了“访客信息收集器”的视频,并获得了大量学员的联系方式,销售人员通过筛选和后续跟进,线下报名人数大幅飙升!

以上内容是否对您有帮助?根本没有帮助文档较差文档一般文档不错文档很好
Loading...