第90篇一对多之学生举手提问及老师点课堂模式掉线

关键词:学生举手提问, 老师点课堂模式掉线

一、一对多

1.1老师点课堂模式掉线

今天下午解决了一个问题,就是老师点课堂模式,老师和学生同时掉线,反复找原因,找不到。最后,终于发现是下面的一个字母少写了。

错误代码如下:

<a href="javasript:void(0)"class="isnow" id="onClass-btn"οnclick="onClass()">课堂模式</a>

正确代码如下:

<a href="javascript:void(0)" class="isnow"id="onClass-btn" οnclick="onClass()">课堂模式</a>

注:这是前端给我时,少写了一个字母,用了我一个下午的时间才找出来。看来,做程序员,细心是多少重要呀!

1.2 学生举手提问

1)来个click事件如下:----------------student.html

<a href="javascript:void(0);"class="tool-bottom-btn" id="raiseHands"

οnclick="raiHand()"><span></span>举手</a>

2)raiHand()函数如下:----------------student.html

//学生举手提问

function raiHand(){

   //学生举手向老师端发消息

  connection.send({

       'mobileName':mobileName,

       'video_Id':connection.localMediaStreamId

        'raiHand':true

   });

}

3老师端收到消息后

   //学生举手提问老师端动态追加提示消息

   if(event.data.mobileName && event.data.raiHand){

      $("#raHanQue").append('<liclass="clearfix"><img src="/static/img/end_s.png"

/><span>qhz发起举手提问</span><a href="javascript:void(0);" title="点击禁音"></a></li>');

}

追加到的<li>标签如下:

 <p>举手</p>

  <section>

     <ul id="raHanQue" class="scrollbar">

     <li class="clearfix"><imgsrc="/static/img/end_s.png" /><span>小明发起举手提问</span>

      <a href="javascript:void(0);" title="点击禁音"></a></li>

      <liclass="clearfix"><img src="/static/img/end_s.png"/><span>小明发起举手提问</span>

      <a href="javascript:void(0);" title="点击禁音"></a></li>

      </ul>

  </section>

学生端点举手后老师端显示效果如下:

4给追加的消息加个id,方便隐藏消息

开发成功,代码如下:

a.)学生举手追加消息

   //学生举手提问老师端动态追加提示消息

   if(event.data.mobileName && event.data.raiHand){

      var mobName = event.data.mobileName;

      var VA_id = event.data.video_Id;

      raiHandId= 'VA'+VA_id;

      $("#raHanQue").append("<li id = '" +raiHandId+"'class='clearfix'><img src='/static/img/end_s.png'/><span>"+mobName+"发起举手提问</span><ahref='javascript:void(0);' οnclick='removeRH(raiHandId)'title='忽略消息'></a></li>");

 

}

注:这个raiHandId必须是全局变量,因为单击函数removeRH()用到这个变量,要把这个变量传过去,因为是双引号,里面能识别变量,所以不用单独写出来。

b.) removeRH()函数如下:

         //移除举手标签

         functionremoveRH(id){

 

     $("#"+id).remove();

         }

注:单击这个标签,移除即可,说明老师不想让这个学生发言。

5学生举手,老师让学生发言

代码如下:

   //学生举手提问老师端动态追加提示消息

   if(event.data.mobileName && event.data.raiHand){

      var mobName = event.data.mobileName;

      RHVA_id = event.data.video_Id;

      raiHandId = 'VA'+RHVA_id;

  

      $("#raHanQue").append("<li id = '" +raiHandId+"'class='clearfix'><img src='/static/img/end_s.png' οnclick='openSgVA(RHVA_id)' /><span>"+mobName+"发起举手提问</span><ahref='javascript:void(0);' οnclick='removeRH(raiHandId)' title='忽略消息'></a></li>");

}

注:给图片上加个函数,点击打开声音即可。这个函数是之前写的,现在用到这里来了。和点击学生视频打开声音,效果是一样的。

2017年3月31日星期五

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REaDME.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 、资源1项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值