编个球编个大气球-CSDN博客

原创第18篇原版更新到合成项目（二）及证书安放

关键词：新版测试,证书安放一、再次测试昨天试了几个wifi，有的通，有的不通。今天要着重研究下问题所在。1.1把提到的两个js，下载到本地并引用。具体如下：3，4要换成本地的，如下：二、修改最新版2.1 图标显示不全改了server.js，图标上来了。改动server.js如下：改过后，如下：2.2 修改404 No

2016-12-05 15:59:27 445

原创第17篇原版更新到合成项目（一）及webrtc一次连通关键点分析

关键词：原版更新到合成项目,webrtc一次连通关键点分析一、原版更新到合成项目昨天在原版上解决了连接不稳定问题（即头几次连不上，之后能连上），今天要把原版代码更新到现有项目上。1.1 更新合成项目上index.html文件并把最新的RTCMultiConnection.min.js放上去1.2 更新server.js文件我是全部替换，只把端口9002----

2016-12-02 15:05:30 1114

原创第16篇更新代码（二）及webrtc连接不稳定性解决方案总结

关键词：更新代码（二）,webrtc连接不稳定性解决方案总结一、代码更新（二）还有6个文件需要比较，如下：1.1 比较Gruntfile.js文件不同1：增加读json文件语句，如下：不同2：增加了读版本号的语句，如下：不同3：增加了版本的匹配及版本号的取代，如下：不同4：增加了RTCMultiConnection.js的清空1.2 logs

2016-12-02 08:06:52 4913

原创第15篇安卓一对一测试问题（三）更新代码（一）

关键词：安卓一对一测试问题，更新代码（一）一、安卓一对一测试问题今天要做的事：解决那个一对一外网连不上或连上不稳定的问题：错误如下：rmc3.min.js:893 Remote peer's candidate pairs: candidate:548209113 1 udp 2122260223193.168.253.110 58355 typ host generation

2016-11-30 17:22:59 765

原创第14篇安卓一对一测试问题（二）

关键词：安卓一对一测试问题一、安卓一对一测试问题今天晚上要做的事：1.1 对比服务器上一对一与官网，把官网更新的放到服务器上1.2 和同事测通老板那边的办公室的wifia) PC 对安卓手机--------------内网连不上，提示信息如下：Remote peer's candidate pairs: candidate:28219396061 tcp 1518280

2016-11-30 10:39:01 445

原创第13篇研究webrtc官网（二）ninja安装（一）及安卓一对一测试问题

关键词：研究官网, ninja安装,安卓一对一测试问题一、WebRTC一对一之IOS1.1研究官网及一个有用网址http://www.cnblogs.com/x_wukong/p/4846179.html1）这将获取一个常归的WebRTC输出，并增加了IOS的部分。相同的检出能被使用在Mac和iOS的开发中，因为你能生成你自己的Ninja工程文件在多个目录中（看下面的部分）

2016-11-29 09:20:03 825 1

原创第12篇研究webrtc官网及 mac小知识及验证邮件和URL 周五

关键词：研究官网, mac小知识,验证邮件和URL一、WebRTC一对一1.1 webRTC之IOS官网https://webrtc.org/native-code/ios/ 1.2 研究下这个网址http://io.diveinedu.com/2015/02/02/%E7%AC%AC%E4%BA%94%E7%AB%A0-WebRTC%E7%9A%84iOS%E6%A1

2016-11-26 00:04:58 1250 1

原创第11篇防火墙穿越及信令及php表单必需字段

关键词：NAT/防火墙穿越,聊天室中的信令,php表单中的必需字段一、WebRTC一对一1.1 通过ICE框架建立NAT/防火墙穿越的连接这个网络地址应该是能从外界直接访问，WebRTC使用ICE框架来获得这个地址。RTCPeerConnection在创立的时候可以将ICE服务器的地址传递进去，如：注：当然这个地址也需要交换，还是以甲乙两位为例，交换的流程如下（RTCPe

2016-11-24 21:19:36 1129

原创第10篇 WebRTC-IOS之信令与RTCPeerConnection建立及SDP描述符周三

关键词：信令与RTCPeerConnection建立,通过offer和answer交接SDP描述符一、WebRTC一对一1.1 信令与RTCPeerConnection建立 WebRTC使用RTCPeerConnection来在浏览器之间传递流数据，在建立RTCPeerConnection实例之后，想要使用其建立一个点对点的信道，我们需要做两件事：1）确定本机上的媒体流的特性，比

2016-11-24 14:41:40 3008 1

原创第9篇WebRTC-IOS之服务器及信令及信令交换以及会话描述协议

关键词：WebRTC服务器,信令的作用,信令交换,会话描述协议一、WebRTC一对一1.1 WebRTC服务器浏览器与浏览器通信，至少有两个方面需要服务器来做，如下：1）浏览器之间交换建立通信的元数据（信令）必须通过服务器2）穿越NAT和防火墙1.2 信令的作用通过一系列的信令来建立浏览器之间的通信。通过信令交换的内容如下：a)用来控制通信开启或者关闭的

2016-11-24 11:05:12 1303

原创第8篇 WebRTC一对一IOS端研究（一）

关键词：WebRTC三个主要接口,MediaStream,RTCDataChannel一、WebRTC一对一1.1 WebRTC三个主要接口1）MediaStream：通过MediaStream的API能够通过设备的摄像头及话筒获得视频、音频的同步流2）RTCPeerConnection：RTCPeerConnection是WebRTC用于构建点对点之间稳定、高效的流传输的组件

2016-11-24 07:59:40 3409 2

原创第7篇白板之图片旋转标记做成箭头（三）及quadraticCurveTo

关键词：图片旋转标记做成箭头, quadraticCurveTo一、图片旋转标记做成箭头1.1尝试加一张图片上去现在图片加上去了，不起作用。之前的红点是起作用的，猜测是：红点加入了点击事件，而图片上没加，找到，加上就ok了。现在效果如下：二、知识扩充2.1 HTML5 canvasquadraticCurveTo() 方法quadraticCurveTo()方

2016-11-23 16:53:15 683

原创第6篇白板之图片旋转标记做成箭头（二）

关键词：this.init(),旋转点加文字一、图片旋转标记做成箭头1.1修改下面一行代码所依附的函数----widget.min.jsis.isDragLastPath && this.init()进一步研究发现，真正起作用的函数是this.init() 接下来，要着重研究this.init()。1.2 this.init() 函数完整代码如下：

2016-11-22 23:37:43 1525

原创第5篇白板之图片旋转标记做成箭头（一）

关键词：找到图片旋转代码,找红点代码一、图片旋转标记做成箭头1.1现在图片旋转标记是“点”，需求是做成箭头，便于识别，现状如下：1.2 找到图片旋转代码在widget.min.js中找到如下： 1）鼠标抬起时，一次旋转90度。 mouseup:function() {

2016-11-22 17:15:14 1216

原创第4篇白板之问题图片路径及本地连接显示图片及最新问题

关键词：问题图片路径,本地连接显示图片, 最新测试出的问题一、测试一对一（五）1.1 问题图片路径st.dz101.com:8003 从这个可以看出，端口是8003，找下这个端口在哪个文件夹终于找到vhosts的目录了为/app/server/httpd-2.4.2/conf/vhosts，看看8003指向的是哪个文件夹，如下： DocumentRoot

2016-11-21 23:18:45 783

原创第3篇白板之windows装nodejs及移动图片及画笔迹同步

关键词：windows装nodejs,移动图片,画笔迹同步一、测试一对一（四）1.1 装nodejs 安装时选个目录，安装成功之后，直接去那个目录找。如下：注：可以直接打开黑窗口（windows+R）,cmd进入之后，选中要运行的文件夹，运行即可。1.2 移动图片时，有时报错，有时不报可能是网络问题。1.3 传画笔轨迹时，一次传300个单位，不是传到

2016-11-21 18:51:40 1181

原创第2篇圆同步及白板和前端找老师问题总结周二

关键词：圆同步不全问题解决,白板问题总结, 前端找老师问题总结一、测试一对一（三）1.1 解决圆同步问题现在老师端画个圆，学生端部分显示，如下：从上面截图看出，画矩形时，正常；画圆时不正常了。比较一下画矩形代码和画圆代码。应该有思路。分析：这个问题产生的原因是：画笔太细了，把圆的画笔改成1.2，问题就解决了。代码支持如下：arc: function(conte

2016-11-18 17:10:16 463

原创第1篇测试一对一（二）及问题总结周一

关键词：测试一对一,问题总结一、测试一对一（二）1.1 老师PC谷歌浏览器VS学生安卓手机 1）老师端结束答疑提示找不到老师，老师科目“初三语文”没错。解决：可以了，原因是老师科目是初三英语。2）学生端结束答疑没反应1.2 X掉页面（老师PC谷歌浏览器VS学生安卓手机） 1）老师端讲时直接X掉页面 a.老师直接X掉页面，学生端没

2016-11-17 17:02:12 420

原创第98篇不检测摄像头（二）及测试一对一及fadeTo

关键词：不检测摄像头,测试一对一,jQuery fadeTo()方法一、不检测摄像头1.1现在运行报了5个错误，如下：1）atenableCanvas (https://www.xq.com:9001/html/index.html?roomid=322:590:107)2）athttps://www.xq.com:9001/html/index.htm

2016-11-17 14:32:13 405

原创第97篇学生端样式调整及不检测摄像头（一）

关键词：学生端样式调整, 不检测摄像头一、学生端样式调整1.1 现在学生端样式如下： 1）把学生端new_白板_s隐藏代码如下：style="display:none;">new白板_s2）现在ok了，又改了个样式如下：二、不检测摄像头2.1 现在一对一那块，只需要语音，不需要视频。要把摄像头检测拿掉，要不然，不插摄像头会报错。报错信息：Type

2016-11-16 14:51:39 409

原创第96篇数据库php读取加样式及in_array

第96篇数据库php读取加样式及in_array 关键词：数据库php读取,数据库php部分读取,数据库php读取加样式, in_array一、php2.1 数据库的读取代码如下： $db = new mysqli('localhost','root','','xq') or die('连接错误'); $db->query(

2016-11-15 08:48:10 729

原创第95篇 tar.xz文件解压以及nodejs安装linux上以及学生端图片展示

关键词：.tar.xz文件解压,nodejs安装linux上,学生端图片展示一、学生端老师回放图片展示 1.1 把学生端布上白板图片回放代码复制过去代码复制过去，运行成功，如下：老师端：学生端：1.2 尝试在测试服务器上装nodejs 现在备份服务器，一旦不能用，就要等一个同事来了，重启了才好使，影响效率。我今天要尝试在测试服务器上装一个nodejs。

2016-11-14 19:22:32 6201

原创第94篇更新分离版一对一代码（一）

关键词：分离版开始答疑,分离版结束答疑一、在分离版上做开始答疑与结束答疑1.1两个按钮老师端：先来两个按钮（开始答疑+结束答疑），代码如下：开始答疑结束答疑注：以上是图片+li，效果是一样的。1.2 开始答疑程序支持 1） $("#start_anwser").click(function(

2016-11-12 00:12:21 304

原创第93篇跳转关闭窗口开发(二)及php

关键词：学生传图片直接在白板上显示, php读取文件, strip_tags二、老师与学生建立连接，图片传过来，直接在白板上显示2.1传图片用如下格式1）老师端：https://www.xq.com:9001/?room_id=erer&img_T=http://www.dz101.com/static/img/teacher.png学生端：不需要获取这个图片，老师端获取了同步

2016-11-11 14:05:23 461

原创第92篇跳转关闭窗口开发(二)

关键词：两端互收不到消息开发,PC对PC,PC对安卓一、PC谷歌对PC谷歌跳转关闭窗口1.1老师点结束答疑，学生收不到消息；学生点结束答疑，老师也收不到消息其实上述两个问题可以归结为一个问题，关键看是老师端点结束答疑还是学生端点结束答疑。这个问题的解决方案如下：经测试发现，一端向另一端发消息，关闭页面；虽说发消息的程序写在前，关页面的程序写在后，但实际执行时，是先关页面，导致消

2016-11-10 20:58:03 709

原创第91篇酷炫弹框(二)及跳转关闭窗口开发

关键词：酷炫弹框,跳转关闭窗口,安卓手机对PC谷歌浏览器一对一跳转一、酷炫弹框(二)开发1.1功能开发 1）这个功能需要一个div，代码如下：您确定要结束答疑吗？取消确定 2）当点结束答疑时，让这个div显示即可，如下： $("#end_anwser").click(function(){

2016-11-10 07:13:15 631

原创第90篇酷炫弹框及学生端参数接收及php开发

关键词：酷炫弹框,蒙板,学生端参数接收与传递, GetQueryString学生端匹配,老师学生设定默认名字一、酷炫弹框开发1.1 现在的弹框很low 只用了alert，要做成div形式的，参考例子如下： 1）点击按钮弹出一个框如下：再点击Get DataURL，做出反应如下：获取到了base64位的码。抄上面的样式，我们的需求是：点击一个按钮（结

2016-11-09 09:07:20 482

原创第89篇 webrtc一对一IOS端研究（二）

关键词： webRTC IOS,两端发送消息报错处理,老师端学生端同时弹框一、webrtc一对一IOS端1.1 webRTC IOS 1）通过服务器建立信道这里再次重申，就算WebRTC提供浏览器之间的点对点信道进行数据传输，但是建立这个信道，必须有服务器的参与。WebRTC需要服务器对其进行四方面的功能支持：a. 用户发现以及通信b. 信令传输c. NAT/防火墙

2016-11-08 09:30:49 811

原创第88篇 webrtc一对一IOS端研究（一）及php及JS

关键词：webRTC IOS, 点对点传输,jQuery淡入淡出, nodejs不重启更新程序,php表单验证一、webrtc一对一IOS端1.1 webRTC IOS WebRTC，名称源自网页实时通信（WebReal-Time Communication）的缩写，webrtc进行音视频通话的过程如下：1）首先设置好STUN服务器、和TURN服务器，然后将STUN服务器和TURN

2016-11-03 21:32:44 1233

原创第87篇 webrtc一对一学生端研究（二）

关键词：老师端学生端图片同步,隐藏与显示按钮,隐藏与显示div一、webrtc学生端1.1学生端图片同步-----老师切换白板时a) 发消息，模拟新建白板 //老师端新建白板时,向学生端发个消息 $("#btn-getDataURL1").click(function(){ connection.sen

2016-11-02 15:39:46 1196

原创第86篇 webrtc一对一学生端研究（一）

关键词：老师新建白板时学生端图片同步, 老师切换白板时学生端图片同步一、webrtc学生端1.1 学生端图片同步-----老师新建白板时思路：昨天整了一天，终于想出思路了，如下：老师端点新建白板时，学生端同时也触发新建白板的按钮，同时保存一张；老师端保存的是老师端的页面，学生端保存的是学生端的页面，因为学生端的页面是老师端同步过去的，页面是相同的。1）学生端新建一个按钮

2016-11-02 08:00:01 870

原创第85篇 webrtc一对一研究（十三）

关键词：白板铅笔笔迹同步过程,打开房间，同步机制,获取图像base64位一、webrtc1.1 白板铅笔笔迹同步过程1）common.js的作用----------../Help/index.html Commontask like output in textarea, global variables/objects etc. have been placed incommo

2016-11-01 11:58:55 1197 1

原创第84篇 webrtc一对一研究（十二）

关键词：追寻铅笔轨迹,笔迹同步,铅笔图标显示一、webrtc1.1学生端图片展示，把老师端的url传过去，学生能接收到。 1)追踪铅笔画线，看它是怎么传到学生端的。看如下的原版：共找到101项pencil，如下：2）第一匹配项，是铅笔：3）widget.html中上式中，title用于显示悬浮的标题（当鼠标放在那个按钮上时），如下：下面追踪谁使

2016-11-01 11:54:46 577

原创第83篇 webrtc一对一研究（十一）及php

关键词：同时清屏,htmspecialchars,urlencode, urldecode, htmlentities一、webrtc1.1 老师端清屏按钮同时清空学生端思路： A）老师端点清屏，立即启动同步 B）用发消息机制，老师端点清屏，此时，给服务器发个消息，学生端发到消息，立刻执行清屏函数。现在采用思路B，如下： 1）前端按钮

2016-11-01 07:59:56 571

原创第82篇 webrtc一对一研究（十）及php

关键词：GetQueryString, 老师端传参数及学生端传参, substr_count, parse_url,urlencode一、webrtc1.1 老师端传参数及学生端传参老师端：https://www.xq.com:9001/?room_id=333学生端：https://www.xq.com:9001/#333注：老师端需要传一个room_id进去，打开

2016-10-29 10:45:56 707

原创第81篇 webrtc一对一研究（十）及php及jQuery

关键词：生成一张空白图片,点击图片边框变色,图片加页码, php字符串替换函数,jQueryshow和hide的速度,jQuery中toggle一、webrtc1.1 开始时就生成一张空白图片左下角这个红框是点新建白板时，出现的，现在的思路是：当老师打开网站时，就生成这个小白板。实现方法：就是开始时，添加一张空图片，用样式约束一下就成，但我加了两个样式：tea_base

2016-10-27 22:05:33 689

原创第80篇 webrtc一对一研究（九）及php

关键词：webrtc数据回调机制,webrtc传图片机制,php比较字符串一、webrtc 1.1 梳理老师回放代码1）首先有一个按钮，用于新建白板，如下：新建白板2）这个按钮有一个单击事件： $('#btn-getDataURL1').click( function(){ arr_base64_img_i =$("#p

2016-10-26 20:49:29 1061

原创第79篇 webrtc一对一研究（八）及jQuery

关键词：双按钮减为一个按钮, 图片定id，并从数组中取值,mouseleave,jQuery 中hide() 和 show()一、webrtc一对一1.1 双按钮减为一个按钮现在base64位图片的展示，首先要通过一个单击事件获取这个图片，之后，再通过一个单击事件，把这个图片展示出来。今天把这两个按钮合起来了，程序如下：展示图片： function getAr

2016-10-25 21:58:34 568 1

原创第78篇 webrtc一对一研究（七）及php及jQuery

关键词：base64码保存到数组, base64位图片显示, 字符串拆分函数, 字符串替代函数一、webrtc一对一1.1 获取3张保存屏幕图片base64码并保存到一个数组里这个功能实现了，实现步骤记录如下：1）在CanvasDesigner() 中定义一个数组变量arr_base64_img，并定义一个自加变量arr_base64_img_i，初值为0；2）在onMes

2016-10-25 09:12:25 544

原创第77篇 webrtc一对一研究（六）及php

关键词：js中全局变量,字符串拆分函数一、webrtc一对一1.1 js中全局变量设置JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍。声明方式一：使用var（关键字）+变量名(标识符)的方式在function外部声明，即为全局变量，否则在function声明的是局部变量。该方式即为显式声明详细如下：声明方式二：没有使用var，直接给标识符test赋值

2016-10-24 09:47:23 407

php -5.4.7

空空如也