第71篇一对多之优化实时共享私有白板最后一页（二）添加了一个老师辅导按钮

关键词：优化实时共享私有白板最后一页,添加了一个老师辅导按钮

一、优化实时共享私有白板最后一页

1.1 测试平台

1）本地服务器运行平台

老师端：https://localhost:9101/demos/index.html?roomid=888&t=600

学生一：

https://localhost:9101/demos/student.html?studentId=1001&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1479740395ZMJkiF.jpg&t=600#888

学生二：                   

https://localhost:9101/demos/student.html?studentId=1002&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1480494624FDjMGetutor.png&t=600#888

学生三：

https://localhost:9101/demos/student.html?studentId=1003&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1480475198N2F0kntutor.png&t=600#888

2）备用服务器运行平台

老师端：https://123.57.206.36:9101/demos/index.html?roomid=888&t=600

学生一：

https://123.57.206.36:9101/demos/student.html?studentId=1001&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1479740395ZMJkiF.jpg&t=600#888

学生二：                   

https://123.57.206.36:9101/demos/student.html?studentId=1002&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1480494624FDjMGetutor.png&t=600#888

学生三：

https://123.57.206.36:9101/demos/student.html?studentId=1003&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1480475198N2F0kntutor.png&t=600#888

1.2优化实时共享私有白板最后一页

1）添加了一个按钮---老师辅导，代码如下：--------- getMediaElement.js

<buttonclass=' teaAnswerQue-btn' οnclick='teaAnswerQue("

        + studentVideoId + ")'>老师答疑</button>

2）里面有一个函数teaAnswerQue(studentVideoId)，如下：----index.html

    //发消息给学生端结束刷新私有白板到老师端------------------------------3.5

    function teaAnswerQue(studentVideoId) {

        studentVideoIdPri=studentVideoId[1].id;

              connection.send({

            teaAnswerQue:true,

            uid:studentVideoIdPri

        });

  

       $("#PriWB_controlVideoAudioDiv").remove();

    }

注：向学生端发个消息，使其调一个定时函数，一直从学生最后一张私有白板向老师端刷新到共享白板。

   3）学生收到消息后-------student.html

   //老师给学生私聊时答疑---学生端停止刷新最后一张私有白板

   if (event.data.teaAnswerQue && event.data.uid ===connection.localMediaStreamId ) {

       clearInterval(pushPritoShaWB_timer);

       return;

}

注：老师端收到消息后，停止计时函数，计时函数，加到了拉白板时，如下：

    //传私有白板图片数组给老师端

    if(event.data.studentVideoIdPri==connection.localMediaStreamId) {

        

        connection.send({

            studentPri: true,

            stuPriDataURLArr:dataURLSPriTShaArr

        });

        //把学生最后一页私有白板传到共享白板上去

         pushPritoShaWB_timer = setInterval("pushPritoShaWB()",2000);

    }

 

//拉学生的私有白板到共享白板

function pushPritoShaWB(){

    var imgIdPWBS='555';

    designer.saveImgPrivate('image/png',imgIdPWBS, function(dataURLPWBS, imgIdPWBS) {

       designer.undo('all');

       designer.addImgByUrl(dataURLPWBS,true);

    });

}

注：每2秒刷新一次。

1.3 两个学生时，相互刷新

1）描述：

当两个学生时，最后一张私有白板，当老师查看A时，A的最后一张上共享白板；之后，又看B的，B的私有白板上共享白板，此时，学生A 和学生B 的最后一张就轮流出现在共享白板上，这样是不对的。

正确的方式是：看学生A的，A的就出现在共享上，看B的，A的就停止，只刷新B的即可。

2017年3月12日星期日