董佳音 / networkSchool

转到一个项目
Toggle navigation Toggle navigation pinning
董佳音
526cb66e 1 parent 487cc46e dong1026-1 ... 0908-1 dev dong0902-2 dong0904-1 dong0904-2 dong0905-1 dong0905-2 dong0906-1 dong0912-1 dong0913-1 dong0914-1 dong0921-1 dong0928-1 dong0928-2 dong1009-1 dong1011-1 dong1011-2 dong1012-1 v1.9.1.20171017 v1.9.0.20171012 v1.8.10.20171011 v1.8.9.20171011 v1.8.8.20170929 v1.8.7.20170928 v1.8.6.20170928 v1.8.3.20170914 v1.8.2.20170914 v1.8.0.20170912 v1.7.4.20170908 v1.7.2.20170906 v1.7.1.20170906 v1.7.0.20170906 v1.6.6.20170904 v1.6.5.20170904 v1.5.5.20170904 v1.5.4.20170903 v1.5.3.20170903 v1.4.1.20170903

1.删除多余的模块 2.处理模块切换默认隐藏首页 3.更换userType引用 4.v1.4.1.20170903

内嵌 并排对比
正在显示 20 个修改的文件 包含 19 行增加 和 4111 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 20 of 20+ 个文件。

... ... @@ -228,6 +228,7 @@ body{
height:540px;
overflow: hidden;
position: relative;
display: none;
}
.motionMapBox{
height:540px;
... ... @@ -272,6 +273,7 @@ body{
left:0;
right:0;
margin:0 auto;
min-height:600px;
}
/*首页*/
.box{
... ... @@ -280,11 +282,11 @@ body{
left:0;
right:0;
margin:0 auto;
min-height: 1000px;
}
.curriculumBox{
float: left;
width: 100%;
display: none;
}
.curriculumBox1{
margin-bottom:45px;
... ...
/*
*
* 音视频设置的消息类型
* */
class ActionType {
constructor() {
}
}
ActionType. CHANGE_CAMERA = "changeCamera";//
ActionType. CHANGE_MICROPHONE = "changeMicrophone";//
ActionType. CHANGE_RESOLUTION = "changeResolution";//
ActionType. CHANGE_SPEAKER_VOLUME = "changeSpeakerVolume";//
ActionType. CHANGE_MICROPHONE_GAIN = "changeMicrophoneGain";//
ActionType. CHANGE_MICROPHONE_CODE = "changeMicrophoneCode";
export default ActionType;
\ No newline at end of file
... ... @@ -4,9 +4,6 @@
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import DrawTool from "./DrawTool";
import LaserPen from "./LaserPen";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
let loger = Loger.getLoger('PC-AdministratorApe');
... ... @@ -84,7 +81,6 @@ class AdministratorApe extends Ape {
isLocalStorage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_2){
this.detailPage();
console.log('管理员',111111111)
}
}
//首页
... ...
//*
// 答题卡模块
// */
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import ClassDataProxy from "proxy/ClassDataProxy";
import $ from "jquery";
let loger = Loger.getLoger('PC-AnswerApe');
const newAnswerInput = `<li class="themeTrendsLi">
<input type="text" class="themeVal" value="输入答案" maxlength="26">
<span>&times;</span>
</li>`;
const newAnswerP = `<li class="themeTrendsLi">
<p></p>
<span>&times;</span>
</li>`;
const newList = `<li class="resultValueList">
<input type="radio" name="result" value="{value}" data-val="{index}">{value}
</li>`;
const newResultList = `<li class="resultList">
<b>{ele}</b>
<span>{_ratio}%</span>
<p class="staticPlan"></p>
<p class="dynamicPlan dynamicPlan{index}"></p>
</li>`;
class AnswerApe extends Ape {
constructor () {
super();
this._questionObject = {};//问题 对象
this._isErrer = false;//自定义题目的时候用来判断是不是输入值
this._showPage = false;//判断当前页面是不是终止状态
this._maxLen = 6;//题目最大长度
this._minLen = 2;//input最小长度
this._minLen1 = 1;//其他题目最小长度
this._countNum = 0;//控制题目长度，默认为0
this._brevity = []
this.timerList = [0,30,60,120,180,300]; //选择答题倒计时
this.isCancel = false;//控制学生端是否显示
this.isHide = false;//控制老师端是否显示
this.addEvent();
this.init();
}
init() {
$('.slelctShow').on("click", this._slelctShowHandler.bind(this));//点击显示答题倒计时
$('.answer').on("click", this._answerHandler.bind(this));//点击弹出答题卡
$(".themeHeadline .iconfont").on("click", this._closeAnswerHandler.bind(this));//关闭答题卡/最小化
$('.themeUl').on("click",'li',this._answerLiHandler.bind(this));//选择答题计时时间
$('.themeList').on('mouseenter',this._mouseenterAnswer.bind(this));//移入题目项显示发布按钮
$('.themeList').on('mouseleave',this._mouseleaveAnswer.bind(this));//移出题目项移除发布按钮
$('.themeTrendsUl').on('mouseenter','li',this._mouseenterAddOff.bind(this));//移入每一条题目列表时显示关闭按钮
$('.themeTrendsUl').on('mouseleave','li',this._mouseleaveAddOff.bind(this));//移出每一条题目列表时移除关闭按钮
$('.themeTrendsUl').on('focus','.themeVal',this._answerFocus.bind(this));//input框获得焦点隐藏默认字体
$('.themeTrendsUl').on('blur','.themeVal',this._answerBlur.bind(this));//input框失去焦点显示默认字体
$('.themeTrendsUl').on('click','span',this._answerListRemove.bind(this));//点击X删除列表项
$('.themeAdd').on('click',this._answerAdd.bind(this));//点击列表后添加按钮 来添加列表项
$('.dynamicRight').on('click',this._answerSubmit.bind(this));//点击发布提交信息
$('.inputErrerA').on('click',this._inputErrerClone.bind(this));//关闭input自定义题目为空时弹出框
$('.resultConceal').on('click',this._resultConcealClone.bind(this));//隐藏按钮
$('.resultHeadline .iconfont').on('click',this._resultConcealClone.bind(this));//答题卡结果关闭按钮
$('.resultTermination').on('click',this._resultTermination.bind(this));//终止答题卡
$('.referBtn').on('click',this._referBtnClone.bind(this));//学生端提交信息
$('.abandonBtn').on('click',this._abandonBtnClone.bind(this));//学生端放弃提交信息
//老师端结果 移入显示当前选项选择人数
$('.resultListUl').on('mouseenter','p',this._mouseenterResult.bind(this));
$('.resultListUl').on('mouseleave','p',this._mouseleaveResult.bind(this));
$('body').on('click',function(evt){
$('.layerBox').hide();
if(!$(evt.target).is('.themeShow')){
$('.themeUl').hide();
}
});
//渲染题目列表显示数据
this._renderDom();
//刷新列表时input框重新改为默认值
this._setDefault();
}
addEvent() {
//更新显示答题结果
xdysdk.on('update_answer_question',this.upDateAnswerQuestion.bind(this));
//答题结束
xdysdk.on('stop_answer_question',this.stopAnswerQuestion.bind(this));
//收到答题消息
xdysdk.on('start_answer_question',this.startAnswerQuestion.bind(this));
//点名和答题卡的计时器
xdysdk.on("update_question_time",this.updateQuestionTime.bind(this));
}
timerCounterUptate(timestamp){
$('#answerCountDown').html(this._newTime(timestamp));
}
_newTime(timestamp){
let minute = 0,
second = 0;
minute = Math.floor(timestamp / 60)<10 ? '0'+Math.floor(timestamp / 60):Math.floor(timestamp / 60);
second = Math.floor(timestamp - minute * 60)<10?'0'+Math.floor(timestamp - minute * 60):Math.floor(timestamp - minute * 60)
let timeValue = ClassDataProxy.localConfig.answerCountdown
timeValue +=( minute > 0 ) ? minute + ' : ' : '00 : '
timeValue += (second > 0 ) ? second : '00'
return timeValue;
}
//事件监听-----------
//更新显示答题结果
upDateAnswerQuestion(_data){
if(_data.type!=100 && ClassDataProxy.userRole==ClassDataProxy.USER_HOST){
this._questionObject = _data;
this._showPage = true;
loger.log('更新显示答题结果');
if(!this.isHide){
this._showResultBox();
}
this._resultDom(_data);
}
}
//答题结束
stopAnswerQuestion(_data){
if(_data.type!=100){
loger.log('答题结束',_data);
this._questionObject = null;
this._hideAnswerStudentBox();
this._hideResultBox();
this._showPage = false;
this.isCancel = false;
this.isHide = false;
}
}
//收到答题消息
startAnswerQuestion(_data){
if(_data.type!=100){
if(ClassDataProxy.userRole==ClassDataProxy.USER_NOTMAL){
this._questionObject = _data;
loger.log('收到答题消息',_data)
if(_data.timeLimit == 100000){
$('.countdown').css('opacity',0);
}else{
$('.countdown').css('opacity',1);
}
if(!this.isCancel){
this._showAnswerStudentBox();
}
this._answerStudent(_data);
}
}
}
//答题卡的计时器
updateQuestionTime(_data){
if(_data.type!=100){
//loger.log('答题卡的计时器',_data)
this.timerCounterUptate(_data.timestamp);
}
}
_setDefault(){
$('.themeTrendsUl .themeVal').val(ClassDataProxy.localConfig.inputAnswer);
}
_renderDom(){
let renderArray = ['A','B','C','D','E','F'];
let themeTrendsUlA = $('#themeTrendsUlA li p');
let themeTrendsUlB = $('#themeTrendsUlB li p');
let themeTrendsUlC = $('#themeTrendsUlC li input');
$.each(themeTrendsUlA,function(index,ele){
$(ele).text(renderArray[index])
})
$.each(themeTrendsUlB,function(index,ele){
$(ele).text(index+1)
})
}
// 渲染答题结果
_resultDom(_data){
if(_data){
//清除原数据 重新渲染老师端答题结果列表
$('.resultListUl').html('');
let list = _data.totalUser;
let _newResultList = '';
let _this = this;
$('.attendNum').text(list)
let _ratio = 0;
$.each(_data.options,function(index,ele){
_ratio = _data.answers[index].percent;
_newResultList = _this._format(newResultList, {
ele : ele,
_ratio :_ratio,
index : index
});
$('.resultListUl').append(_newResultList);
$('.resultListUl').find('.dynamicPlan'+index).css('width',_ratio+'%');
})
}
}
//点击弹出答题卡
_answerHandler(){
//弹出答题卡时 渲染倒计时列表
this._showTimerList();
//显示时间格式
$('.themeShow').html($('.themeUl').find('li').eq(0).html()) //默认答题计时显示第一个
.attr('data-val',$('.themeUl li').eq(0).attr('data-val'));
this._showAnswerAllBox();
if(!this._showPage){
$(".themeBox").fadeIn(800);
}else{
$('.resultBox').fadeIn(800);
}
}
//关闭答题卡/最小化
_closeAnswerHandler() {
this.isHide = true;
this._hideAnswerAllBox();
}
//点击显示答题倒计时
_slelctShowHandler() {
$('.themeUl').is(':hidden') ? $('.themeUl').show() : $('.themeUl').hide();
}
//选择答题计时时间
_answerLiHandler(evt){
let ele = $(evt.target);
let index = ele.index();
//选择倒计时时 添加类
this._judgeDddClass($('.themeUl li'),index)
$('.themeShow').html(ele.html())
.attr('data-val',ele.data('val'));
$('.themeUl').hide();
}
//选择倒计时时 添加类
_judgeDddClass(ele,ind){
ele.eq(ind).addClass('active').siblings().removeClass('active');
}
//移入题目项显示发布按钮
_mouseenterAnswer(evt){
$(evt.target).find('.dynamicRight').show();
/* if($('#themeTrendsUlC .themeTrendsLi').length >= 6){
$('#themeAdd').hide();
}*/
}
//移出题目项移除发布按钮
_mouseleaveAnswer(evt){
$('.dynamicRight').hide();
}
//移入每一条题目列表时显示关闭按钮
_mouseenterAddOff(evt){
$(evt.target).next().show();
}
//移出每一条题目列表时移除关闭按钮
_mouseleaveAddOff(){
$('.themeList span').hide();
}
//input框获得焦点隐藏默认字体
_answerFocus(evt){
let price = $(evt.target);
if(price.val() === ClassDataProxy.localConfig.inputAnswer) price.val('');
}
//input框失去焦点显示默认字体
_answerBlur(evt){
let price = $(evt.target);
if(price.val() === '') price.val(ClassDataProxy.localConfig.inputAnswer);
}
//点击发布提交信息
_answerSubmit(evt){
let _themeLi = $(evt.target).prev().children();
let _themeP = _themeLi.find('p');
let _themeInput = _themeLi.find('input');
let _parentType = $(evt.target).parent().data('type');
let _this = this;
let array =[];
$.each(_themeP,function(key,val){
let text = $(val).text();
array.push(text);
})
let length = [];
$.each(_themeInput,function(key,val){
let text = $(val).val();
let parten = /(^\s*)|(\s*$)/g ;
if(text=== ClassDataProxy.localConfig.inputAnswer || text.replace(parten,'') == ''){
length.push(text)
_this._isErrer = true;
_this._inputErrerOpen();
}else{
array.push(text);
}
})
if(length.length > 0){
this._inputErrerOpen();
}else{
this._resultBounced();
let _timeLimit = parseInt( $('.themeShow').attr('data-val') );
let paramInfo = {};
paramInfo.type = parseInt(_parentType) || 1;; //1单选，2多选，3判断，4点名
paramInfo.content = '答题'; //题目 没有就传""
paramInfo.timeLimit = _timeLimit;//有效时间（秒）
paramInfo.correct = [];//正确答案，没有就传[]
paramInfo.options = array || [] ;//选项数组，没有就传[]
paramInfo.answer = [];//学生选择的答案，没有就传[]
xdysdk.api("creatQuestion",paramInfo);
}
}
_resultBounced(){
this._showPage = true;
$('.themeBox').hide();
$('.resultBox').show();
}
//答题题目为自定义时需输入内容否则弹出错误弹框
_inputErrerOpen(){
if(this._isErrer){
$(".inputErrerBox").show();
}
}
//错误弹框关闭
_inputErrerClone(){
$(".inputErrerBox").hide();
}
_inputAdd(_answerLi,Dom){
this._countNum ++;
_answerLi.before(newAnswerInput);
$('.themeTrendsLi').attr('value',ClassDataProxy.localConfig.inputAnswer)
// this._setDefault();
if(this._countNum === this._maxLen){
this._countNum = 6;
Dom.hide();
}
}
_textAdd(_answerLi,Dom){
this._countNum ++;
_answerLi.before(newAnswerP);
this._renderDom();
if(this._countNum === this._maxLen){
this._countNum = 6;
Dom.hide();
}
}
_inputDomPos(){
let themeTrendsLi = $('#themeTrendsUlC').children('.themeTrendsLi');
let liList = $('#themeTrendsUlC li');
let len = themeTrendsLi.length;
let _dynamicRight1 = $('.dynamicRight1');
if(len > 3){
_dynamicRight1.css('top','33px');
}else{
_dynamicRight1.css('top','12px');
}
}
_answerAdd(evt){
let themeTrendsUlA = $('#themeTrendsUlA');
let themeTrendsUlB = $('#themeTrendsUlB');
let themeTrendsUlC = $('#themeTrendsUlC');
let _isInput = $(evt.target).prev().children().is('input');
let _isText = $(evt.target).parent().children().first().text();
let _themeLi = $(evt.target);
let _len = $(evt.target).parent().children('.themeTrendsLi').length;
let _inputLen = $(evt.target).siblings().length;
this._countNum = _inputLen;
if(themeTrendsUlC && _isInput){
this._inputAdd(_themeLi,$(evt.target));
}else if((themeTrendsUlA || themeTrendsUlB ) && ( _isText === 'A×' || _isText === '1×' )){
this._textAdd(_themeLi,$(evt.target));
}
this._inputDomPos();
}
_removeList(_countNum,len,ele){
if(_countNum === len){
_countNum = len;
}else{
_countNum --;
ele.remove();
this._renderDom();
}
}
//点击X删除列表项
_answerListRemove(evt){
let _plus = $(evt.target).parents('ul').children().find('.themeAdd').is(':hidden');
let _isP = $(evt.target).prev().is('p');
let _inputLen = $(evt.target).parent().siblings().length;
let _themeAdd = $(evt.target).parents('ul').children('.themeAdd');
if(_themeAdd.is(":hidden")){
_themeAdd.show();
}
this._countNum = _inputLen;
let parentDom = $(evt.target).parent();
if(_isP){
this._removeList(this._countNum,this._minLen,parentDom);
}else{
this._removeList(this._countNum,this._minLen1,parentDom);
}
this._inputDomPos();
}
//答题卡结果关闭按钮
_resultConcealClone(){
this.isHide = true;
$('.resultBox').hide();
$('.answerAllBox').hide();
}
//终止答题卡
_resultTermination(){
//清除所有数据 还原默认数据
this._clearAnswer();
//终止时隐藏所有盒子
this._hideResultBox();
//调用SDK停止答题
this._stopAnswer();
}
//清除所有数据 还原默认数据
_clearAnswer(){
this._showPage = false;
$('#minute,#second').text('00');
//答题卡结果关闭按钮
this._resultConcealClone();
//终止答题卡时题目列表默认显示原数据
this._revocation();
//终止答题卡时input框的默认值显示原数据
this._setDefault();
//默认 无 默认选中
this._judgeDddClass($('.themeUl li'),0);
this.isCancel = false;
this.isHide = false;
//input框重置
$('.dynamicRight1').css('top','12px');
$('#themeAdd').show();
$('.dynamicPlan').css('width',0)
$('.resultList span').html('0%');
$('.resultList').empty();
$('.attendNum').text('0')
}
_stopAnswer(){
let paramInfo = {};
paramInfo.itemIdx = this._questionObject.itemIdx;
paramInfo.questionId = this._questionObject.questionId;
xdysdk.api("stopQuestion",paramInfo);
this._questionObject = null;
}
_revocation(){
$('.themeShow').html(ClassDataProxy.localConfig.nothing);
let themeTrendsUlA = $('#themeTrendsUlA .themeTrendsLi').length;
let themeTrendsUlB = $('#themeTrendsUlB .themeTrendsLi').length;
let themeTrendsUlC = $('#themeTrendsUlC .themeTrendsLi').length;
let len,len1,len2;
this._recoverfunc(themeTrendsUlC,len,'C',3);
this._recoverfunc(themeTrendsUlB,len2,'B',4);
this._recoverfunc(themeTrendsUlA,len1,'A',4);
}
_recoverfunc(ele,len,val,count){
if( ele < count){
len = count - ele;
this._addfunc(val,len);
}else{
len = ele - count;
this._removefunc(val,len);
}
}
_addfunc(ele,len){
for(let i = 0;i<len;i++){
$('#themeTrendsUl'+ele).prepend($('#themeTrendsUl'+ele).children().first().clone(true));
}
this._renderDom();
}
_removefunc(ele,len){
for(let i = 0; i< len;i++){
$('#themeTrendsUl'+ele).children().first().remove();
}
this._renderDom();
}
_answerStudent(_data){
this._answerStudentShow();
let resultValueUl = $('.resultValueUl');
//清除原数据 重新渲染学生端列表
resultValueUl.html('');
let array = _data.options;
let _newList = '';
let _this = this;
$.each(array,function(index,value){
_newList += _this._format(newList, {
value: value,
index:index
});
})
resultValueUl.append(_newList)
let len = resultValueUl.find('li').length;
$('.resultValueList').width(100/len+'%');
}
_answerStudentShow(){
$('.answerStudentBox').show();
}
//学生端提交信息
_referBtnClone(){
let _val = $('.resultValueList input:checked').attr('data-val');
if(_val){
let paramInfo = {};
paramInfo.itemIdx = this._questionObject.itemIdx;
paramInfo.questionId = this._questionObject.questionId;
paramInfo.answer = [];//答题当前单选 存取的值是答题的索引
paramInfo.answer.push(parseInt(_val));
xdysdk.api("sendAnswer",paramInfo);
loger.log('学生端提交信息',paramInfo)
this._abandonBtnClone();
}
return;
}
//老师端结果 移入显示当前选项选择人数
_mouseenterResult(evt){
let array = this._questionObject;
let _text = $(evt.target).siblings('b').text();
let layerBox = $('.layerBox');
let _resultContentx = $('.resultContent').offset().left;
let _resultContenty = $('.resultContent').offset().top;
let _x = evt.pageX - _resultContentx;
let _y = evt.pageY - _resultContenty - layerBox.outerHeight();
let _span = '';
layerBox.show()
.css({'left':_x,'top':_y})
.html('');
let ind = $(evt.target).parent().index()
let nameList = array.answers[ind].userNames.toString();
let reg = /\,/g;
if( nameList && nameList.length > 0){
nameList = nameList.replace(reg,'、');
_span = '<span>'+ nameList +'</span>';
}
if(_span){
layerBox.html(_span)
}else{
layerBox.hide();
}
}
_mouseleaveResult(){
$('.layerBox').hide();
}
//学生端放弃提交信息
_abandonBtnClone(){
this.isCancel = true;
this._hideAnswerStudentBox();
$('.themeAdd').show();
$('.resultValueList').remove();
}
//渲染时间列表
_showTimerList(){
let themeUl = $('.themeUl'),newLi;
themeUl.html('');
$.each(this.timerList,function(key,val){
if(val == 0){
newLi = '<li data-val="100000" data-ind="'+key+'" class="active">'+ClassDataProxy.localConfig.nothing+'</li>';
}else if(val/60 < 1){
newLi = '<li data-val="'+val+'" data-ind="'+key+'">'+val+ClassDataProxy.localConfig.second+'</li>';
}else{
newLi = '<li data-val="'+val+'" data-ind="'+key+'">'+val/60+ClassDataProxy.localConfig.minute+'</li>';
}
themeUl.append(newLi);
})
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
return obj[group];
});
};
//隐藏答题卡弹框
_showAnswerAllBox(){
$('.answerAllBox').show();
}
//隐藏答题卡弹框
_hideAnswerAllBox(){
$('.answerAllBox').hide();
}
//显示答题卡结果弹出框
_showResultBox(){
$('.answerAllBox').show();
$('.resultBox').show();
$('.themeBox').hide();
}
//终止答题卡
_hideResultBox(){
$('.answerAllBox').hide();
$('.themeBox').hide();
$('.resultBox').hide();
$('.answerStudentBox').hide();
}
//显示学生界面弹出框
_showAnswerStudentBox(){
$('.answerAllBox').show();
$('.themeBox').hide();
$('.answerStudentBox').show();
}
//隐藏学生界面弹出框
_hideAnswerStudentBox(){
$('.answerAllBox').hide();
$('.answerStudentBox').hide();
}
}
export default AnswerApe;
\ No newline at end of file
//*
// 聊天模块
// */
import Ape from "./Ape";
import Loger from "../Loger";
import xdysdk from "libs/xdysdk";
import $ from "jquery";
import ChatFace from "./ChatFace";
import UserList from "./UserList";
import ChatImg from "./ChatImg";
import UIMagnifyApe from "ape/UIMagnifyApe";
import ClassDataProxy from "proxy/ClassDataProxy";
let loger = Loger.getLoger('PC-Chat');
let classCurInfo;
// 消息模板-老师
const tpl_message_teacher = `<div class="message_client">
<div class="teaNameBox" >
<span class="teaName">{name}</span>
</div>
<div style="margin-left: 20px">
<div class="message triangle-isosceles leftmsg">{message}</div>
</div>
</div>`;
// 消息模板-学生
const tpl_message_student = `<div class="message_client">
<div class="stuNameBox">
<span class="stuName">{name}</span>
</div>
<div style="margin-right: 15px">
<div class="message stutriangle-isosceles rightmsg">{message}</div>
</div>
</div>`;
class Chat extends Ape {
constructor() {
super();
this.chatFace;
this.userList;
this.addEvent();
this.init();
}
init() {
this.chatFace = new ChatFace();
this.userList = new UserList();
this.chatImg = new ChatImg();
this.chatImg.callback=this._sendImgMessageHandler.bind(this);
this.userList.on(UserList.WINDOW_VIEW_CHANGE, this.onWindowViewChange.bind(this));
//布局
// $("#txt_message")[0].value = ''
//UI按钮点击事件
$("#btn_send").on("click", this._sendMessageHandler.bind(this));
//回车键发送聊天消息
let that = this;
/* $("#txt_message").on("keydown", function (e) {
let curKey = e.which;
if (ClassDataProxy.isKeypress) {
if (curKey == 13) that._sendMessageHandler();
}
});*/
$('.left').on('contextmenu', this._preventDefault.bind(this));
$('.header').on('contextmenu', this._preventDefault.bind(this));
//$('.videoWindow').on('contextmenu', this._preventDefault.bind(this));
$('.middle').on('contextmenu', this._preventDefault.bind(this));
$('.tabTitle').on('contextmenu', this._preventDefault.bind(this));
// $('.input-send').on('contextmenu',this._preventDefault.bind(this));
$('.transmitBox').on('contextmenu', this._preventDefault.bind(this));
$('.fold').on('contextmenu', this._preventDefault.bind(this));
$('.rightGap').on('contextmenu', this._preventDefault.bind(this));
$('.leftGap').on('contextmenu', this._preventDefault.bind(this));
$('.curClassUserList').on('contextmenu', this._preventDefault.bind(this));
/* $("#txt_message").on('focus', function () {
that._sendImgMessageHandler();
})*/
}
onWindowViewChange() {
this._emit(UserList.WINDOW_VIEW_CHANGE);
}
addEvent() {
xdysdk.on("chat_receive_message", this._chatReceiveHandler.bind(this));//// 聊天消息处理
xdysdk.on("class_join_success", this._classJoinSuccess); //监听加入课堂成功
}
clear() {
$("#panel_message").empty();
}
_preventDefault(evt) {
evt.preventDefault();
}
_classJoinSuccess(callBackData) {
classCurInfo = callBackData;
}
_chatReceiveHandler(_data) {
//自己发的消息不需要再次显示，因为自己发送的时候已经直接显示了
if (_data && _data.fromNodeId == ClassDataProxy.nodeId) {
loger.log("自己发送的聊天消息不需要再显示", _data);
return;
}
loger.log("显示聊天消息", _data);
this._showChatMessage(_data);
}
//显示内容
_showChatMessage(_data) {
if (!_data) {
loger.warn("聊天信息无效->", _data);
return;
}
loger.log('上传图片成功是显示图片', _data)
let str = _data.message;
//msgType为1的时候是图片，其他的按文本消息处理
if(_data.msgType==1){
this.showChatImg(_data);
}else {
this.showChatMessage(_data);
}
/* let index = str .lastIndexOf(".");
str = str .substring(index + 1, str.length);
let msgValue =str ;
if(msgValue=="jpg"||msgValue=="png"||msgValue=="gif"||msgValue=="jpeg"||msgValue=="bmp"){
this.showChatImg(_data);
}
else{
this.showChatMessage(_data);
}*/
}
showChatImg(_data) {
let tpl = _data.fromNodeId !== classCurInfo.nodeId ? tpl_message_teacher : tpl_message_student;
let message = '<img class="chatImg" src=' + _data.message + '>';
let strHTML = this._format(tpl, {
name: _data.fromName,
message: message
});
$("#panel_message").append(strHTML);
$("#panel_message")[0].scrollTop = $("#panel_message")[0].scrollHeight;
$(".chatImg").on('load', this._onLoadImage.bind(this));
$(".chatImg").on("click", this._expandChatImg.bind(this)); //放大截图
}
showChatMessage(_data) {
let tpl = _data.fromNodeId !== classCurInfo.nodeId ? tpl_message_teacher : tpl_message_student;
let message = (_data.message + "").replace(/\[img:([^\[:\]]*)\]/ig, function (match, group, index) {
return '<img src="images/face/' + group + '.png"/>';
});
let strHTML = this._format(tpl, {
name: _data.fromName,
message: message
});
$("#panel_message").append(strHTML);
$("#panel_message")[0].scrollTop = $("#panel_message")[0].scrollHeight;
}
_onLoadImage(){
$("#panel_message")[0].scrollTop = $("#panel_message")[0].scrollHeight;
}
//MouseEvent
_expandChatImg(evt) {
UIMagnifyApe.show(evt.target.currentSrc);
}
_sendMessageHandler() {
let msg = $("#txt_message")[0].value;
if (msg) {
let parten = /^\s*$/;
if (parten.test(msg)) {
loger.log("全是空格");
} else {
let msgType=0;////0是文本，1是图片
xdysdk.api("sendChatMsg", {msgType: msgType, "message": msg, "to": 0});
$("#txt_message")[0].value = "";
//自己的直接显示
let chatData = {};
chatData.fromNodeId = ClassDataProxy.nodeId;
chatData.toNodeId = 0;
chatData.msgType=msgType;
chatData.message = msg;
chatData.fromName = ClassDataProxy.userName;
chatData.fromRole = ClassDataProxy.userRole;
this._showChatMessage(chatData);
}
} else {
loger.log("发送消息内容不能为空");
}
$("#txt_message").focus();
}
//图片上传完成后就发送
_sendImgMessageHandler(_data) {
if(!_data){
return;
}
let msg =_data.fileName||"";
if (msg) {
let parten = /^\s*$/;
if (parten.test(msg)) {
loger.log("全是空格");
} else {
//let arr=msg.split('.');
//let len=arr.length;
//let msgValue =arr[len-1];
let index=msg.lastIndexOf(".");
let msgValue=msg.substr(index+1);
if(msgValue){
msgValue = msgValue.toLowerCase();
}
if (msgValue == "jpg" || msgValue == "png" || msgValue == "gif" || msgValue == "jpeg" || msgValue == "bmp") {
let msgType=1;////0是文本，1是图片
let url= _data.url||"";
xdysdk.api("sendChatMsg", {msgType: msgType, "message":url, "to": 0});
//$("#txt_message")[0].value = "";
let chatData = {};
chatData.fromNodeId = ClassDataProxy.nodeId;
chatData.toNodeId = 0;
chatData.msgType=msgType;
chatData.message = url;
chatData.fromName = ClassDataProxy.userName;
chatData.fromRole = ClassDataProxy.userRole;
this._showChatMessage(chatData);
}
}
} else {
loger.log("发送消息内容不能为空");
}
//$("#txt_message")[0].value == '';
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
return obj[group];
});
};
}
export default Chat;
//*
// 聊天表情 和选项卡
// */
import Emiter from "Emiter";
import Loger from "Loger";
import $ from "jquery";
let loger = Loger.getLoger('PC-ChatFace');
let step = 0, count = 4;
let $inner = $("#inner-slide"), $tip = $("#tiplist"), $tipList = $tip.children("li");
class ChatFace extends Emiter {
constructor() {
super();
this.addEvent();
this.init();
}
init() {
let that = this;
//布局
$(".face").on("click", that._showHide.bind(this));
$(".swiper-slide").on("click", "li", function (e) {
$("#txt_message").val($("#txt_message").val() + "[img:" + $(this).find("img").attr("data-type") + "]");
const faceList = document.getElementById("facelist");
faceList.style.display = "none";
});
//UI按钮点击事件
$tipList.bind("click", function () {
step = $(this).index();
$inner.stop().animate({left: -step * 320}, 500);
that._changeTip();
});
//选项卡s
this._changeTab();
//文字区域点击后表情消失
/* $("#txt_message").on("focus",that._hideFace.bind(this));
$("#panel_message").on("click",that._hideFace.bind(this));
$(".middle").on("click",that._hideFace.bind(this));
$(".left").on("click",that._hideFace.bind(this));
$(".header").on("click",that._hideFace.bind(this));
$(".videoWindow").on("click",that._hideFace.bind(this));
$(".userListTitle").on("click",that._hideFace.bind(this));*/
}
addEvent() {
}
_showHide() {
let faceList = document.getElementById("facelist");
this._showHideFace(faceList);
}
_showHideFace(obj) {
if (obj.style.display == "none") {
obj.style.display = 'block';
} else {
obj.style.display = 'none';
}
}
_hideFace(){
let faceList = document.getElementById("facelist");
if (faceList.style.display == "block") {
faceList.style.display = 'none';
}
}
_faceSelected() {
$("#txt_message").val($("#txt_message").val() + "[img:" + $(this).find("img").attr("data-type") + "]");
let faceList = document.getElementById("facelist");
faceList.style.display = "none";
}
_changeTip() {
let that = this;
let temp = step;
temp >= count ? temp = 0 : null;
$tipList.each(function (index, item) {
index === temp ? $(this).addClass("bg") : $(this).removeClass("bg");
});
}
_changeTab() {
$(document).ready(function () {
$(".tabTitle li").click(function () {
$(".tabTitle li").eq($(this).index()).addClass("select").siblings().removeClass("select");
$(".tabCon").hide().eq($(this).index()).show();
});
$(".userListTitle").click(function () {
$(".userListTitle").css("borderBottom", "1px solid #3498db");
$(".discussTitle").css("borderBottom", "1px solid #666");
});
$(".discussTitle").click(function () {
$(".userListTitle").css("borderBottom", "1px solid #666");
$(".discussTitle").css("borderBottom", "1px solid #3498db");
$("#panel_message")[0].scrollTop=$("#panel_message")[0].scrollHeight;
})
})
}
}
ChatFace.prototype.CHAT_FACE_CHANGE = ChatFace.CHAT_FACE_CHANGE = "chat_face_change";
export default ChatFace;
\ No newline at end of file
//*
// 聊天上传图片
// */
import Emiter from "Emiter";
import Loger from "Loger";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import UIControlApe from './UIControlApe';
import ErrorApe from './ErrorApe';
import MD5 from "md5";
let loger = Loger.getLoger('PC-ChatImg');
let fileItem;
class ChatImg extends Emiter {
constructor() {
super();
this.callback=null;
this.init();
}
init(){
$("#fileImgInput").on("change", this._uploadFile.bind(this));//上传截图
}
_uploadFile(evt){
fileItem=document.getElementById('fileImgInput').files[0];
if(!fileItem){
loger.log("没有选择文件");
return;
}
// this._closeDocListHandler();
let fileStr=fileItem.name;
let fileValue=fileStr.split('.')[1];
loger.log("文件名:" + fileItem.name + "->文件类型:" + fileItem.type);
//目前最大支持50M 格式为jpg png pdf docx pptx xlsx
let fileName=fileItem.name.toLowerCase();
//判断选择的文件类型
if(fileName.lastIndexOf('.jpg')<0&&
fileName.lastIndexOf('.jpeg')<0&&
fileName.lastIndexOf('.png')<0&&
fileName.lastIndexOf('.gif')<0&&
fileName.lastIndexOf('.bmp')<0){
ErrorApe.showError(ErrorApe.TYPE_3,ClassDataProxy.localConfig.layoutImg);
return;
}
//判断文件的大小
if(fileItem.size>(5*1024*1024)){
ErrorApe.showError(ErrorApe.TYPE_3,ClassDataProxy.localConfig.chatError);
return;
}
if(!ClassDataProxy.DOCServerIP){
loger.warn("截图服务器地址无效，无法上传文件!");
ErrorApe.showError(ErrorApe.TYPE_3,ClassDataProxy.localConfig.serverError);
return
}
UIControlApe.disEnabledDocBar();
UIControlApe.disEnabledMediaBar();
//UIControlApe.disEnabledLeftBar();
//UIControlApe.disEnabledBottomBar();
//UIControlApe.hideBottomDocControlBar();
let timestamp=ClassDataProxy.creatTimestamp();
let authId=MD5(ClassDataProxy.siteId+""+timestamp);///authId String MD5(siteId+timestamp)
//console.log("authId:"+authId,"siteId:"+ClassDataProxy.siteId,"timestamp:"+timestamp);
let fd = new FormData();
fd.append("fileToUpload", fileItem);
fd.append("filename", escape(fileItem.name));
fd.append("size", fileItem.size);
fd.append("siteId", ClassDataProxy.siteId); //站点
fd.append("timestamp", String(timestamp)); //时间戳
fd.append("authId",authId); //上传时间
fd.append("classId", String(ClassDataProxy.classId)); //课堂号
/* let ipport=ClassDataProxy.DOCServerIP;
if( ClassDataProxy.DOCServerPort){
ipport=ipport+":"+ClassDataProxy.DOCServerPort;
}
let mediaUploadUrl= `http://${ipport}/DocSharing/imageUpload`;
*/
let ipport=ClassDataProxy.DOCServerIP;
if( ClassDataProxy.DOCServerPort){
ipport=ipport+":"+ClassDataProxy.DOCServerPort;
}
let mediaUploadUrl= `${ClassDataProxy.locationProtocol+ipport}/DocSharing/imageUpload`;
$.ajax({
type: "POST",
url: mediaUploadUrl,
processData: false,
contentType: false,
data: fd,
xhr:function(){
let xhr = $.ajaxSettings.xhr();
if( xhr.upload) {
xhr.upload.addEventListener("progress" ,function(evt){
let loaded = evt.loaded; //已经上传大小情况
let tot = evt.total; //附件总大小
let per = Math.floor(100*loaded/tot); //已经上传的百分比
} , false);
return xhr;
}
},
success: function (data) {
UIControlApe.enabledDocBar();
UIControlApe.enabledMediaBar();
//UIControlApe.enabledLeftBar();
//UIControlApe.enabledBottomBar();
//UIControlApe.showBottomDocControlBar();
this._uploadFileSuccess(data);
$("#fileImgInput").val('');
}.bind(this),
error: function (data) {
UIControlApe.enabledDocBar();
UIControlApe.enabledMediaBar();
loger.warn(name+"->上传文件失败", data);
ErrorApe.showError(ErrorApe.TYPE_3,name+"->"+ClassDataProxy.localConfig.serverError);
$("#fileImgInput").val('')
}
});
}
//将上传文件的信息,传递给底层
_uploadFileSuccess(msg) {
loger.log("服务器返回的截图信息->", msg);
//{"code":0,"list":[{"name":"sintel (2).mp4","id":"7","url":"http://101.200.150.192:9090/media/h5dev/201706/1478111117/76303834c69cd86f6c6212ae3019b1d0.mp4"}]}
/*
//code
0：成功
1：不是上传请求
2：编码错误
3：无法解析请求内容
4：没有上传文件，或者上传文件超过10个
5：siteId 不能为空
6：authId 错误
7：文件类型不支持
8：保存文件信息失败
10：保存文件失败*/
if(msg&&msg.code==0){
//返回的数据中是一个数组，支持多个上传，目前只处理一个上传的情况
if(!msg){
loger.warn('上传文件返回的数据中数组没有数据',msg.list);
return;
}
let fileInfo = {};
fileInfo.fileName = fileItem.name;//伴音名字
fileInfo.url = msg.url; //图片绝对地址 默认值: null
if(this.callback){
this.callback(fileInfo);
}
//console.log("fileInfo", fileInfo);
//$("#txt_message").val(fileInfo.fileName);
//ClassDataProxy.imgInfo=fileInfo;
//$("#txt_message").focus();
}else {
loger.warn("截图上传失败->", msg.code);
ErrorApe.showError(ErrorApe.TYPE_3,'截图上传失败->code:'+msg.code);
}
}
}
export default ChatImg;
\ No newline at end of file
//*
// 课堂管理模块
// */
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import ClassDataProxy from "proxy/ClassDataProxy";
import $ from "jquery";
import FlashToolComponet from "libs/FlashToolComponet";
import ErrorApe from './ErrorApe';
let loger = Loger.getLoger('PC-ClassApe');
class ClassApe extends Ape {
constructor() {
super();
this.isExit = false;//是否点击了退出或结束课堂
this.curClassStuNum = 0;
this._isEndClass = false; //判断是否点击结束课堂
this._isExitClass = false;//判断是否点击退出课堂
this._isNetwork = false;//判断是否有网络
this.addEvent();
this.init();
this._setClassStatus();
//显示页面信息
this._showPageInfo();
}
init() {
//设置当前版本号
$('#pcVersion').text("v2.58.3.20170823");
//布局，未加入课堂成之前上课界面不显示
//$('.header').hide();
//$(".content ").hide();
$(".loginBg ").show();//登陆框
$(".initParamsOut ").show();//初始化界面
//默认先尝试自动登陆，初始化的按钮先隐藏
//隐藏初始化界面UI
this._hideInitUI();
//隐藏登陆界面UI
this._hideLoginUI();
//header 按钮点击事件
$('.startClass').on("click", this._startClassHandler.bind(this));
$('.pauseClass').on("click", this._pasueClassHandler.bind(this));
$('.closeClass').on("click", this._closeClassHandler.bind(this));//结束课堂（所有人都要退出）
//$('.endClassEnsure').on("click", this._closeClassEnsureHandler.bind(this));
//$('.endClassCancel').on("click", this._closeClassCancelHandler.bind(this));
$('.help').on("click", this._helpHandler.bind(this));
$('.exit').on("click", this._exitClassHandler.bind(this));//退出课堂
$('.exitClassA').on("click", this._exitClassPopupHandler.bind(this));
//$('.exitClassEnsure').on("click", this._exitClassEnsureHandler.bind(this));
//$('.exitClassCancel').on("click", this._exitClassCancelHandler.bind(this));
$(".helpHeadline .iconfont").on("click", this._closeHelpHandler.bind(this));
//$(".setHeadline .iconfont").on("click", this._closeSetHandler.bind(this));
//初始化界面按钮
$('.ensureTeaBtn').show();
$('.ensureStuBtn').show();
$('.ensureTeaBtn').on("click", this._stuInitHandler.bind(this));
$('.ensureStuBtn').on("click", this._teacherInitHandler.bind(this));
//登陆界面按钮
$('.btnLoginLi').on("click", this._loginHandler.bind(this));
let that = this;
$(".passWordInput").on("keydown", function (e) {
let curKey = e.which;
if (curKey == 13) that._loginHandler();
});
}
addEvent() {
xdysdk.on("error_event", this._classErrorHandler.bind(this));
xdysdk.on("class_init_success", this._classInitSuccessHandler.bind(this));
xdysdk.on("class_get_info_success", this._classGetInfoSuccessHandler.bind(this));
xdysdk.on("class_join_success", this._classJoinSuccessHandler.bind(this));
xdysdk.on("class_update_status", this._classUpdateHandler.bind(this));//会议状态更新
xdysdk.on("class_insert_roster", this._classInsertRosterHandler.bind(this));//会议有用户加入
xdysdk.on("class_delete_roster", this._classDeleteRosterHandler.bind(this));//会议有人离开
xdysdk.on("class_update_timer", this._classUpdateTimerHandler.bind(this));//更新会议时间显示
xdysdk.on("class_exit", this._classExitHandler.bind(this));
}
//设置文字显示国际化
_showPageInfo() {
$('#memberNum').text(ClassDataProxy.localConfig.memberNum);
$('.exitText').text(ClassDataProxy.localConfig.exitBtn);
$('.settingText').text(ClassDataProxy.localConfig.setBtn);
$('.helpText').text(ClassDataProxy.localConfig.helpBtn);
$('#endClassroom').text(ClassDataProxy.localConfig.endClassroom);
$('#pauseClassroom').text(ClassDataProxy.localConfig.pauseClassroom);
$('#startClassroom').text(ClassDataProxy.localConfig.startClassroom);
$('.btnPublishVideo').attr('title', ClassDataProxy.localConfig.openVideo);
$('.btnPublishAudio').attr('title', ClassDataProxy.localConfig.openAudio);
$('.btnOpenVideo').attr('title', ClassDataProxy.localConfig.openVideo);
$('.btnOpenAudio').attr('title', ClassDataProxy.localConfig.openAudio);
$('.btnStopPublishVideo').attr('title', ClassDataProxy.localConfig.closeVideo);
$('.btnStopPublishAudio').attr('title', ClassDataProxy.localConfig.closeAudio);
$('.btnStopPublishMedia').attr('title', ClassDataProxy.localConfig.closeMedia);
$('#showColor').attr('title', ClassDataProxy.localConfig.showColor);
$('#controlBrush').attr('title', ClassDataProxy.localConfig.controlBrush);
$('.pencil').attr('title', ClassDataProxy.localConfig.pencil);
$('.rescind').attr('title', ClassDataProxy.localConfig.rescind);
$('.clearContent').attr('title', ClassDataProxy.localConfig.delete);
$('#pptNextStep').attr('title', ClassDataProxy.localConfig.downAnimated);
$('#pptPrevStep').attr('title', ClassDataProxy.localConfig.onAnimated);
$('#fitHeight').attr('title', ClassDataProxy.localConfig.adaptiveHigh);
$('#fitWidth').attr('title', ClassDataProxy.localConfig.adaptiveWidth);
$('#fitNormal').attr('title', ClassDataProxy.localConfig.showAll);
$('#raiseBtn').attr('title', ClassDataProxy.localConfig.raiseBtn);
$('.userNameInput').attr('placeholder', ClassDataProxy.localConfig.enterUserName);
$('.passWordInput').attr('placeholder', ClassDataProxy.localConfig.enterPassword);
$('.classId').attr('placeholder', ClassDataProxy.localConfig.enterClass);
$('.userId').attr('placeholder', ClassDataProxy.localConfig.enterId);
$('#member').text(ClassDataProxy.localConfig.member);
$('#discuss').text(ClassDataProxy.localConfig.discuss);
$('#btn_send').text(ClassDataProxy.localConfig.sendMsg);
$('#docListTitle').text(ClassDataProxy.localConfig.documentList);
$('#mediaListTitle').text(ClassDataProxy.localConfig.mediaShareList);
$('.helpHeadlineTitle').text(ClassDataProxy.localConfig.help);
$('.setHeadlineTitle').text(ClassDataProxy.localConfig.setUp);
$('#camera').text(ClassDataProxy.localConfig.camera);
$('#microphone').text(ClassDataProxy.localConfig.microphone);
$('#volume').text(ClassDataProxy.localConfig.volume);
$('.setSave').text(ClassDataProxy.localConfig.preserve);
$('.setCancel').text(ClassDataProxy.localConfig.cancel);
$('.endClassHeadlineTitle').text(ClassDataProxy.localConfig.endClassroom);
$('.endClassText').text(ClassDataProxy.localConfig.endClassroomCont);
//$('.endClassEnsure').text(ClassDataProxy.localConfig.confirm);
//$('.endClassCancel').text(ClassDataProxy.localConfig.cancel);
$('.exitClassHeadlineTitle').text(ClassDataProxy.localConfig.exitBtn);
$('.exitClassText').text(ClassDataProxy.localConfig.exitCont);
//$('.exitClassEnsure').text(ClassDataProxy.localConfig.confirm);
//$('.exitClassCancel').text(ClassDataProxy.localConfig.cancel);
$('#btnLogin').text(ClassDataProxy.localConfig.register);
$('.ensureTeaBtn').text(ClassDataProxy.localConfig.teacher);
$('.ensureStuBtn').text(ClassDataProxy.localConfig.student);
$('#opening').html(ClassDataProxy.localConfig.opening);
$('#download').html(ClassDataProxy.localConfig.downloadVersion);
$('#downloading').html(ClassDataProxy.localConfig.downloading);
$('#stopShare').html(ClassDataProxy.localConfig.stopSharing);
$('.themeHeadlineTitle,.resultHeadlineTitle,.studentHeadline,.answerText').html(ClassDataProxy.localConfig.answerSheet);
$('.signHeadlineTitle,.signStudentHeadlineTitle,.signText').html(ClassDataProxy.localConfig.rollCall);
$('#docListOut').attr('title', ClassDataProxy.localConfig.selectFile);
$('#screenSharingOut').attr('title', ClassDataProxy.localConfig.screenSharing);
$('#mediaUpLoadOut').attr('title', ClassDataProxy.localConfig.updateMediaFile);
$('#mediaListOut').attr('title', ClassDataProxy.localConfig.selectMediaFile);
$('#uploadAudio').attr('title', ClassDataProxy.localConfig.uploadAudio);
$('.laserPen').attr('title', ClassDataProxy.localConfig.laserPen);
$('.sponsorSign').html(ClassDataProxy.localConfig.startName);
$('.attendance').html(ClassDataProxy.localConfig.attendance);
$('.turnResultBtn').html(ClassDataProxy.localConfig.terminationRollCall);
$('.turnStudentBtn').html(ClassDataProxy.localConfig.signIn);
$('.themeTit').html(ClassDataProxy.localConfig.cardType);
$('.gotIt').html(ClassDataProxy.localConfig.gotIt);
$('.understand').html(ClassDataProxy.localConfig.understand);
$('.yes').html(ClassDataProxy.localConfig.yes);
$('.wrong').html(ClassDataProxy.localConfig.wrong);
$('.yup').html(ClassDataProxy.localConfig.yup);
$('.nothing').html(ClassDataProxy.localConfig.nothing);
$('.answerTime').html(ClassDataProxy.localConfig.answerTime);
$('.dynamicRight').html(ClassDataProxy.localConfig.release);
$('.enterAnswer').html(ClassDataProxy.localConfig.enterAnswer);
$('.answerResult').html(ClassDataProxy.localConfig.answerResult);
$('.share').html(ClassDataProxy.localConfig.share);
$('.participation').html(ClassDataProxy.localConfig.participation);
$('.resultConceal').html(ClassDataProxy.localConfig.hideCount);
$('.resultTermination').html(ClassDataProxy.localConfig.termination);
$('.referBtn').html(ClassDataProxy.localConfig.submitMsg);
$('.abandonBtn').html(ClassDataProxy.localConfig.giveUp);
$('.mediaFileContentTxt').html(ClassDataProxy.localConfig.listedFiles);
$('.mediaFileContentMenuLableTxt').html(ClassDataProxy.localConfig.upload);
$('#musicListTitle').html(ClassDataProxy.localConfig.audioFilelist);
$('.inputCount').html(ClassDataProxy.localConfig.answerIsNotEmpty);
$('.downloadCancel').html(ClassDataProxy.localConfig.cancel);
$('#showForm').attr('title', ClassDataProxy.localConfig.selectShape);//选择形状
$('#curveBrush').attr('title', ClassDataProxy.localConfig.curveStyle);//曲线
$('#straightBrush').attr('title', ClassDataProxy.localConfig.justStyle);//直线
$('#circleBrush').attr('title', ClassDataProxy.localConfig.circleStyle);//圆形
$('#squareBrush').attr('title', ClassDataProxy.localConfig.squareStyle);//方形
//询问弹框中的确定和取消按钮
$('#choiceConfirm').html(ClassDataProxy.localConfig.confirm);
$('#choiceCancel').html(ClassDataProxy.localConfig.cancel);
//提示框
$('#nowLiveVersion').html(ClassDataProxy.localConfig.nowLiveVersion);
$('#nowPlaybackVersion').html(ClassDataProxy.localConfig.nowPlaybackVersion);
$('#browserAreaSettings').html(ClassDataProxy.localConfig.browserAreaSettings);
$('.speed360Recommend').html(ClassDataProxy.localConfig.speed360Recommend);
$('.speed360').html(ClassDataProxy.localConfig.speed360);
$('.security360').html(ClassDataProxy.localConfig.security360);
$('.security360Only').html(ClassDataProxy.localConfig.security360Only);
$('.sogouExplorer').html(ClassDataProxy.localConfig.sogouExplorer);
$('#flashVersionsLow').html(ClassDataProxy.localConfig.flashVersionsLow);
$('#flashDownload').html(ClassDataProxy.localConfig.download);
$('#flashRetry').html(ClassDataProxy.localConfig.retry);
$('.flashForbiddenMsg').html(ClassDataProxy.localConfig.flashForbiddenMsg);
$('#flashMsgContent').html(ClassDataProxy.localConfig.flashMsgContent);
$('#flashDetailSteps').html(ClassDataProxy.localConfig.flashDetailSteps);
$('#flashUpdataVersions').html(ClassDataProxy.localConfig.flashUpdataVersions);
}
_showInitClassInuptBox() {
this._showInitUI();
$(".classId ").val(ClassDataProxy.classId);
$(".userId ").val(ClassDataProxy.userId);
$(".initParamsOut ").show();
}
_showJoinClassInputBox() {
$(".userNameInput ").val(ClassDataProxy.userName);
$(".loginBg ").show();
this._showLoginUI();
if (ClassDataProxy.passwordRequired) {
$(".passWordInput ").val(ClassDataProxy.password);
} else {
$(".passWordLi ").hide();
loger.log("ClassDataProxy.passwordRequired", ClassDataProxy.passwordRequired);
}
}
//EVENT--------------------------------------------------
startClassRun() {
this._initClass();
}
//初始化课堂
_initClass() {
loger.log("initClass", ClassDataProxy.getInitClassData());
loger.log("是否是录制回放->", ClassDataProxy.isRecordPlayBack);
$(".initParams .errorTip").text(ClassDataProxy.localConfig.initClass);
$(".initParams .errorTip").show();
//隐藏初始化和登陆按钮，如果是自动登陆，这些按钮就不用显示了
this._hideInitUI();
$(".classId ").val(ClassDataProxy.classId);
$(".userId ").val(ClassDataProxy.userId);
if (ClassDataProxy.isRecordPlayBack) {
$("#mainContentBox ").css("top", "2px");
xdysdk.api("initRecordPlayback", ClassDataProxy.getInitClassData());
} else {
xdysdk.api("init", ClassDataProxy.getInitClassData());
}
}
//加入课堂
_joinClass() {
loger.log("joinClass", ClassDataProxy.getJoinClassData());
this._hideLoginUI();
$(".btnLoginLi ").hide();
$(".initParamsOut ").hide();
$(".userNameInput ").val(ClassDataProxy.userName);
$(".passWordInput ").val(ClassDataProxy.password);
$(".loginContent .errorTip").text(ClassDataProxy.localConfig.initClass);
xdysdk.api("joinClass", ClassDataProxy.getJoinClassData());
}
_setClassStatus() {
if (ClassDataProxy.userRole == ClassDataProxy.USER_HOST) {
//设置状态显示
if (ClassDataProxy.classStatus == 1) {
$('.startClass').hide();
$('.pauseClass').show();
} else {
$('.startClass').show();
$('.pauseClass').hide();
}
}
//录制回放状态
if (ClassDataProxy.isRecordPlayBack) {
$('.classStatus').text(ClassDataProxy.localConfig.playback);
$('.classStatus').css("color", "#d95136");
$('.classStatusIcon').html('&#xe609;');
$('.classStatusIcon').css("color", "#d95136");
return;
}
//正常使用状态
if (ClassDataProxy.classStatus == 1) {
$('.classStatus').text(ClassDataProxy.localConfig.liveBroadcast);
$('.classStatus').css("color", "#d95136");
$('.classStatusIcon').html('&#xe609;');
$('.classStatusIcon').css("color", "#d95136");
} else if (ClassDataProxy.classStatus == 2) {
$('.classStatus').text(ClassDataProxy.localConfig.rest);
$('.classStatusIcon').html('&#xe60a;');
$('.classStatusIcon').css("color", "#ccc");
$('.classStatus').css("color", "#ccc");
} else {
$('.classStatus').text(ClassDataProxy.localConfig.notStart);
$('.classStatusIcon').html('&#xe62b;');
$('.classStatusIcon').css("color", "#ccc");
$('.classStatus').css("color", "#ccc");
}
}
_hideInitUI() {
loger.log("_hideInitUI");
$(".initParamsClassId ").hide();
$(".initParamsUserId ").hide();
$(".initParamsRoleBtn ").hide();
$('.initParamsBox').css('background', '');
}
_showInitUI() {
loger.log("_showInitUI");
$(".initParamsClassId ").show();
$(".initParamsUserId ").show();
$(".initParamsRoleBtn ").show();
$(".initParams .errorTip").show();
$('.initParamsBox').css('background', '#484646');
}
_hideLoginUI() {
$(".btnLoginLi ").hide();
$(".userNameLi ").hide();
$(".passWordLi ").hide();
$('.loginContentBox').css('background', '');
}
_showLoginUI() {
$(".btnLoginLi ").show();
$(".userNameLi ").show();
$(".passWordLi ").show();
$('.loginContentBox').css('background', '#484646');
}
//xdysdk事件监听处理--------------------------------------
_classErrorHandler(_data) {
loger.warn("_classErrorHandler", _data);
switch (_data.code) {
case 100:
case 101:
case 102:
case 103:
case 105:
case 106:
case 107:
case 301:
this._showInitClassInuptBox();
$(".initParams .errorTip").text("" + _data.reson);
break;
case 200:
case 201:
case 202:
case 203:
case 204:
case 205:
case 207:
this._showJoinClassInputBox();
$(".loginContent .errorTip").text("" + _data.reson);
break;
case 206:
//请输入正确密码
this._showJoinClassInputBox();
$(".loginContent .errorTip").text(ClassDataProxy.localConfig.correctPassword);
break;
case 300:
case 301:
loger.warn(_data);
break;
case 910:
ErrorApe.showWarnError("" + _data.reson)
$(".initParams .errorTip").text("" + _data.reson);
break;
case 911:
ErrorApe.showWarnError("" + _data.reson)
$(".initParams .errorTip").text("" + _data.reson);
break;
case 20000:
//已经退出就不再显示网络端口了
if (this.isExit) {
return;
}
ErrorApe.showWarnError(ClassDataProxy.localConfig.disconnected);
this._emit(ClassApe.CLASS_STOP_MEDIA_PUBLISH);
break;
default:
break;
}
}
_classInitSuccessHandler(_data) {
loger.log("课堂初始化成功", new Date().getTime(), _data);
$(".initParamsOut ").hide();
ClassDataProxy.siteId = _data.siteId;
ClassDataProxy.classType = _data.classType;
ClassDataProxy.userName = _data.userName;
ClassDataProxy.userRole = _data.userRole;//以加入成功之后的为准
ClassDataProxy.passwordRequired = _data.passwordRequired;
this._joinClass();
}
_classGetInfoSuccessHandler(_data) {
loger.log("获取课堂信息完成", new Date().getTime(), _data);
}
_classJoinSuccessHandler(_data) {
loger.log("加入课堂成功", new Date().getTime(), _data);
$(".initParamsOut ").hide();
$(".loginBg ").hide();
this._isNetwork = true;
ClassDataProxy.maxAudioChannels = _data.maxAudioChannels;
ClassDataProxy.maxVideoChannels = _data.maxVideoChannels;
ClassDataProxy.nodeId = _data.nodeId;
ClassDataProxy.classTimestamp = _data.classTimestamp || 0;
ClassDataProxy.recordPlaybackMaxTime = _data.recordPlaybackMaxTime || 0;
ClassDataProxy.classType = _data.classType || 1;
ClassDataProxy.className = _data.className || ClassDataProxy.localConfig.unknown;
ClassDataProxy.siteId = _data.siteId || ClassDataProxy.localConfig.unknown;
ClassDataProxy.userRole = _data.userRole;
ClassDataProxy.classStatus = _data.classStatus;
ClassDataProxy.DOCServerIP = _data.DOCServerIP || "";
ClassDataProxy.DOCServerPort = _data.DOCServerPort || "";
ClassDataProxy.serverTimeDistance = _data.serverAndLoacTimeDistanc;
if (!ClassDataProxy.serverTimeDistance) {
ClassDataProxy.serverTimeDistance = 0;
}
ClassDataProxy.ssTunnelAppURL = _data.ssTunnelAppURL || "";//插件地址
//console.log("ClassDataProxy",ClassDataProxy);
ClassDataProxy.currentSceneTableId = _data.currentSceneTableId || ClassDataProxy.SCENE_DOC;//记录文档区域当前显示的是哪个模块;0=文档模块,1=屏幕共享,2=媒体共享
$('.header').show();
$('.pauseClass').hide();
$(".content ").show();
//$('.classTheme').text(`[${ClassDataProxy.siteId}]-${ClassDataProxy.className}`);//这里不显示，显示在title中
$('.classTheme').hide();
if (ClassDataProxy.classTimestamp > 0) {
$('.classTimestampText').text(ClassDataProxy.timestampToDateTimeFull(ClassDataProxy.classTimestamp));
} else {
$('.classTimestampText').text("");
}
document.title = ClassDataProxy.className || "";
//设置界面元素不可选，如果不设置会影响到canvas的绘制
/* document.body.onselectstart = document.body.oncontextmenu = function () {
if ($('div').is('.message')) {
return true;
}
return false;
};*/
this._setClassStatus();
//如果不是老师，不能操作课堂按钮
if (ClassDataProxy.userRole == ClassDataProxy.USER_HOST) {
$(".laserRed").hide();
//老师可以操作不
} else if (ClassDataProxy.userRole == ClassDataProxy.USER_INVISIBLE) {
//监课不能使用的功能 自己的设置面板 绘画区的工具栏 底部工具类 举手
$('.setting').hide();
$('.foldDrawToolOut').hide();
$('.drawTool').remove();
$("#controlBrush").hide();
$('.raiseBtn').hide();
$('.answer').hide();
$('.sign').hide();
$('.startClass').hide();
$('.pauseClass').hide();
$('.closeClass').hide();
$('.left').hide();
} else {
//其他身份按普通人处理
loger.log("隐藏控制按钮");
$('.startClass').hide();
$('.pauseClass').hide();
$('.closeClass').hide();
$('.left').hide();
$('.answer').hide();
$('.sign').hide();
}
//录制回放时的状态设置
if (ClassDataProxy.isRecordPlayBack) {
$('.exit').hide();
$('.startClass').hide();
$('.pauseClass').hide();
$('.closeClass').hide();
$('.left').hide();
$('.curClassUserNum').hide();
$('.classTimestampText').hide();
$('.setting').hide();
$('.userListTitle').hide();
$('#raiseBtn').hide();
}
this._setClassStatus();
/*
//移动端做延迟处理，PC端不做处理
setTimeout(function(){
//延迟消息处理
xdysdk.api("setMessageDelay",{"messageDelay":true});
},3000);
*/
//只有在1v1课堂时,学生可以进行画
if (ClassDataProxy.maxMediaChannels == 2 && ClassDataProxy.userRole == ClassDataProxy.USER_NOTMAL) {
$('.foldDrawToolOut').show();
$('.foldDrawTool').show();
$(".drawTool").show();
$(".drawTool").css("height", "160px");
$(".clearContent").hide();
$(".laserPen").hide();
$("#controlBrush").hide();
} else if (ClassDataProxy.maxMediaChannels !== 2 && ClassDataProxy.userRole == ClassDataProxy.USER_NOTMAL) {
$('.foldDrawToolOut').hide();
$('.foldDrawTool').hide();
$(".drawTool").hide();
$(".clearContent").hide();
$(".laserPen").hide();
$("#controlBrush").hide();
}
}
_classUpdateHandler(_data) {
loger.log('课堂状态发送改变->', _data);
ClassDataProxy.classStatus = _data.classStatus;
ClassDataProxy.classStartTime = _data.classStartTime;
ClassDataProxy.classStopTime = _data.classStopTime;
ClassDataProxy.classBeginTime = _data.classBeginTime;
ClassDataProxy.classEndTime = _data.classEndTime;
ClassDataProxy.currentSceneTableId = _data.currentSceneTableId || ClassDataProxy.SCENE_DOC;//记录文档区域当前显示的是哪个模块;0=文档模块,1=屏幕共享,2=媒体共享
this._setClassStatus();
}
_classInsertRosterHandler(_data) {
//loger.log(_data);
this.curClassStuNum++;
$(".curClassUserNumTotal").html(this.curClassStuNum);
}
_classDeleteRosterHandler(_data) {
//loger.log(_data);
this.curClassStuNum--;
if (this.curClassStuNum < 0) {
this.curClassStuNum = 0;
}
$(".curClassUserNumTotal").html(this.curClassStuNum);
}
_classUpdateTimerHandler(_data) {
ClassDataProxy.classTimestamp = _data.classTimestamp;
if (!ClassDataProxy.isRecordPlayBack) {
$('.classTimestampText').text(ClassDataProxy.timestampToDateTimeFull(ClassDataProxy.classTimestamp));
}
}
//退出课堂，关闭界面
_classExitHandler() {
loger.log("_classExitHandler");
this.isExit = true;
ClassDataProxy.classStatus = 0;
$('.classStatus').text(ClassDataProxy.localConfig.notStart);
$(".box").hide();
$('.answerAllBox').hide();
$('.signAllBox').hide();
$(".setBox").hide();
ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.quitClass)
$("#h5Music").attr("src", "");
$("#h5MediaShare").attr("src", "");
}
//mouseEvent--------------------------------
_startClassHandler() {
//开始之前需要停止当前的所有音视频
setTimeout(function () {
xdysdk.api("sendStartClass");
}, 200);
}
_pasueClassHandler() {
//暂停的时候停止当前的所有音视频
setTimeout(function () {
xdysdk.api("sendPauseClass");
}, 200)
}
//询问是结束课堂（所有人都要退出）
_closeClassHandler() {
let _this = this;
ErrorApe.showError(ErrorApe.TYPE_20, ClassDataProxy.localConfig.endClassroomCont, function (_value) {
// loger.log("_closeClassHandler================",_value);
if (_value == true) {
loger.warn("确定结束课堂", _value);
_this._closeClassEnsureHandler();
} else {
loger.warn("取消结束课堂", _value);
}
ErrorApe.hide();
})
}
_closeClassEnsureHandler() {
this.isExit = true;
xdysdk.api("sendCloseClass");
}
_closeClassCancelHandler() {
ErrorApe.hide();
}
//询问是否退出课堂(自己)
_exitClassHandler() {
let _this = this;
ErrorApe.showError(ErrorApe.TYPE_20, ClassDataProxy.localConfig.exitCont, function (_value) {
if (_value == true) {
loger.warn("确定退出课堂", _value);
_this._exitClassEnsureHandler();
} else {
loger.warn("取消退出课堂", _value);
}
ErrorApe.hide();
});
}
_exitClassPopupHandler() {
ErrorApe.hide();
}
_exitClassEnsureHandler() {
// ErrorApe.hide();
this.isExit = true;
xdysdk.api("leaveClass");
this._classExitHandler();
}
_exitClassCancelHandler() {
ErrorApe.hide();
}
_helpHandler() {
$(".helpBox").show();
$(".masker").show();
}
_closeHelpHandler() {
$(".helpBox").hide();
$(".masker").hide();
}
_stuInitHandler() {
ClassDataProxy.userRole = ClassDataProxy.USER_NOTMAL;
ClassDataProxy.classId = parseInt($(".classId ")[0].value);
ClassDataProxy.userId = $(".userId ")[0].value;
this._initClass();
}
_teacherInitHandler() {
ClassDataProxy.userRole = ClassDataProxy.USER_HOST;
ClassDataProxy.classId = parseInt($(".classId ")[0].value);
ClassDataProxy.userId = $(".userId ")[0].value;
this._initClass();
}
_loginHandler() {
let userName = $('.userNameInput').val();
let userPwd = $('.passWordInput').val();
let errMsg = $(".errorTip");
if (userPwd) {
$(".loginSpinner").show();
}
if (!userName) {
errMsg.html('请输入用户名').addClass('showErr');
return false;
}
if (ClassDataProxy.passwordRequired && !userPwd) {
errMsg.html('请输入密码').addClass('showErr');
return false;
}
ClassDataProxy.userName = $(".userNameInput ")[0].value || '';
ClassDataProxy.password = $(".passWordInput ")[0].value;
this._joinClass();
}
}
ClassApe.prototype.CLASS_STOP_MEDIA_PUBLISH = ClassApe.CLASS_STOP_MEDIA_PUBLISH = "class_stop_media_publish";//停止所有媒体推流
export default ClassApe;
... ... @@ -4,9 +4,6 @@
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import DrawTool from "./DrawTool";
import LaserPen from "./LaserPen";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import dateUI from 'libs/laydate';
... ...
//*
// 文档模块
// */
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import DynamicPPT from './DynamicPPT';
import UIControlApe from './UIControlApe';
import ErrorApe from './ErrorApe';
let loger = Loger.getLoger('PC-DocApe');
const DOC_SHOW_FULL = 0;//完整显示
const DOC_SHOW_WIDTH = 1;//按宽度显示
const DOC_SHOW_HEIGHT = 2;//按高度显示
const PPT_WIDTH = 720;//动态ppt标准宽度
const PPT_HEIGHT = 540;//动态ppt标准高度
class DocApe extends Ape {
constructor() {
super();
this.showDocDefaultDelay = 0;
this._docShowType = DOC_SHOW_FULL;//文档显示模式
this.lastV=0;
this.lastH=0;
this.curV=0;
this.curH=0;
this._docList = {};//文档数据
this._currentDocId = 0;//当前显示文档id，0就是没有文档，只显示白板
this._currentPageNum = 1;//，默认页数是1
this._pageNum = 1;//，默认总页数是1
this.currentImagePath = "";//当前显示的图片地址
this.resizeDelay;//窗口大小变化延迟处理
this.dynamicPPT;
this.addEvent();
this.init();
}
init() {
//布局
this.dynamicPPT = new DynamicPPT();
$(window).on('resize', this.onWindowResize.bind(this));
$('.docBox').on('scroll', this._changeDocScroll.bind(this));//监听文档滚动
$(".docView").hide();
$(".docView").on('load', this._onLoadImage.bind(this));
$(".docView").on('error', this._onLoadImageError.bind(this));
//UI按钮点击事件
//$("#file").on("change", this._uploadFile.bind(this));//左侧栏的上传文档
$("#docFileBtn").on("change", this._uploadFile.bind(this));//文件列表中的上传文档
$("#docListOut").on("click", this._openDocListHandler.bind(this));//打开列表
//$(".docHeadline .iconfont").on("click", this._closeDocListHandler.bind(this));
$("#closeDocList").on("click", this._closeDocListHandler.bind(this));
//botTurn
$(".nextPage").on("click", this._nextHandler.bind(this));
$(".prevPage").on("click", this._prevHandler.bind(this));
$("#totalPageNum").text(this._pageNum);
$("#currentPageNum").text(this._currentPageNum);
//显示模式
$(".fitHeight").on("click", this._fitInHandler.bind(this));
$(".fitWidth").on("click", this._fitInHandler.bind(this));
$(".fitNormal").on("click", this._fitInHandler.bind(this));
//默认文档全部显示
$('.fitNormal').css("color", "#3498db");
//显示底部控制栏的按钮，默认都隐藏
$(".nextPage").hide();
$(".prevPage").hide();
this.hideFitGroup();
;
//默认隐藏页码显示
this._hidePageInfo();
this.onWindowResize();
UIControlApe.showBottomDocControlBar();
//特定页码
$('.turn').on('click', this._particularPage.bind(this));
let that = this;
$("#pageNo").on("keydown", function (e) {
let curKey = e.which;
if (curKey == 13) that._particularPage();
});
if (ClassDataProxy.userRole == ClassDataProxy.USER_HOST) {
$(document).keydown(function (e) {
if (e.keyCode == 37) {
that._prevHandler();
}
});
$(document).keydown(function (e) {
if (e.keyCode == 39) {
that._nextHandler();
}
});
}
$('.docBox')[0].ondragstart = function(){
return false;
}
}
addEvent() {
xdysdk.on("class_join_success", this._classJoinSuccessHandler.bind(this));
xdysdk.on("document_update", this._docUpdateHanlder.bind(this));//文档更新
xdysdk.on("document_delete", this._docDeleteHanlder.bind(this));//文档删除
}
_classJoinSuccessHandler(_data) {
if (_data.userRole == ClassDataProxy.USER_NOTMAL || ClassDataProxy.isRecordPlayBack) {
$("#docUploadOut").hide();
$("#file").hide();
$("#docListOut").hide();
$(".nextPage").hide();
$(".prevPage").hide();
this.hideFitGroup();
}
this.onWindowResize();
}
clear() {
loger.log("clear");
this._docList = {};//文档数据
this._currentDocId = 0;
this._currentPageNum = 1;
this._pageNum = 1;
this.currentImagePath = "";//清空记录的图片地址
ClassDataProxy.currentPageNum = this._currentPageNum;
ClassDataProxy.currentDocId = this._currentDocId;
this._hideDocView();
this.dynamicPPT.updataPPT(null);
}
stop() {
loger.log("stop");
this._docList = {};//文档数据
this._currentDocId = 0;
this._currentPageNum = 1;
this._pageNum = 1;
this.currentImagePath = "";//清空记录的图片地址
ClassDataProxy.currentPageNum = this._currentPageNum;
ClassDataProxy.currentDocId = this._currentDocId;
this._hideDocView();
this.dynamicPPT.updataPPT(null);
}
//舞台大小发生改变
onWindowResize() {
//loger.log("舞台大小发生改变");
clearTimeout(this.resizeDelay);
let _this = this;
this.resizeDelay = setTimeout(function () {
//loger.log("舞台大小发生改变->刷新文档显示");
clearTimeout(_this.resizeDelay);
_this._fitInDocView(_this._docShowType);
}, 400);
}
//文档区域的滚动条发生改变
_changeDocScroll(evt) {
clearTimeout(this.scrollCompleteTimer);
//如果自己是老师，需要同步自己的滚动条位置给其他人,否则不做处理
if (ClassDataProxy.userRole != ClassDataProxy.USER_HOST) {
return;
}
this.scrollCompleteTimer = setTimeout(() => {
this._updateCurrentDocScroll();
}, 400);
}
//更新当前文档的滚动条位置-老师控制-发送
_updateCurrentDocScroll() {
if (ClassDataProxy.userRole != ClassDataProxy.USER_HOST) {
return;
}
let maxScrollH = $(".docBox").prop("scrollWidth") - $(".docBox").width();
let maxScrollV = $(".docBox").prop("scrollHeight") - $(".docBox").height();
let _curV =parseInt( $(".docBox").scrollTop());
let _curH = parseInt($(".docBox").scrollLeft());
this.curV = parseInt(_curV / maxScrollV * 1000)||0;
this.curH = parseInt(_curH / maxScrollH * 1000)||0;
//loger.warn("lastV:"+this.lastV+" curV:"+this.curV+" lastH:"+this.lastH+" curH:"+this.curH);
if(Math.abs(this.curH-this.lastH)<20&&Math.abs(this.curV-this.lastV)<20){
//loger.warn("不需要同步滚动条位置");
this.lastV=this.curV;
this.lastH=this.curH;
return;
}
this.lastV=this.curV;
this.lastH=this.curH;
if (this._currentDocId > 0) {
this._sendDocumentCommand2sdk();
}
}
//更新当前文档的滚动条位置-收取
_setCurrentDocScroll(_data) {
if (ClassDataProxy.userRole == ClassDataProxy.USER_HOST) {
return;
}
this.curV = parseInt(_data.curV);
this.curH = parseInt(_data.curH);
let maxScrollH = $(".docBox").prop("scrollWidth") - $(".docBox").width();
let maxScrollV = $(".docBox").prop("scrollHeight") - $(".docBox").height();
let leftS = parseInt(this.curV * maxScrollV * 0.001);
let topS = parseInt(this.curH * maxScrollH * 0.001);
$(".docBox").scrollTop(leftS);
$(".docBox").scrollLeft(topS);
// loger.log("更新当前文档的滚动条位置",maxScrollH,maxScrollV,leftS,topS,_data);
}
//监听文档更新消息
_docUpdateHanlder(_data) {
//loger.log("文档模块收到SDK数据");
if (_data == null) {
return;
}
this._setCurrentDocScroll(_data);
//更新文档视图区域
if (_data.visible == true) {
clearTimeout(this.showDocDefaultDelay);
this._currentDocId = _data.itemIdx;
this._currentPageNum = _data.curPageNo;
this._pageNum = _data.pageNum;
//记录文档的显示模式
//如果是录制回放模式，固定使用全部显示的模式
if (ClassDataProxy.isRecordPlayBack) {
this._docShowType = DOC_SHOW_FULL;
} else {
this._docShowType = _data.showType || DOC_SHOW_FULL;
}
this._changeDocShowBtns(this._docShowType);
ClassDataProxy.currentPageNum = this._currentPageNum;
ClassDataProxy.currentDocId = this._currentDocId;
if (this._pageNum <= 1) {
this._hidePageInfo();
} else {
this._showPageInfo();
}
this._showDocView(_data);
}
//操作数据
this._updateDocListData(_data, "add");
}
//监听文档删除消息
_docDeleteHanlder(_data) {
loger.log("_docDeleteHanlder", _data);
this._updateDocListData(_data, "delete");
}
//更新文档数据(包括更新和删除)
_updateDocListData(_data, _type) {
if (_type == "add" && _data) {
//loger.log("添加文件数据", _data);
this._docList[_data.itemIdx] = _data;
} else {
loger.log("删除文档数据", _data.itemIdx);
delete this._docList[_data.itemIdx];
if (this._currentDocId == _data.itemIdx) {
this._currentDocId = 0;
this._currentPageNum = 1;
this._pageNum = 1;
ClassDataProxy.currentPageNum = this._currentPageNum;
ClassDataProxy.currentDocId = this._currentDocId;
//当前显示的文档数据被清除，文档图片也要删除
this._hideDocView();
//如果是动态ppt，也需要删除
if (this.dynamicPPT.pptData && this.dynamicPPT.pptData.itemIdx == _data.itemIdx) {
this.dynamicPPT.updataPPT(null);
}
this._docShowType = DOC_SHOW_FULL;//文档显示模式
//标注的区域也需要设置
$(".docView").width("0");
$(".docView").height("0");
let docBoxWidh = $(".docBox")[0].clientWidth;
let docBoxHeight = $(".docBox")[0].clientHeight;
$(".docGroup").width(docBoxWidh);
$(".docGroup").height(docBoxHeight);
$(".docGroup").css("left", "0px");
$(".docGroup").css("top", "0px");
this._hidePageInfo();
this.hideFitGroup();
this._hideOverflow();
this._emit(DocApe.DOC_IMAGE_LOAD, {"width": docBoxWidh, "height": docBoxHeight});
this.onWindowResize();
}
}
//更新文件列表(列表数据更新的时候需要刷新)
this._updateDocListView();
//根据总页数显示翻页按钮
if (this._currentDocId > 0 && this._pageNum > 1 && ClassDataProxy.userRole == ClassDataProxy.USER_HOST) {
$(".nextPage").show();
$(".prevPage").show();
} else {
$(".nextPage").hide();
$(".prevPage").hide();
}
//显示当前页和总页数
$("#totalPageNum").text(this._pageNum);
$("#currentPageNum").text(this._currentPageNum);
}
//更新底部控制栏
_updateFitGroup() {
if (this._currentDocId == 0 || this._pageNum < 1 || ClassDataProxy.userRole == ClassDataProxy.USER_NOTMAL || ClassDataProxy.userRole == ClassDataProxy.USER_INVISIBLE) {
this.hideFitGroup();
} else if (this._currentDocId > 0 && ClassDataProxy.userRole == ClassDataProxy.USER_HOST) {
this.showFitGroup();
}
}
hideFitGroup() {
$(".fitHeight").hide();
$(".fitWidth").hide();
$(".fitNormal").hide();
$(".turn").hide();
$(".pageNo").hide();
}
showFitGroup() {
$(".fitHeight").show();
$(".fitWidth").show();
$(".fitNormal").show();
}
//更新文件列表显示
_updateDocListView() {
$("#docFileContent").empty();
console.log("this._docList", this._docList);
for (let i in this._docList) {
if (this._docList[i].docId) {
let listItem = this._creatListItemDiv(i, this._docList[i].fileName, this._docList[i].itemIdx);
$("#docFileContent").append(listItem);
}
}
}
//隐藏滚动条
_hideOverflow() {
$(".docBox")[0].style.overflow = "";
}
//显示滚动条 _type(显示的滚动条方向)
_showOverflow(_type) {
this._hideOverflow();
if (_type && _type == "y") {
$(".docBox")[0].style.overflowY = "scroll";
$(".docBox")[0].style.overflowX = "hidden";
} else {
$(".docBox")[0].style.overflowX = "scroll";
$(".docBox")[0].style.overflowY = "hidden";
}
}
//隐藏页码信息
_hidePageInfo() {
$(".total-page").hide();
$(".cur-page").hide();
$(".bias").hide();
$(".pageNo").hide();
$(".turn").hide();
}
//显示页码信息
_showPageInfo() {
$(".total-page").show();
$(".cur-page").show();
$(".bias").show();
$(".pageNo").show();
$(".turn").show();
}
//显示文档
_showDocView(_data) {
if (_data.fileType == "zip") {
this.dynamicPPT.updataPPT(_data);
this._hideDocView();
this.onWindowResize();
this.hideFitGroup();
//老师的需要显示翻页
if (ClassDataProxy.userRole == ClassDataProxy.USER_HOST) {
$(".turn").show();
$(".pageNo").show();
}
} else {
this.dynamicPPT.updataPPT(null);
this.currentImagePath = "";//清空记录的图片地址
this._hideDocView();
this._updateFitGroup();
let imgArr = _data.images || [];
if (imgArr && imgArr.length > 0) {
let img = imgArr[this._currentPageNum - 1];
if (img) {
//console.warn("currentImagePath:"+this.currentImagePath,"newImg:"+img);
this.currentImagePath = img;
$(".docView").attr('src', img);
if (_data.curPageNo > 0 && _data.curPageNo < _data.pageNum - 1) {
if (_data.curPageNo >= 3) {
let _arr = [_data.images[_data.curPageNo - 3], _data.images[_data.curPageNo - 2], _data.images[_data.curPageNo], _data.images[_data.curPageNo + 1]];
this._preloadimages(_arr);
} else if (_data.curPageNo < 3&&_data.curPageNo>=1) {
let _arr = [_data.images[_data.curPageNo-1],_data.images[_data.curPageNo]];
this._preloadimages(_arr);
}
}
else if(_data.curPageNo > 0 &&_data.pageNum<=3){
let _arr = _data.images;
this._preloadimages(_arr);
}
$(".docView").attr('alt', _data.fileName || "");
$(".docView").show();
}
}
}
}
_preloadimages(arr) {
var newimages = [];
var arr = (typeof arr != "object") ? [arr] : arr //确保参数总是数组
for (var i = 0; i < arr.length; i++) {
newimages[i] = new Image();
newimages[i].src = arr[i];
if (newimages[i].complete || newimages[i].width) {
loger.log('该图片已经存在于缓存之中，不会再去重新下载');
}
else {
loger.log('图片不存在缓存之中');
newimages[i].onload = function () {
loger.log('图片下载成功！');
}
}
}
}
//隐藏文档
_hideDocView(_data) {
//清除原来的设置，先获取实际大小
$(".docView").removeAttr("width");
$(".docView").removeAttr("height");
$(".docView").attr('src', "");
$(".docView").width("0");
$(".docView").height("0");
$(".docView").hide();
this.currentImagePath="";
this._hideOverflow();
if (this._pageNum <= 1) {
this._hidePageInfo();
} else {
this._showPageInfo();
}
}
//显示文档列表
_openDocListHandler() {
this._emit(DocApe.SCENE_DOC_CHANGE, ClassDataProxy.SCENE_DOC);
UIControlApe.enabledBottomBar();
UIControlApe.enabledLeftBar();
UIControlApe.showBottomDocControlBar();
$("#docModalList").show();
$(".masker").show();
}
//关闭文档列表
_closeDocListHandler() {
$("#docModalList").hide();
$(".masker").hide();
}
//下一页
_nextHandler() {
loger.log('下一页', this.dynamicPPT.isNextAnimationComplete());
if (this.dynamicPPT && !this.dynamicPPT.isNextAnimationComplete()) {
//如果动态ppt的动画没有播放完成，需要切换动画
this.dynamicPPT.pptNextAnimationHandler();
} else {
//切换页面
if (this._currentDocId > 0 && this._currentPageNum < this._pageNum) {
let paramInfo = {
"itemIdx": this._currentDocId,
"curPageNo": this._currentPageNum + 1
};
xdysdk.api("sendDocumentSwitchPage", paramInfo);
}
}
}
//上一页
_prevHandler() {
loger.log('上一页', this.dynamicPPT.isPrevAnimationComplete());
if (this.dynamicPPT && !this.dynamicPPT.isPrevAnimationComplete()) {
//如果动态ppt的动画没有播放完成，需要切换动画
this.dynamicPPT.pptPrevAnimationHandler();
} else {
//切换页面
if (this._currentDocId > 0 && this._currentPageNum > 1) {
let paramInfo = {
"itemIdx": this._currentDocId,
"curPageNo": this._currentPageNum - 1
};
xdysdk.api("sendDocumentSwitchPage", paramInfo);
}
}
}
//显示默认模式
stopAndHide() {
this._closeDocListHandler();
if (this._docShowType == DOC_SHOW_FULL) {
return;
}
this._docShowType = DOC_SHOW_FULL;
this._changeDocShowBtns(this._docShowType);
this._fitInDocView(this._docShowType);
if (this._currentDocId > 0) {
this._sendDocumentCommand2sdk();
}
}
//切换文档显示模式
_fitInHandler(evt) {
//loger.log("切换文档显示模式", evt.target.className);
switch (evt.target.id) {
case "fitWidth":
if (this._docShowType == DOC_SHOW_WIDTH) {
return;
}
this._docShowType = DOC_SHOW_WIDTH;
this._changeDocShowBtns(this._docShowType);
break;
case "fitHeight":
if (this._docShowType == DOC_SHOW_HEIGHT) {
return;
}
this._docShowType = DOC_SHOW_HEIGHT;
this._changeDocShowBtns(this._docShowType);
break;
case "fitNormal":
if (this._docShowType == DOC_SHOW_FULL) {
return;
}
this._docShowType = DOC_SHOW_FULL;
this._changeDocShowBtns(this._docShowType);
break;
default:
break;
}
this._fitInDocView(this._docShowType);
if (this._currentDocId > 0) {
this._sendDocumentCommand2sdk();
}
}
//发送文档控制消息
_sendDocumentCommand2sdk() {
xdysdk.api("sendDocumentCommand", {
"itemIdx": this._currentDocId,
"showType": this._docShowType,
"curV": this.curV,//垂直方向的滚动条进度百分比 0-100
"curH": this.curH,//水平方向的滚动条进度百分比 0-100
"scale": 100//文档缩放百分比 0-100
});
}
_changeDocShowBtns(_showType) {
switch (_showType) {
case DOC_SHOW_WIDTH:
$('.fitWidth').css("color", "#3498db");
$('.fitHeight').css("color", "#ccc");
$('.fitNormal').css("color", "#ccc");
break;
case DOC_SHOW_HEIGHT:
$('.fitHeight').css("color", "#3498db");
$('.fitWidth').css("color", "#ccc");
$('.fitNormal').css("color", "#ccc");
break;
default :
$('.fitNormal').css("color", "#3498db");
$('.fitHeight').css("color", "#ccc");
$('.fitWidth').css("color", "#ccc");
break;
}
}
//适配文档显示，type是显示的类型(width-按宽度显示；height-按高度显示；full-完整显示)
_fitInDocView(_type) {
let docView = $(".docView")[0];
//let imgUrl=docView.src;
//let imgUrl="";
//loger.log("切换文档显示模式->", _type, this.currentImagePath);
if (docView && this.currentImagePath) {
$(".docView").attr('src', this.currentImagePath);
$(".docView").show();
} else {
let docBoxWidh = $(".docBox")[0].clientWidth;
let docBoxHeight = $(".docBox")[0].clientHeight;
//没有文档的时候，就按动态ppt的标注尺寸为准
let viewW = PPT_WIDTH;
let viewH = PPT_HEIGHT;
//loger.log("舞台尺寸->", docBoxWidh, docBoxHeight);
//设置适合的尺寸模型显示
let sizeObj;
if (this._docShowType == DOC_SHOW_WIDTH) {
sizeObj = ClassDataProxy.getFitInWidth(docBoxWidh, docBoxHeight, viewW, viewH);
this._showOverflow("y");
} else if (this._docShowType == DOC_SHOW_HEIGHT) {
sizeObj = ClassDataProxy.getFitInHeight(docBoxWidh, docBoxHeight, viewW, viewH);
this._showOverflow("x");
} else {
sizeObj = ClassDataProxy.getFitInFull(docBoxWidh, docBoxHeight, viewW, viewH);
this._hideOverflow();
}
if (sizeObj) {
//loger.log("设置图片显示", sizeObj);
let docView = $(".docView");
docView.width(sizeObj.w);
docView.height(sizeObj.h);
$(".docGroup").width(sizeObj.w);
$(".docGroup").height(sizeObj.h);
$(".docGroup").css("left", "0");
$(".docGroup").css("top", "0");
//水平居中显示
if (sizeObj.w < docBoxWidh) {
let leftMargin = (docBoxWidh - sizeObj.w) * 0.5;
$(".docGroup").css("left", "" + leftMargin + "px");
}
//垂直居中
if (sizeObj.h < docBoxHeight) {
let topMargin = (docBoxHeight - sizeObj.h) * 0.5;
$(".docGroup").css("top", "" + topMargin + "px");
}
this._emit(DocApe.DOC_IMAGE_LOAD, {"width": sizeObj.w, "height": sizeObj.h});
this.dynamicPPT.setPPTSize({"width": sizeObj.w, "height": sizeObj.h});
} else {
loger.warn("文档适配失败");
}
}
}
//文档图片加载完成
_onLoadImage(evt) {
let imagW = evt.currentTarget.naturalWidth;
let imagH = evt.currentTarget.naturalHeight;
let docBoxWidh = $(".docBox")[0].clientWidth;
let docBoxHeight = $(".docBox")[0].clientHeight;
//loger.log("加载图片完成->实际尺寸->", imagW, imagH);
//loger.log("舞台尺寸->", docBoxWidh, docBoxHeight);
//设置适合的尺寸模型显示
let sizeObj;
if (this._docShowType == DOC_SHOW_WIDTH) {
sizeObj = ClassDataProxy.getFitInWidth(docBoxWidh, docBoxHeight, imagW, imagH);
this._showOverflow("y");
} else if (this._docShowType == DOC_SHOW_HEIGHT) {
sizeObj = ClassDataProxy.getFitInHeight(docBoxWidh, docBoxHeight, imagW, imagH);
this._showOverflow("x");
} else {
sizeObj = ClassDataProxy.getFitInFull(docBoxWidh, docBoxHeight, imagW, imagH);
this._hideOverflow();
}
if (sizeObj) {
// loger.log("设置图片显示", sizeObj);
let docView = $(".docView");
docView.width(sizeObj.w);
docView.height(sizeObj.h);
$(".docGroup").width(sizeObj.w);
$(".docGroup").height(sizeObj.h);
$(".docGroup").css("left", "0");
$(".docGroup").css("top", "0");
//水平居中显示
if (sizeObj.w < docBoxWidh) {
let leftMargin = (docBoxWidh - sizeObj.w) * 0.5;
//loger.warn("left-----------------",leftMargin);
$(".docGroup").css("left", "" + leftMargin + "px");
}
//垂直居中
if (sizeObj.h < docBoxHeight) {
let topMargin = (docBoxHeight - sizeObj.h) * 0.5;
$(".docGroup").css("top", "" + topMargin + "px");
}
this._emit(DocApe.DOC_IMAGE_LOAD, {"width": sizeObj.w, "height": sizeObj.h});
this.dynamicPPT.setPPTSize({"width": sizeObj.w, "height": sizeObj.h});
} else {
loger.warn("文档适配失败");
}
}
//文档图片加载失败
_onLoadImageError(evt) {
if (!ClassDataProxy.isRecordPlayBack && this.currentImagePath) {
loger.warn("文档加载失败->", evt.currentTarget.alt, this.currentImagePath);
//ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.fileLoadingErr + "->" + evt.currentTarget.alt);
}
}
//上传文件
_uploadFile(evt) {
let fileItem = document.getElementById('docFileBtn').files[0];
if (!fileItem) {
loger.log("没有选择文件");
return;
}
this._closeDocListHandler();
let fileStr = fileItem.name;
if(fileStr){
fileStr=fileStr.toLowerCase();
}
//let fileValue = fileStr.split('.')[1];
if (fileStr.lastIndexOf(".zip")>=0) {
this._uploadPPT(fileItem, evt);
}
else {
loger.log("文件名:" + fileItem.name + "->文件类型:" + fileItem.type);
//目前最大支持50M 格式为jpg png pdf docx pptx xlsx
//判断文件的大小
if (fileItem.size > 52428800) {
ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.fileError);
return;
}
let fileName = fileItem.name;
if(fileName){
fileName = fileName.toLowerCase();
}
//判断选择的文件类型
if (fileName.lastIndexOf('.jpg') < 0 &&
fileName.lastIndexOf('.png') < 0 &&
fileName.lastIndexOf('.pdf') < 0 &&
fileName.lastIndexOf('.doc') < 0 &&
fileName.lastIndexOf('.ppt') < 0 &&
fileName.lastIndexOf('.xls') < 0) {
ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.layoutCont);
return;
}
if (!ClassDataProxy.DOCServerIP) {
loger.warn("文档服务器地址无效，无法上传文件!");
ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.serverError);
return
}
//上传时动画效果
UIControlApe.showLoadingMask();
//上传过程中 上传按钮不可点击
//$('.docUploadForbid').show();
UIControlApe.disEnabledDocBar();
UIControlApe.disEnabledMediaBar();
let fd = new FormData();
fd.append("fileToUpload", fileItem);
fd.append("siteID", ClassDataProxy.siteId); //站点
fd.append("convertTools", "msoffice"); //pptflash 仅限动态转ppt msoffice 其它类型
fd.append("meetingid", String(ClassDataProxy.classId)); //课堂号
fd.append("timestamp", String(ClassDataProxy.creatTimestamp())); //时间戳
fd.append("createUserName", String(ClassDataProxy.userName)); //上传人姓名
fd.append("createUserID", String(ClassDataProxy.nodeId)); //上传人ID
fd.append("modifyDate", ClassDataProxy.creatTimestampStr()); //上传时间
/*let ipport = ClassDataProxy.DOCServerIP;
if (ClassDataProxy.DOCServerPort) {
ipport = ipport + ":" + ClassDataProxy.DOCServerPort;
}
let docUrl = `http://${ipport}/DocSharing/fileUploadJson`;*/
let ipport=ClassDataProxy.DOCServerIP;
if( ClassDataProxy.DOCServerPort){
ipport=ipport+":"+ClassDataProxy.DOCServerPort;
}
let docUrl= `${ClassDataProxy.locationProtocol+ipport}/DocSharing/fileUploadJson`;
$.ajax({
type: "POST",
url: docUrl,
processData: false,
contentType: false,
data: fd,
xhr: function () {
let xhr = $.ajaxSettings.xhr();
if (xhr.upload) {
xhr.upload.addEventListener("progress", function (evt) {
let loaded = evt.loaded; //已经上传大小情况
let tot = evt.total; //附件总大小
let per = Math.floor(100 * loaded / tot); //已经上传的百分比
UIControlApe.updataLoadingMaskProgress(per);
}, false);
return xhr;
}
},
success: function (data) {
//loger.log("文档服务器返回的文档数据-.", data);
UIControlApe.hideLoadingMask();
UIControlApe.enabledDocBar();
UIControlApe.enabledMediaBar();
this._uploadFileSuccess(data);
$("#docFileBtn").val('')
}.bind(this),
error: function (data) {
UIControlApe.hideLoadingMask();
UIControlApe.enabledDocBar();
UIControlApe.enabledMediaBar();
loger.warn(name + "->上传文件失败", data);
ErrorApe.showError(ErrorApe.TYPE_3, name + "->" + ClassDataProxy.localConfig.uploaDocumentErr);
$("#docFileBtn").val('')
}
});
}
}
//上传ppt的zip
_uploadPPT(fileItem, evt) {
loger.log("文件名:" + fileItem.name + "->文件类型:" + fileItem.type);
//目前最大支持50M 格式为jpg png pdf docx pptx xlsx
//判断文件的大小
if (fileItem.size > 52428800) {
ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.fileError);
return;
}
let fileName = fileItem.name.toLowerCase();
//判断选择的文件类型
if (fileName.lastIndexOf('.zip') < 0) {
ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.fileFormatError);
return;
}
if (!ClassDataProxy.DOCServerIP) {
loger.warn("文档服务器地址无效，无法上传文件!");
ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.serverError);
return
}
//上传时动画效果
UIControlApe.showLoadingMask();
UIControlApe.disEnabledDocBar();
UIControlApe.disEnabledMediaBar();
//上传过程中 上传按钮不可点击
//$('.docUploadForbid').show();
let fd = new FormData();
fd.append("fileToUpload", fileItem);
fd.append("classId", String(ClassDataProxy.classId)); //课堂号
fd.append("siteID", ClassDataProxy.siteId); //站点
fd.append("createUserID", String(ClassDataProxy.nodeId)); //上传人ID
fd.append("createUserName", String(ClassDataProxy.userName)); //上传人姓名
/* let ipport = ClassDataProxy.DOCServerIP;
if (ClassDataProxy.DOCServerPort) {
ipport = ipport + ":" + ClassDataProxy.DOCServerPort;
}
let pptUrl = `http://${ipport}/DocSharing/zipUpload`;*/
let ipport=ClassDataProxy.DOCServerIP;
if( ClassDataProxy.DOCServerPort){
ipport=ipport+":"+ClassDataProxy.DOCServerPort;
}
let pptUrl= `${ClassDataProxy.locationProtocol+ipport}/DocSharing/zipUpload`;
$.ajax({
type: "POST",
url: pptUrl,
processData: false,
contentType: false,
data: fd,
xhr: function () {
let xhr = $.ajaxSettings.xhr();
if (xhr.upload) {
xhr.upload.addEventListener("progress", function (evt) {
let loaded = evt.loaded; //已经上传大小情况
let tot = evt.total; //附件总大小
let per = Math.floor(100 * loaded / tot); //已经上传的百分比
UIControlApe.updataLoadingMaskProgress(per);
}, false);
return xhr;
}
},
success: function (data) {
//loger.log("文档服务器返回的文档数据-.", data);
UIControlApe.hideLoadingMask();
UIControlApe.enabledDocBar();
UIControlApe.enabledMediaBar();
this._uploadpptSuccess(data);
$("#docFileBtn").val('')
}.bind(this),
error: function (data) {
UIControlApe.hideLoadingMask();
UIControlApe.enabledDocBar();
UIControlApe.enabledMediaBar();
loger.warn(name + "->上传文件失败", data);
ErrorApe.showError(ErrorApe.TYPE_3, name + "" + ClassDataProxy.localConfig.uploaDocumentErr);
$("#docFileBtn").val('')
}
});
}
//上传的ppt的zip成功
_uploadpptSuccess(msg) {
loger.log("服务器返回的zip信息->", msg);
if (msg.docId) {
console.log("msg", msg);
$("#frame").attr("src", msg.filePath);
let fileInfo = {};
fileInfo.pageNum = msg.imgSize;// 文档的总页数
fileInfo.fileName = msg.fileName;//文档名字
fileInfo.fileType = msg.fileType; // 文档的原始类型(上传时的类型)
fileInfo.relativeUrl = msg.relativeLocation; //文档相对地址
let urlPath = msg.filePath + 'l';
urlPath = urlPath.replace('.htmll', '.html');
fileInfo.url = urlPath; //文档绝对地址 默认值: null
fileInfo.docId = msg.docId; //文档在数据库中的唯一id标识 默认值: null
fileInfo.visible = false; // 是否显示 默认值: false
loger.log("同步上传的文档消息给sdk", fileInfo);
xdysdk.api("sendDocumentUpload", fileInfo);
} else {
loger.warn("服务器返回的zip文件信息->不能同步-->docId无效", msg.docId);
ErrorApe.showError(ErrorApe.TYPE_3, name + "" + ClassDataProxy.localConfig.uploaDocumentErr);
}
}
//将上传文件的信息,传递给底层
_uploadFileSuccess(msg) {
loger.log("服务器返回的文档信息->", msg);
if (msg.docId && msg.flag == 0) {
let fileInfo = {};
fileInfo.pageNum = msg.imgSize;// 文档的总页数
fileInfo.fileName = msg.fileName;//文档名字
fileInfo.fileType = msg.fileType; // 文档的原始类型(上传时的类型)
fileInfo.relativeUrl = msg.relativeLocation; //文档相对地址
fileInfo.url = msg.filePath; //文档绝对地址 默认值: null
fileInfo.docId = msg.docId; //文档在数据库中的唯一id标识 默认值: null
fileInfo.visible = false; // 是否显示 默认值: false
fileInfo.dynamicTS = msg.dynamicTransferStatic; //是否动态转换 //文档上传后返回值中的字段dynamicTransferStatic 默认值: 0
//loger.log("同步上传的文档消息给sdk", fileInfo);
xdysdk.api("sendDocumentUpload", fileInfo);
} else {
loger.warn("服务器返回的文件信息->不能同步-->docId无效", msg.docId);
ErrorApe.showError(ErrorApe.TYPE_3, ClassDataProxy.localConfig.uploaDocumentErr);
}
}
//点击列表中切换文档
_switchDcoBtnHandler(evt) {
loger.log("_switchDcoBtnHandler---->", evt.target.id);
this._switchDcoHandler(evt.target.id)
}
//切换文档，把要显示的文档数据发送给SDK
_switchDcoHandler(_itemIdx) {
loger.log("_switchDcoHandler---->", _itemIdx);
let docItem = this._docList[_itemIdx];
if (docItem) {
let paramInfo = {
"itemIdx": parseInt(_itemIdx),
"visible": true
};
xdysdk.api("sendDocumentSwitchDoc", paramInfo);
this._closeDocListHandler();
} else {
loger.log("_switchDcoHandler---->文档不存在");
}
}
//删除文档鼠标事件
_deleteDcoHandler(evt) {
loger.log("_deleteDcoHandler---->", evt.target.id);
let docItem = this._docList[parseInt(evt.target.id)];
if (docItem) {
let paramInfo = {
"itemIdx": docItem.itemIdx,
"docId": docItem.docId,
"classId": ClassDataProxy.classId //课堂号
};
xdysdk.api("sendDocumentDelete", paramInfo);
} else {
loger.log("_deleteDcoHandler---->文档不存在");
}
}
//获取文档图片序列
_getDocFullAddress(_data) {
loger.log("获取文档显示地址---->", _data);
let paramInfo = {
"itemIdx": _data.itemIdx,
"url": _data.url
};
let result = xdysdk.api("getDocFullAddress", paramInfo);
loger.log("获取文档显示地址-->返回->", result);
if (result.code == 0) {
return result.docFullAddress.images;
}
return [];
}
_particularPage() {
let pageNo = $('#pageNo');
if (!pageNo || !pageNo.val()) {
return;
}
let page = parseInt(pageNo.val());
if (page) {
if (page > this._pageNum) {
page = this._pageNum;
}
if (page <= 0) {
page = 1;
}
pageNo.val(page);
let paramInfo = {
"itemIdx": this._currentDocId,
"curPageNo": page
};
xdysdk.api("sendDocumentSwitchPage", paramInfo);
$("#pageNo")[0].value = "";
$("#pageNo").blur();
}
}
//创建列表元素
_creatListItemDiv(_id, _fileName, _owner) {
let div = document.createElement("div");
div.id = "doc_" + _id;
//文件id
let ico = document.createElement("label");
ico.innerHTML = "&#xe639;";
ico.className = "iconfont";
div.appendChild(ico);
//文件名称
let nameDiv = document.createElement("label");
nameDiv.innerText = "" + _fileName;
nameDiv.title = "" + _fileName;
nameDiv.onclick = this._switchDcoBtnHandler.bind(this);
nameDiv.id = _id;
div.appendChild(nameDiv);
//删除按钮
let deleteBtn = document.createElement("label");
deleteBtn.type = "button";
// deleteBtn.value = "删除";
deleteBtn.id = _id;
deleteBtn.innerHTML = "&#xe673;";
deleteBtn.className = "iconfont";
deleteBtn.onclick = this._deleteDcoHandler.bind(this);
div.appendChild(deleteBtn);
return div;
}
}
DocApe.prototype.DOC_IMAGE_LOAD = DocApe.DOC_IMAGE_LOAD = "doc_image_load";
DocApe.prototype.SCENE_DOC_CHANGE = DocApe.SCENE_DOC_CHANGE = "scene_doc_change";
export default DocApe;
//*
// 白板标注工具栏
// */
import Emiter from "Emiter";
import Loger from "Loger";
import $ from "jquery";
import xdysdk from "libs/xdysdk";
import ClassDataProxy from "proxy/ClassDataProxy";
let loger = Loger.getLoger('PC-DrawTool');
class DrawTool extends Emiter {
constructor() {
super();
this.isShow = false;
ClassDataProxy.isDraw = false;
this.addEvent();
this.init();
}
init() {
//布局
$(".foldDrawTool").on("click", this._controlDrawToolVisible.bind(this));
//UI按钮点击事件
$(".toolColor").on("mouseleave", this._showColorNone.bind(this));
// $(".showColor").on("mouseleave", this._showColorNone.bind(this));
$(".showColor").on("mouseenter", this._showColorBlock.bind(this));
//形状列表显示
$(".toolForm").on("mouseleave", this._showFormNone.bind(this));
$("#showForm").on("mouseenter", this._showFormBlock.bind(this));
//点击形状按钮
$('#showForm').on('click',this._showFormBlock.bind(this));
$('#curveBrush').on('click',this._formHandler.bind(this));
$('#straightBrush').on('click',this._formHandler.bind(this));
$('#squareBrush').on('click',this._formHandler.bind(this));
$('#circleBrush').on('click',this._formHandler.bind(this));
$('#customBrush').on('click',this._formHandler.bind(this));
$(".showColor").on("click", this._showColorBlock.bind(this));
$(".redColor").on("click", this._colorHandler.bind(this));
$(".blueColor").on("click", this._colorHandler.bind(this));
$(".purpleColor").on("click", this._colorHandler.bind(this));
$(".yellowColor").on("click", this._colorHandler.bind(this));
$(".pencil").on("click", this._pencilHandler.bind(this));
$(".rescind").on("click", this._rescindHandler.bind(this));//撤销
$(".clearContent").on("click", this._clearHandler.bind(this));//删除
//点击其他区域后颜色板隐藏
// $(".middle").on("click",this._hideColorTool.bind(this));
$(".left").on("click",this._hideColorTool.bind(this));
$(".header").on("click",this._hideColorTool.bind(this));
$(".right").on("click",this._hideColorTool.bind(this));
$(".docBox").on("click",this._hideColorTool.bind(this));
//老是断控制学生端画笔
$('#controlBrush').on('click',this._controlBrushHandler.bind(this));
}
addEvent() {
xdysdk.on("class_join_success", this._classJoinSuccessHandler.bind(this));
xdysdk.on("class_insert_roster", this._insertRosterHandler.bind(this)); //人员进入
xdysdk.on("class_update_status", this._classUpdateHandler.bind(this));//会议状态更新
}
_classJoinSuccessHandler(_data) {
if (_data.userRole == ClassDataProxy.USER_NOTMAL) {
// $(".foldDrawTool").hide();
// $(".drawTool").hide();
this.isShow = true;
} else {
$(".foldDrawTool").show();
$(".drawTool").show();
this.isShow = true;
}
}
_insertRosterHandler(_data){
if(_data){
if(ClassDataProxy.userRole == ClassDataProxy.USER_NOTMAL){
if(!ClassDataProxy.isEnableDraw){
//隐藏学生端画笔
this._hideBrushSwitch();
}
}
}
}
_classUpdateHandler(_data){
if(_data){
//控制学生端画笔是否可以绘画
ClassDataProxy.isEnableDraw = _data.isEnableDraw || false;
this._checkBrushSwitch();
}
}
_checkBrushSwitch(){
this._brushSwitchHandler();
}
//老是断控制学生端画笔
_controlBrushHandler(evt){
if(ClassDataProxy.isEnableDraw == true){
ClassDataProxy.isEnableDraw = false;
xdysdk.api("changeDrawStatus",{"isEnableDraw":false});
}else{
ClassDataProxy.isEnableDraw = true;
xdysdk.api("changeDrawStatus",{"isEnableDraw":true})
}
}
//学生端画笔开关
_brushSwitchHandler(){
if(ClassDataProxy.isEnableDraw == true){
if(ClassDataProxy.userRole == ClassDataProxy.USER_NOTMAL){
//显示学生端画笔
this._showBrushSwitch();
}
//更改老师端状态
if(ClassDataProxy.userRole == ClassDataProxy.USER_HOST){
$('.controlBrush').addClass('controlBrushClick');
}
}else{
//隐藏学生端画笔
if(ClassDataProxy.userRole == ClassDataProxy.USER_NOTMAL){
this._hideBrushSwitch();
//学生端是否可以画图
ClassDataProxy.isDraw = false;
}
//更改老师端状态
if(ClassDataProxy.userRole == ClassDataProxy.USER_HOST){
$('.controlBrush').removeClass('controlBrushClick');
}
}
}
//显示学生端画笔
_showBrushSwitch(){
$('.foldDrawToolOut').show();
$('.foldDrawTool').show();
$(".drawTool").show();
$(".drawTool").css("height", "160px");
}
//隐藏学生端画笔
_hideBrushSwitch(){
$('.foldDrawToolOut').hide();
$('.foldDrawTool').hide();
$(".drawTool").hide();
}
_pencilHandler() {
if(ClassDataProxy.isLaser==true){
ClassDataProxy.isLaser=false;
let paramInfo = {
"pointGroup": [],//有多个坐标点组成
"duration":0 //多长时间发一次数据
};
xdysdk.api("sendInsertCursor", paramInfo);
$(".canvasContent").css("cursor", "default");
}
$(".laserBoard").css("z-index","-1");
$(".toolColor").css("display", "none");
ClassDataProxy.isDraw = !ClassDataProxy.isDraw;
this._emit(DrawTool.DRAW_TOOL_CHANGE, {"action": "pencil", "isDraw": ClassDataProxy.isDraw});
if (ClassDataProxy.isDraw) {
$(".canvasContent").css({"cursor":"url(images/tool/penciling.png),crosshair"});
} else {
$(".canvasContent").css("cursor", "default");
}
}
_rescindHandler() {
$(".toolColor").css("display", "none");
this._emit(DrawTool.DRAW_TOOL_CHANGE, {"action": "rescind"});
}
_clearHandler() {
$(".toolColor").css("display", "none");
this._emit(DrawTool.DRAW_TOOL_CHANGE, {"action": "clear"});
}
_colorHandler(evt) {
$(".toolColor").css("display","none");
loger.log(evt.target.id, evt.target.title);
let color = evt.target.title;
this._emit(DrawTool.DRAW_TOOL_CHANGE, {"action": "changeColor", "color": color});
let showColor = document.getElementById('showColor');
switch (evt.target.id) {
case "redColor":
showColor.style.background = 'url("images/colorRed.png") no-repeat';
$(".showColor").unbind("click");
this._showColorNone();
this._showFormNone();
break;
case "blueColor":
showColor.style.background = 'url("images/colorBlue.png") no-repeat';
$(".showColor").unbind("click");
this._showColorNone();
this._showFormNone();
break;
case "purpleColor":
showColor.style.background = 'url("images/colorPurple.png") no-repeat';
$(".showColor").unbind("click");
this._showColorNone();
this._showFormNone();
break;
case "yellowColor":
showColor.style.background = 'url("images/colorYellow.png") no-repeat';
$(".showColor").unbind("click");
this._showColorNone();
this._showFormNone();
break;
default:
break
}
}
_formHandler(){
$(".toolForm").css("display","none");
$("#showForm").unbind("click");
loger.log('点击隐藏形状工具列表');
}
_showColorBlock() {
$(".toolColor").css("display", "block");
$(".toolColor").css("z-index", 0);
$(".toolForm").css("display", "none");
$(".toolForm").css("z-index", 0);
}
_showColorNone() {
$(".toolColor").css("display", "none");
$(".toolColor").css("z-index", 0);
}
_showFormBlock(){
$(".toolForm").css("display", "block");
$(".toolForm").css("z-index", 2);
$(".toolColor").css("display", "none");
$(".toolColor").css("z-index", 0);
}
_showFormNone(){
$(".toolForm").css("display", "none");
$(".toolForm").css("z-index", 0);
}
_controlDrawToolVisible() {
// if(ClassDataProxy.isEnableDraw == true){
if (this.isShow) {
$(".drawTool").hide();
$(".arrowTop").hide();
$(".arrowBottom").show();
} else {
$(".drawTool").show();
$(".arrowTop").show();
$(".arrowBottom").hide();
}
this.isShow = !this.isShow;
// }
}
_hideColorTool(){
$(".toolColor").css("display", "none");
$(".toolForm").css("display", "none");
}
}
DrawTool.prototype.DRAW_TOOL_CHANGE = DrawTool.DRAW_TOOL_CHANGE = "draw_tool_change";
export default DrawTool;
\ No newline at end of file
/*
*
* 动态PPT 尺寸1:(高：宽 540/864 =250/400 = 0.625) 尺寸2： 720 540 4;3
*
* */
import Emiter from "Emiter";
import Loger from "Loger";
import $ from "jquery";
import xdysdk from "libs/xdysdk";
import ClassDataProxy from "proxy/ClassDataProxy";
let loger = Loger.getLoger('PC-DynamicPPT');
window.ispringPresentationConnector ={};
window.pptPlayer;
class DynamicPPT extends Emiter {
constructor() {
super();
this.currentAnimationStep=1;//默人动画页数是1
this.animationStepCount=1;//默认动画总页数时1
this.currenSlideIndex=0;//当前显示的页码 从0开始
this.pptiframeSrc='';//当前页地址,ip地址换成允许跨域的ip
this.pptData=null;
this.changePageTimer=0;
this.addEvent();
}
addEvent(){
//监听动态ppt加载
$("#framePPT").on('load', this._onLoadPPT.bind(this));
$("#framePPT").on('error', this._onLoadPPTError.bind(this));
//上一步下一步动画
$(".pptNextStep").hide();
$(".pptPrevStep").hide();
$(".pptNextStep").on("click", this.pptNextAnimationHandler.bind(this));
$(".pptPrevStep").on("click", this.pptPrevAnimationHandler.bind(this));
}
//更新ppt,显示和删除都用这个接口 _data为null的时候就是删除
updataPPT(_data){
console.log('更新ppt数据',_data);
if(_data){
this.pptData=_data;
//有数据，并且是可见，需要更新操作数据
if (_data.visible == true) {
this.showPPT();
//获取数据中的html地址，然后转换为允许跨域访问的地址
let iframeSrc =_data.html||"";
//替换IP地址，解决跨域问题，后续服务器会解决跨域，不需要再替换
/* iframeSrc=iframeSrc.replace('http://','');
let index=iframeSrc.indexOf('/');
let iframeLastSrc=ifreamDocIp+iframeSrc.substr(index);*/
//如果是本地测试就用本地文件地址，否则就用线上地址
let url = encodeURI(window.location.href);
let index=url.indexOf('localhost:');
if(index<0){
index=url.indexOf('127.0.0.1');
}
if(index>=0){
iframeSrc='./ppt0516/index.html';
loger.warn('使用本地的动态ppt测试',iframeSrc);
}
if(!iframeSrc){
loger.warn('ppt地址转换失败');
return;
}
if(this.pptiframeSrc==iframeSrc){
//文档已经存在
this.changePage();
}else {
//文档不存在
this._loadIframSrc(iframeSrc);
}
}else {
this.hidePPT();
}
}else {
//没有数据，清除
this.pptData=null;
this.hidePPT();
this.clearPPT();
}
}
//显示ppt
showPPT(){
//loger.log("显示ppt");
$("#framePPT").show();
}
//隐藏ppt
hidePPT(){
// loger.log("隐藏ppt");
$("#framePPT").hide();
$(".pptPrevStep").hide();
$(".pptNextStep").hide();
$("#framePPT").attr('src', "");
}
//设置大小
setPPTSize(sizeObj){
//if(sizeObj) {
// loger.log("设置ppt显示大小", sizeObj);
//}
}
//清除ppt数据
clearPPT(){
//loger.log("清除ppt数据");
clearTimeout( this.changePageTimer);
this.pptData=null;
this.pptiframeSrc='';
this.currentAnimationStep=1;
this.animationStepCount=1;
this.currenSlideIndex=0;
window.ispringPresentationConnector ={};
window.pptPlayer=null;
}
// 加载动态ppt地址
_loadIframSrc(_iframeLastSrc){
let isFirstLoad=true;//每次更地址都会重置,如果是重加载，加载完成后需要切换页面
let _this=this;
window.ispringPresentationConnector.register = function (player){
window.pptPlayer=player;
console.log('ispringPresentationConnector');
window.pptPlayer.view().playbackController().slideChangeEvent().addHandler(function(slideIndex) {
console.log( "动态ppt当前index: " + (slideIndex ));
_this.currenSlideIndex=slideIndex;
_this.animationStepCount=window.pptPlayer.view().playbackController().currentSlide().animationSteps().count();
//第一次加载完成的时候切换一次
if(isFirstLoad){
isFirstLoad=false;
_this.changePage(1000);
}
});
window.pptPlayer.view().playbackController().stepChangeEvent().addHandler(function(stepIndex){
_this.currentAnimationStep=stepIndex+1||1;
_this.animationStepCount=window.pptPlayer.view().playbackController().currentSlide().animationSteps().count();
console.log("动态ppt当前 step: " + stepIndex,' this.currentAnimationStep:'+ _this.currentAnimationStep);
});
window.pptPlayer.view().playbackController().clock.tickEvent().addHandler(function(theClock){
var ts = theClock.timestamp();
window.console.log("Tick. Slide:", ts.slideIndex(), "; step: ", ts.stepIndex(), "; timeOffset: ", ts.timeOffset());
});
}
//加完监听之后开始加载网页
this.pptiframeSrc=_iframeLastSrc;
console.log("pptiframeSrc",this.pptiframeSrc);
$("#framePPT").attr("src",this.pptiframeSrc);
}
changePage(_deley){
console.log("切换PPT页码---->",this.pptData);
if(!this.pptData||!window.pptPlayer){
console.warn("切换PPT页码-->_data数据不存在");
return;
}
if(this.pptData.curPageNo!=(this.currenSlideIndex+1)){
clearTimeout( this.changePageTimer);
if(_deley){
let _this=this;
this.changePageTimer=setTimeout(function(){
console.log(_deley,"延迟切换PPT页码---->",_this.pptData.curPageNo);
this.currentAnimationStep=1;//默人动画页数是1
this.animationStepCount=1;//默认动画总页数时1
window.pptPlayer.view().playbackController().gotoSlide((_this.pptData.curPageNo-1),false);
setTimeout(function () {
let curAnimationStep=_this.pptData.animationStep;
for(let i=0;i<(curAnimationStep-1);i++){
window.pptPlayer.view().playbackController().gotoNextStep();
}
},1000);
},_deley)
}else {
console.log("切换PPT页码---->",this.pptData.curPageNo);
this.currentAnimationStep=1;//默人动画页数是1
this.animationStepCount=1;//默认动画总页数时1
window.pptPlayer.view().playbackController().gotoSlide((this.pptData.curPageNo-1),false);
}
}else {
//页数切换完成，切换动画步骤
this._changeAnimationStep();
}
}
_changeAnimationStep(){
console.log("切换动画步数---->",this.currentAnimationStep,'-->',this.pptData.animationStep);
if(!this.pptData||!window.pptPlayer){
console.warn("切换PPT动画步骤-->_data数据不存在");
return;
}
if(this.animationStepCount<2){
console.log("当前页码的动画步数为->"+this.animationStepCount);
return;
}
if(this.pptData.animationStep>this.currentAnimationStep){
console.log("切换动画步数---->下一步")
// this.currentAnimationStep = this.pptData.animationStep;
for(let i=this.currentAnimationStep;i<this.pptData.animationStep;i++){
try{
window.pptPlayer.view().playbackController().gotoNextStep();
}catch (err){
console.warn("切换动画步数---->下一步-失败",err);
}
}
}else if(this.pptData.animationStep<this.currentAnimationStep){
console.log("切换动画步数---->上一步");
window.pptPlayer.view().playbackController().gotoPreviousStep();
for(let i=this.pptData.animationStep;i<this.currentAnimationStep;i++){
try{
window.pptPlayer.view().playbackController().gotoPreviousStep();
}catch (err){
console.warn("切换动画步数---->上一步-失败",err);
}
}
}else {
console.log("切换动画步数---->完成");
}
}
//ppt加载完成
_onLoadPPT(evt) {
console.log("ppt加载完成---->");
}
//ppt加载失败
_onLoadPPTError(evt){
console.warn("ppt加载失败---->",evt);
}
isNextAnimationComplete(){
if(this.animationStepCount>1&&this.animationStepCount!=this.currentAnimationStep){
this.currentAnimationStep = this.pptData.animationStep;
console.warn("还有动画需要操作-.不能翻页");
return false;
}
console.warn("没有动画需要操作-.可以翻页");
return true;
}
isPrevAnimationComplete(){
if(this.animationStepCount>1&&this.currentAnimationStep>2){
console.warn("还有动画需要操作-.不能翻页");
return false;
}
console.warn("没有动画需要操作-.可以翻页");
return true;
}
//下一步动画
pptNextAnimationHandler(){
if(!this.pptData||!window.pptPlayer){
console.warn("下一步动画---->数据无效");
return;
}
xdysdk.api("sendDocumentSwitchAnimation",{"step":1});
}
//上一步动画
pptPrevAnimationHandler(){
if(!this.pptData||!window.pptPlayer){
console.warn("下一步动画---->数据无效");
return;
}
xdysdk.api("sendDocumentSwitchAnimation",{"step":-1});
}
}
DynamicPPT.prototype.SET_PPT_CHANGE = DynamicPPT.SET_PPT_CHANGE = "set_ppt_change";
export default DynamicPPT;
... ... @@ -4,7 +4,6 @@
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
let loger = Loger.getLoger('PC-ErrorApe');
... ...
... ... @@ -4,12 +4,9 @@
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import DrawTool from "./DrawTool";
import LaserPen from "./LaserPen";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import MessageTypes from "../MessageTypes";
const classifyList = `<div class="classifyList {_classifyListR}" id="{_id}">
<img class="curriculumListImg" src="{_msgImg}" alt="">
<p class="curriculumListTit">{_classroomTitle}</p>
... ... @@ -44,7 +41,6 @@ class HomeApe extends Ape {
isLocalStorage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_0 || ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.detailPage();
console.log('学生',111111111)
}
}
_judgeListPlace(){
... ... @@ -57,13 +53,12 @@ class HomeApe extends Ape {
}
}
_lanclassBtnHandler(evt){
loger.log('首页',ClassDataProxy.userType)
$(evt.target).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck');
let userType = window.localStorage.getItem("userType");
if( userType== ClassDataProxy.USER_TYPE_8 || userType== ClassDataProxy.USER_TYPE_0){
if( ClassDataProxy.userType== ClassDataProxy.USER_TYPE_8 || ClassDataProxy.userType== ClassDataProxy.USER_TYPE_0){
this.studentClick();
}else if(userType== ClassDataProxy.USER_TYPE_1){
let userType = ClassDataProxy.userType;
this._emit(MessageTypes.HOME_SKIP,{userType:userType});
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
this._emit(MessageTypes.HOME_SKIP,{userType:ClassDataProxy.userType});
}
}
detailPage(){
... ... @@ -110,6 +105,7 @@ class HomeApe extends Ape {
studentClick(){
$('#slideshow').show();
$('#defaultBox').show();
$('.curriculumBox').show();
$('#classifyListBox').hide();
$('#teacherDetailBox').hide();
$('#lanclassBox').hide();
... ... @@ -117,6 +113,7 @@ class HomeApe extends Ape {
teacher(){
$('#slideshow').hide();
$('#defaultBox').hide();
$('.curriculumBox').hide();
$('#classifyListBox').show();
$('#teacherDetailBox').hide();
$('#lanclassBox').hide();
... ...
... ... @@ -4,9 +4,6 @@
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import DrawTool from "./DrawTool";
import LaserPen from "./LaserPen";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
let loger = Loger.getLoger('PC-LanclassApe');
... ... @@ -47,6 +44,7 @@ class LanclassApe extends Ape {
$('#classifyListContent').find('.classifyList').eq(i==3).addClass('classifyListR');
}
_lanclassBtnHandler(evt){
loger.log('直播',ClassDataProxy.userType)
let _ele = $(evt.target);
if(_ele.attr('data')){
$('.header_listMsg').eq(_ele.attr('data')).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck');
... ... @@ -54,6 +52,7 @@ class LanclassApe extends Ape {
$(evt.target).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck');
$('#slideshow').hide();
$('#defaultBox').hide();
$('.curriculumBox').hide();
$('#classifyListBox').show();
$('#teacherDetailBox').hide();
$('#lanclassBox').hide();
... ...
//*
// 激光笔模块
// */
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
// import DrawTool from "./DrawTool";
let loger = Loger.getLoger('PC-LaserPen');
// let _drawTool;
class LaserPen extends Ape {
constructor() {
super();
ClassDataProxy.isLaser = false;
this.laserPenInfo;
this.laserBoardContent;
this.laserBoardWidth=0;
this.laserBoardHeight=0;
this.scroolTop = 0;
this.scroolLeft = 0;
this.laserBoardTop = 0;
this.laserBoardLeft = 0;
this.laserGrou=[];
this.init();
this.addEvent();
}
init(){
this.laserBoardContent = $(".laserBoard");
// _drawTool=new DrawTool();
}
addEvent(){
$(".laserBoard").on('mousemove', this._laserMoveHandler.bind(this));
xdysdk.on("cursor_update", this._laserUpdateHanlder.bind(this));
$(".laserPen").on("click", this._laserPenHandler.bind(this));//激光笔
}
setCanvasSize(_data) {
if (this.laserBoardContent) {
//文档的尺寸已经更改，需要更新laserBoard大小
this.laserBoardWidth = _data.width;
this.laserBoardHeight = _data.height;
this.laserBoardContent[0].width = this.laserBoardWidth;
this.laserBoardContent[0].height = this.laserBoardHeight;
this.laserBoardTop = this.laserBoardContent.offset().top - this.scroolTop;
this.laserBoardLeft = this.laserBoardContent.offset().left - this.scroolLeft;
this._startLaserDraw(this.laserreceiveData);
}
}
_laserUpdateHanlder(_data){
if(_data.duration!==0){
if(ClassDataProxy.userRole==ClassDataProxy.USER_NOTMAL||ClassDataProxy.userRole==ClassDataProxy.USER_INVISIBLE){
$(".laserBoard").css("z-index","1");
$(".laserRed").show();
//console.log("1111111111",$(".laserBoard").css("z-index")==1);
//console.log("2222222222",ClassDataProxy.isDraw==true);
//console.log("zzzzzzzzzz",$(".laserBoard").css("z-index")==1&&ClassDataProxy.isDraw==true);
if( $(".laserBoard").css("z-index")==1&&ClassDataProxy.isDraw==true){
$(".pencil").click(function () {
$(".laserBoard").css("z-index","-1");
ClassDataProxy.isDraw=true
$(".canvasContent").css("cursor","url(images/tool/penciling.png),crosshair");
// _drawTool._pencilHandler();
})
}
}
// console.log("接收激光笔数据===",_data);
let duration=(_data.duration)*1000;
// clearTimeout(durId);
let that=this;
let laserannotaionItems = _data.pointGroup;
//清除重绘制数据
that.laserreceiveData = [];
//本地储存一份数据
if (laserannotaionItems && laserannotaionItems.length > 0) {
for (let i = 0; i < laserannotaionItems.length; i++) {
that.laserreceiveData.push(laserannotaionItems[i]);
}
}
//绘制全部数据
that._startLaserDraw(laserannotaionItems);
}
else if (_data.duration==0){
$(".laserBoard").css("z-index","-1");
$(".laserRed").hide();
}
}
_startLaserDraw(_data){
if (_data && _data.length > 0) {
for (let i = 0; i < _data.length; i++) {
let item = _data[i];
this._drawLaser(item);
}
}
}
_drawLaser(_data){
let pointGroup = _data;
if (pointGroup) {
let point = this.xyFromPer(pointGroup.w, pointGroup.h);
// $(".laserRed").show();
$(".laserRed").css({
left:point.x,
top:point.y
})
}
}
_laserPenHandler(){
if(ClassDataProxy.isDraw==true){
ClassDataProxy.isDraw=false;
}
$(".toolColor").css("display", "none");
$(".laserBoard").css("z-index","1");
ClassDataProxy.isLaser = !ClassDataProxy.isLaser;
if (ClassDataProxy.isLaser) {
// $(".laserRed").show();
$(".laserBoard").css({"cursor":"url(images/tool/pen.png),crosshair"});
} else {
$(".laserBoard").css("cursor", "default");
$(".canvasContent").css("cursor", "default");
let paramInfo = {
"pointGroup": [],//有多个坐标点组成
"duration":0 //多长时间发一次数据
};
xdysdk.api("sendInsertCursor", paramInfo);
}
this.laserPenInfo={
"action": "laserPen", "isLaser": ClassDataProxy.isLaser
};
this._laserPenChangeHandler(this.laserPenInfo);
}
_laserPenChangeHandler(_data){
switch (_data.action) {
case "laserPen":
//激光笔
ClassDataProxy.isLaser = _data.isLaser;
break;
default :
break
}
}
_laserMoveHandler(evt){
this.laserGrou=[];
if (ClassDataProxy.isLaser){
let toX = evt.clientX - this.laserBoardLeft;
let toY = evt.clientY - this.laserBoardTop;
this.laserGrou.push(this.xyToPer(Math.round(toX), Math.round(toY)));
let that=this;
that._sendLaser();
}
}
_sendLaser(){
if (this.laserGrou.length >= 1) {
let paramInfo = {
"pointGroup": this.laserGrou,//有多个坐标点组成
"duration":3 //多长时间发一次数据
};
xdysdk.api("sendInsertCursor", paramInfo);
this.laserGrou=[];
}
}
//把X Y坐标转换为相对laserBoard宽度的百分比
xyToPer(x, y) {
let recordPencilObject = {};
recordPencilObject.w = parseInt(x / this.laserBoardWidth * 10000) / 100;
recordPencilObject.h = parseInt(y / this.laserBoardWidth * 10000) / 100;
//loger.log("xyToPer",recordPencilObject);
return recordPencilObject;
}
xyFromPer(w, h) {
let xyObj = {};
xyObj.x = Math.round((w * this.laserBoardWidth) / 100) ;//加0.5偏移 平滑
xyObj.y = Math.round((h * this.laserBoardWidth ) / 100);
//loger.log("xyFromPer",xyObj);
return xyObj;
}
}
LaserPen.prototype.LASER_PEN_CHANGE = LaserPen.LASER_PEN_CHANGE = "laser_pen_change";
export default LaserPen;
\ No newline at end of file
... ... @@ -4,9 +4,6 @@
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import DrawTool from "./DrawTool";
import LaserPen from "./LaserPen";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
... ... @@ -73,10 +70,10 @@ class ListDetailsApe extends Ape {
_classDateContent(_data){
let _dataList = _data.meetingInfo[0];
if(_dataList.meetingType == 1){
console.log('互动课堂')
loger.log('互动课堂')
this._lanclassRender(_dataList);
}else if(_dataList.meetingType == 2){
console.log('直播课堂')
loger.log('直播课堂')
this._liveRender(_dataList);
}else{
this._lanclassRender(_dataList);
... ... @@ -86,6 +83,7 @@ class ListDetailsApe extends Ape {
//互动课堂
_lanclassRender(_dataList){
$('#defaultBox').hide();
$('.curriculumBox').hide();
$('#teacherDetailBox').show();
$('#teacherDetailInfoImg').attr('src','images/u293.png');//老师授课标题图片
... ... @@ -106,6 +104,7 @@ class ListDetailsApe extends Ape {
//直播课堂
_liveRender(_dataList){
$('#defaultBox').hide();
$('.curriculumBox').hide();
$('#lanclassBox').show();
$('#lanclassContentCover').attr('src','images/u373.png');//老师授课标题图片
... ...
... ... @@ -4,9 +4,6 @@
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import DrawTool from "./DrawTool";
import LaserPen from "./LaserPen";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
let loger = Loger.getLoger('PC-LanclassApe');
... ... @@ -47,6 +44,7 @@ class LanclassApe extends Ape {
$('#classifyListContent').find('.classifyList').eq(i==3).addClass('classifyListR');
}
_lanclassBtnHandler(evt){
loger.log('互动',ClassDataProxy.userType)
let _ele = $(evt.target);
if(_ele.attr('data')){
$('.header_listMsg').eq(_ele.attr('data')).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck');
... ...
... ... @@ -4,9 +4,6 @@
import Loger from "../Loger";
import Ape from "./Ape";
import xdysdk from "libs/xdysdk";
import DrawTool from "./DrawTool";
import LaserPen from "./LaserPen";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import MessageTypes from "../MessageTypes";
... ... @@ -123,6 +120,7 @@ class LoginOrRegister extends Ape {
$('#loginPassWord').val('');
$('#slideshow').show();
$('#defaultBox').show();
$('.curriculumBox').show();
$('#header_list').show();
$('#header_seek').show();
$('#androidDownload').show();
... ... @@ -287,6 +285,7 @@ class LoginOrRegister extends Ape {
url: _url,
data: signInfo,
success:function(_data){
loger.log('登录返回数据',_data)
if(_data || _data.code == 200){
ClassDataProxy.userType = ClassDataProxy.USER_TYPE_1;
//ClassDataProxy.userType= _data.returnData.data.userType;
... ...
//*
// 媒体控制栏
// */
import Loger from "../Loger";
import Ape from "./Ape";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import TimerCounterTool from "libs/TimerCounterTool";
let loger = Loger.getLoger('PC-MediaControlBarApe');
const SOUND_BTN_WIDTH=66;
const TIME_TEXT_WIDTH=90;
class MediaControlBarApe extends Ape {
constructor() {
super();
this.playStatus = "";
this.isShowVolumeBar = false;//
this.isProgressMouseDown = false;//进度条是否按下
this.isProVolMouseDown = false;//音量控制条是否已经按钮
this.isOpenUpdateStatusInfo = false;//是否开同步信息
this.video = null;//需要控制的播放器
this.controlCallback = null;
this.totalTime = 0;
this.duration=0;//媒体文件的总时间长
this.mediaVolume = 60;//当前音量
this.seekPercent = 0;//当前进度
this.seekTime = 0;//
this.updateCounter = 0;//定时更新数据的计数器
this.updateStatusDelay = 5;//每5秒更新一次数据
this.timerCounter = new TimerCounterTool();//计时器
this.timerCounter.addTimerCallBack(this.timerCounterUptate.bind(this), 1);//计时器监听 每秒更新一次
this.init();
this.addEvent();
this.onWindowResize();//默认刷新一次界面布局
}
init() {
this.stop();
this.updatePlayProgressBar();
this.updaterVolumeProgressBar()
}
addEvent() {
//监听舞台
$(window).on('resize', this.onWindowResize.bind(this));
$("#mediaShareVolumePlay").on("click", this._openVolumeControl.bind(this));//打开音量控制
//音量控制
$('#mediaShareVoice_btn').on('mousedown', this._changeVolume.bind(this));//音量进度条
//暂停播放伴音按钮
$("#mediaShareProgressPause").on("click", this._clickPause.bind(this));
//继续播放伴音按钮
$("#mediaShareProgressPlay").on("click", this._clickPlay.bind(this));
//进度条控制
$('#mediaShareProgress_btn').on('mousedown', this._changeProgressBar.bind(this));
//给整个进度条可以点击seek
$('#mediaShareProgress_bg').on('mousedown', this._clickProgressBarBg.bind(this));
$('#mediaShareProgress_color').on('mousedown', this._clickProgressBarBg.bind(this));
}
//计时器-------------------
//开启计时器
startTimerCounter() {
loger.log("开启计时器")
this.updateCounter = 0;
this.stopTimerCounter();
if (this.timerCounter) {
this.timerCounter.startTimer();
}
}
//停止计时器
stopTimerCounter() {
loger.log("停止计时器")
this.updateCounter = 0;
if (this.timerCounter) {
this.timerCounter.stopTimer();
}
}
timerCounterUptate() {
if (this.video && !this.isProgressMouseDown) {
this.totalTime = this.video.duration || this.duration;
this.seekTime = this.video.currentTime || 0;
this.seekPercent = parseInt(this.seekTime / this.totalTime * 100);
//console.log("totalTime", this.totalTime)
//console.log("seekTime", this.seekTime)
//console.log("seekPercent", this.seekPercent)
this.updatePlayProgressBar();
}
if (this.seekTime >= this.totalTime&&this.seekTime!=1) {
if (this.totalTime > 0) {
this.sendCallBack(MediaControlBarApe.STOP)
}
this.stopTimerCounter();
this.stop();
}
//定时更新同步数据
this.updateCounter++;
if (this.updateCounter >= this.updateStatusDelay) {
this.updateCounter = 0;
loger.warn("定时同步更新媒体共享的状态")
this.sendCallBack(this.playStatus);
}
}
//外部接口调用------------------------------
play(_seek) {
loger.log("play");
this.playStatus = MediaControlBarApe.PLAY;
this.showPauseUI();
this.showBox();
this.startTimerCounter();
}
pause() {
loger.log("pause");
this.playStatus = MediaControlBarApe.PAUSE;
this.showPlayUI();
this.showBox();
this.stopTimerCounter();
}
stop() {
loger.log("stop");
this.seekPercent = 0;
this.seekTime = 0;
this.totalTime = 0;
this.playStatus = MediaControlBarApe.STOP;
this._hideMediaSharePlayProgressVoiceBox();
this.updatePlayProgressBar();
this.showPlayUI();
this.hideBox();
this.stopTimerCounter();
}
seek(_seek) {
loger.log("seek");
this.showBox();
this.seekTime = _seek || 0;
this.seekPercent = parseInt(this.seekTime / this.totalTime * 100);
this.updateVideoProgress();
this._hideMediaSharePlayProgressVoiceBox();
}
changeVolume(_volume) {
loger.log("changeVolume");
this.showBox();
this.mediaVolume = _volume || 0;
this.updaterVolumeProgressBar();
}
//-UI
showPlayUI() {
$("#mediaShareProgressPause").hide();
$("#mediaShareProgressPlay").show();
}
showPauseUI() {
$("#mediaShareProgressPause").show();
$("#mediaShareProgressPlay").hide();
}
showBox() {
$("#h5MediaShareControls").show();
}
hideBox() {
$("#h5MediaShareControls").hide();
}
//------------------------------------
//播放按钮
_clickPlay() {
loger.log("播放按钮点击===>");
this.updateCounter = 0;
this.playStatus = MediaControlBarApe.PLAY;
this._hideMediaSharePlayProgressVoiceBox();
this.showPauseUI();
this.startTimerCounter();
this.sendCallBack(MediaControlBarApe.PLAY);
}
//暂停播放
_clickPause() {
loger.log("暂停播放按钮点击===>");
this.updateCounter = 0;
this.playStatus = MediaControlBarApe.PAUSE;
this._hideMediaSharePlayProgressVoiceBox();
this.showPlayUI();
this.stopTimerCounter();
this.sendCallBack(MediaControlBarApe.PAUSE);
}
//打开音量控制条
_openVolumeControl() {
if (this.isShowVolumeBar == true) {
this._hideMediaSharePlayProgressVoiceBox();
} else {
this._showMediaSharePlayProgressVoiceBox();
}
}
//音量进度条-----------------------------------------
//音量控制鼠标按下
_changeVolume(evt) {
this.updateCounter = 0;
this.isProVolMouseDown = true;
document.onmousemove = this._mouseMoveMediaVoiceHandler.bind(this);
document.onmouseup = this._mouseUpMediaVoiceHandler.bind(this);
return false;
}
//音量条移动
_mouseMoveMediaVoiceHandler(evt) {
let per = this._moveVolMethod(evt);
this.mediaVolume = per;
this.updaterVolumeProgressBar();
}
_mouseUpMediaVoiceHandler(evt) {
if (this.isProVolMouseDown) {
if (this.playStatus == MediaControlBarApe.PLAY) {
this.sendCallBack(MediaControlBarApe.PLAY)
} else if (this.playStatus == MediaControlBarApe.PAUSE) {
this.sendCallBack(MediaControlBarApe.PAUSE)
} else {
this.sendCallBack(MediaControlBarApe.STOP)
}
}
this.isProVolMouseDown = false;
document.onmousemove = null;
document.onmouseup = null
}
//音量移动函数
_moveVolMethod(evt) {
let windowY = (evt || window.event).clientY;
let _width = $('#mediaShareVoice_bg')
let top = _width.offset().top;
let _percentage = _width.innerHeight();
let prevX = parseInt(windowY - top);
if (prevX < 0)prevX = 0;
if (prevX > _percentage)prevX = _percentage;
let per = Math.floor(100 * prevX / _percentage);
per = 100 - per;
return per;
}
updaterVolumeProgressBar() {
let _color = $('#mediaShareVoice_color');
let _btn = $('#mediaShareVoice_btn');
let perChange = this.mediaVolume / 100;
if (this.video) {
this.video.volume = perChange;//设置音量
}
//let curSeek = document.getElementById("h5MediaShare").currentTime;
_btn.css('top', 100 - this.mediaVolume + '%');
_color.css('height', (this.mediaVolume) + '%');
}
_showMediaSharePlayProgressVoiceBox() {
this.isShowVolumeBar = true;
$(".mediaSharePlayProgressVoiceBox").show();
}
_hideMediaSharePlayProgressVoiceBox() {
this.isShowVolumeBar = false;
$(".mediaSharePlayProgressVoiceBox").hide();
}
//播放进度条控制-------------------------------------
_changeProgressBar(evt) {
this._hideMediaSharePlayProgressVoiceBox();
this.isProgressMouseDown = true;
document.onmousemove = this._mouseMoveMediaProgressHandler.bind(this);
document.onmouseup = this._mouseUpMediaaHandler.bind(this);
return false;
}
_clickProgressBarBg(evt) {
this.isProgressMouseDown=true;
let per = this._moveMethod(evt);
this.seekPercent = per;
this.updatePlayProgressBar();
this. _mouseUpMediaaHandler(evt);
}
//鼠标在进度条上移动
_mouseMoveMediaProgressHandler(evt) {
let per = this._moveMethod(evt);
this.seekPercent = per;
this.updatePlayProgressBar();
//console.log("进度条移动百分比", this.seekPercent);
}
updatePlayProgressBar() {
let _color = $('#mediaShareProgress_color');
let _btn = $('#mediaShareProgress_btn');
_btn.css('left', this.seekPercent + '%');
_color.css('width', this.seekPercent + '%');
let curTimeStr=this.timerCounterLayOut(this.seekTime);
let totalTimeStr=this.timerCounterLayOut(this.totalTime);
$("#mediaShareTimestamp").html(curTimeStr+"/"+totalTimeStr);
}
updateVideoProgress() {
if (this.video) {
try{
this.video.currentTime = this.seekTime;//设置音量
}catch (err){
loger.warn("无法设置video的currentTime");
}
}
}
//鼠标进度条抬起
_mouseUpMediaaHandler(evt) {
if (this.isProgressMouseDown) {
this.seekTime = parseInt(this.seekPercent * this.totalTime * 0.01);
if (this.playStatus == MediaControlBarApe.PLAY) {
this.sendCallBack(MediaControlBarApe.PLAY)
} else if (this.playStatus == MediaControlBarApe.PAUSE) {
this.sendCallBack(MediaControlBarApe.PAUSE)
} else {
this.sendCallBack(MediaControlBarApe.STOP)
}
this.updateVideoProgress();
}
this.isProgressMouseDown = false;
document.onmousemove = null;
document.onmouseup = null
}
//进度条移动函数
_moveMethod(evt) {
let windowX = (evt || window.event).clientX;
let _width = $('#mediaShareProgress_bg')
let left = _width.offset().left;
let _percentage = _width.innerWidth();
let prevX = parseInt(windowX - left);
if (prevX < 0)prevX = 0;
if (prevX > _percentage)prevX = _percentage;
let per = Math.floor(100 * prevX / _percentage);
return per;
}
timerCounterLayOut(timestamp) {
let minute = 0,
second = 0;
minute = Math.floor(timestamp / 60);
second = Math.floor(timestamp - minute * 60)
let timeValue = ((minute < 10) ? "0" : "") + minute;
timeValue += ((second < 10) ? ":0" : ":") + second;
return timeValue;
}
//舞台大小发生改变
onWindowResize() {
//loger.log("舞台大小发生改变");
let boxWidth = $(".h5MediaShareControls").width();
//进度条的宽度是盒子的总宽度减去 声音按钮和时间显示区域的宽度
$(".mediaSharePlayProgressBox").width((boxWidth - SOUND_BTN_WIDTH-TIME_TEXT_WIDTH) + "px")
}
//调用回调函数通知外部
sendCallBack(_action, _data) {
if (!this.isOpenUpdateStatusInfo) {
return
}
if (this.controlCallback) {
this.controlCallback({
action: _action,
data: {
seek: this.seekTime,
mediaVolume: this.mediaVolume
}
})
}
}
}
MediaControlBarApe.prototype.STOP = MediaControlBarApe.STOP = "stop";//0
MediaControlBarApe.prototype.PLAY = MediaControlBarApe.PLAY = "play";//1
MediaControlBarApe.prototype.PAUSE = MediaControlBarApe.PAUSE = "pause";//2
MediaControlBarApe.prototype.SEEK = MediaControlBarApe.SEEK = "seek";//3
MediaControlBarApe.prototype.CHANGE_VOLUME = MediaControlBarApe.CHANGE_VOLUME = "change_volume";//4
export default MediaControlBarApe;