第98篇不检测摄像头(二)及测试一对一及fadeTo

关键词:不检测摄像头, 测试一对一,jQuery fadeTo()方法

一、不检测摄像头

1.1现在运行报了5个错误,如下:

1atenableCanvas (https://www.xq.com:9001/html/index.html?roomid=322:590:107)

2at https://www.xq.com:9001/html/index.html?roomid=322:585:17

3atObject.onGettingLocalMedia (https://www.xq.com:9001/static/js/rmc3.min.js:15:19432)

4atstreaming (https://www.xq.com:9001/static/js/rmc3.min.js:17:3093)

5athttps://www.xq.com:9001/static/js/rmc3.min.js:17:4445 Object {audio: Object,video: Object}

二、学生端图片展示由4,3,2,1,改成1,2,3,4

1修改前的代码如下:

    functioncreateImgStudent(dataURL,imgId){

        var content =$("#picWrap_student").html();

       $("#picWrap_student").html("");

        varpageIndex = imgId+1;

        varimgContent = ' <div class="img_div_student"><img  id= "student_arr_base64_img'+imgId+'" name="thumbnail_student" class="tea_base64_studenttea_base64_select_student" src="'+dataURL+'"><divclass="page_index_div_student">'+pageIndex+'</div></div>';

        imgContent = imgContent + content;

       $(imgContent).appendTo($("#picWrap_student"));

    }

 

2修改代码:

这个修改非常简单,修改后的代码如下:

    function createImgStudent(dataURL,imgId){

        varcontent = $("#picWrap_student").html();

        varpageIndex = imgId+1;

        varimgContent = ' <div class="img_div_student"><img  id= "student_arr_base64_img'+imgId+'" name="thumbnail_student"class="tea_base64_student tea_base64_select_student"src="'+dataURL+'"><divclass="page_index_div_student">'+pageIndex+'</div></div>';

            $(imgContent).appendTo($("#picWrap_student"));

    }

注: 之前的逻辑是,把生成的图片一个加到另一个上,整体显示,再做一次清空。现在是直接追加上去即可。

三、测试一对一

3.1 PC谷歌浏览器VS Anroid手机网址测试

老师端:

https://st.dz101.com:9001/html/index.html?roomid=332

学生端:

https://st.dz101.com:9001/html/student.html#332

看下老师端和学生端的时间显示,这个问题已解决,原因是:我们这边把计时60000,改成了130000,所以基本上差一半,现在改过来了。

四、jQuery

4.1 jQuery fadeTo() 方法

jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。

语法:

$(selector).fadeTo(speed,opacity,callback);

必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。

可选的 callback 参数是该函数完成后所执行的函数名称。看个例子如下:

运行结果如下:

2016年11月13日星期日


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值