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

原创第58篇 IOS端前端找老师逻辑（一）及Sublime查文件夹

关键词：IOS端前端找老师逻辑, Sublime查文件夹一、IOS端前端找老师逻辑1.1 问题一：用户不存在,请重新登录后再尝试这个问题是socket服务没有启动，修改如下：root@localhostTest:~# cd /approot@localhostTest:/app# cdweb-msg-sender-masterroot@localhostTest:/a

2017-01-12 10:46:05 675

原创第57篇图片同步不过去及nodejs配端口及word bug处理

关键词：图片同步不过去,nodejs配端口, word bug处理一、图片同步不过去这样就能同步过去，如下： functionsyncPoints(isSyncAll) { if(isSyncAll && points.length !=0){ var dataURL =context.canvas.toD

2017-01-10 17:34:49 429

原创第56篇铅笔三个按钮自动出来处理（二）

关键词：铅笔三个按钮自动出来处理一、铅笔三个按钮自动出来处理1. 问题描述今天要做个功能是：点一下铅笔，三个选择按钮出来，再点一下，就缩回去。2. 相关代码 function decoratePencil() {//铅笔 var context = getContext("pe

2017-01-09 16:59:04 434

原创第55篇铅笔三个按钮自动出来处理（一）

关键词：铅笔三个按钮自动出来处理一、铅笔三个按钮自动出来处理1. 问题描述现在铅笔的三个粗细按钮加上去了，但有一个问题是，当选图片时，图片选上之后，那三个按钮自己跳出来了，还有一个问题是，比方说我点了直线，当再次点铅笔时，还要选颜色。2. 问题解决这个问题解决的最佳思路是，把那三个按钮单独做出来，成为一个按钮，这样就能避免上述两个问题。以后，思路也要这样，就用最简单的

2017-01-07 23:37:07 521

原创第54篇撤销后笔迹的同步解决方案总结（三）

关键词：撤销后笔迹同步方案总结一、撤销后笔迹的同步1.今天的思路再瘦身一下原版，之后，对分离版瘦身，争取今天解决！2. 感觉还是连接问题把原版上的用打开房间按钮换成在url中输入roomid试试。找到原因了：在原版上，当写的时候，经过canvas-designer-widget.js中的函数syncData(data)进行数据同步，这一点分离版也做到了。但

2017-01-07 15:52:36 385

原创第53篇铅笔轨迹的撤销（二）之撤销后笔迹的同步

关键词：铅笔轨迹的撤销,撤销后笔迹的同步一、铅笔轨迹的撤销昨天功能实现了，今天搬到正式服务器上去！1. 模仿圆形（Arc）的布局方式现在成功了，但有个问题，同步不到学生端，成功代码如下：方法一：1）Widget.html中： 2）Widget.min.js中： functiondecoratePencilCancel() {

2017-01-05 23:42:39 652

原创第52篇铅笔轨迹的撤销（一）

关键词：铅笔轨迹的撤销一、铅笔轨迹的撤销1 问题描述现在铅笔画线时，要想撤销，需要一个点一个点的撤销，对用户来说，很不方便。因此，需要研究整个一笔的撤销，从鼠标的起点到落点之间，全量撤销。2 相关代码 Export asImage Undo注：Undo这个按钮是用于撤销最后一笔的，也可以撤销所有的轨迹（即屏。）打开

2017-01-05 09:15:29 573

原创第51篇铅笔选择三种粗细（五）之图片实现及定住其它按钮线条周二

关键词：把三种笔粗细换成三个图片,把其它按钮线条粗细定住一、换成图片1. 把三种笔粗细换成三个图片实现很简单，只要之前的思路走通了，之前用的是按钮形式（实际上是div），改成图片很简单，修改后的代码如下：效果如下：二、把其它按钮线条粗细定住目前问题：现在

2017-01-03 23:16:02 752

原创第50篇铅笔选择三种粗细（四）之样式及用按钮实现

关键词：铅笔选择三种粗细之样式,铅笔选择三种粗细用按钮实现一、铅笔选择三种粗细（四）之样式1 现在样式如下：需要做的几点如下：a.使其只针对铅笔b.改成图片c.只能选三个值2. 改成图片修改代码如下：修改之后效果如下：现在变成这个样子了，如下：相关代码如下： function decoratePenci

2017-01-03 20:22:39 1071

原创第49篇白板修复之铅笔选择三种粗细（三）

关键词：铅笔选择三种粗细一、铅笔选择三种粗细（三）1 现在经过调试，三种粗细都能出来，代码如下：2. cache.isPencil从哪里来的？下午要从前面打日志，看看它是怎么来的？二、新发现1. 以下是默认设置：默认颜色，字体大小等三、新思路我现在找不到为什么会出现一个ispencil，即使我把ispencil删了，仍然出现，所以接下来我想到一个办法，

2017-01-03 11:57:26 853

原创第48篇白板修复之铅笔选择三种粗细（二）

关键词：铅笔选择三种粗细一、铅笔选择三种粗细（二）1 现在经过调试，三种粗细都能出来，代码如下：主要针对pencilHandler函数进行了处理，如下：pencilHandler1 = { ismousedown:!1, prevX:0,

2017-01-01 17:22:19 568

原创第47篇白板修复之铅笔选择三种粗细（一）

关键词：铅笔选择三种粗细一、铅笔选择三种粗细1.问题描述现在铅笔只有一种默认粗细可选，也就是width=1;现在要加两种粗细，分别是width=4;width=7;2. 思路分析这个相对来说有一定难度，可分为两个步骤：第一步是鼠标画时，展现出三种粗细；第二步是点阵笔画时，展现出三

2017-01-01 15:06:17 765

原创第46篇白板修复之移动按钮拿掉及橡皮擦可选颜色

关键词：移动按钮拿掉，橡皮擦可选颜色一、插入图片后，再点击移动按钮，出现一个复制的当前白板1.问题描述现在移动图片时，它会复制整个画板进行移动。2.找相关代码图片移动代码如下： functiondecorateDragLastPath() {//移动 var point, i

2016-12-31 11:06:14 1006

原创第45篇白板bug修复（二）之选择颜色后框不消失

关键词：选择颜色后框不消失一、白板bug修复1. 选择颜色时当不选择新颜色，直接点确定，右边的“当前框线颜色”不自动消失找到相关代码如下：------------widget.html 当前框线颜色:

2016-12-29 15:00:16 555

原创第44篇白板bug修复（一）

关键词：画矩形的线不是实线,选择颜色后框不消失一、白板bug修复1. 画矩形的线不是实线----------widget.min.js 先看画圆形修改粗细的代码，如下： arc:function(context, point, options) { if(options&& options[0]

2016-12-28 17:19:00 517

原创第43篇白板同步延迟问题解决方案解决（五）及data传输模式分析（二）

关键词：白板同步延迟问题, data传输模式分析,白板同步延迟问题解决方案总结果一、data传输模式分析1.1 线条图片传输之断线重连或连接刚建立时的数据同步 if(designer.pointsLength // make sure that remote usergets all drawings synced.

2016-12-27 21:14:15 912

原创第42篇白板同步延迟问题（四）及data传输模式分析（一）

关键词：白板同步延迟问题, data传输模式分析一、data传输模式分析在白板中，流传输大致分为三大类，分别是音频流传输，视频流传输，数据流传输。目前的情况是音频，视频传输没问题，就数据流传输有延迟的情况。下面着重分析数据流的传输。数据流的传输分为两方面：线条图片传输及聊天数据传输。1. 线条图片传输分析 function appendDIV(event)

2016-12-26 23:11:08 459

原创第41篇白板同步延迟问题（三）

关键词：白板同步延迟问题一、把同步时间1000改成500，看看有没有助于减少延迟1.1 相关代码connection.onmessage = appendDIV; connection.filesContainer = document.getElementById('file-container'); connection.onopen =

2016-12-26 21:54:41 456

原创第40篇白板同步延迟问题（二）

关键词：白板同步延迟问题一、画版同步---线条----单独白板网络环境：DIANZHIKEJI01----------------老师端（建房间者）http://123.57.206.36:9001/网络环境：：DIANZHIKEJI----------------学生端（加入房间者）http://123.57.206.36:9001/#456 此时两端建立连接

2016-12-26 11:09:30 1213

原创第39篇服务器打日志及Crosswalk Project for iOS

关键词：服务器打日志, Crosswalk Project for iOS一、前端找老师代码放置与匹配二、服务器 2.1 打日志怎么打及打完去哪里看？怎么打如下：去哪里看如下：三、Crosswalk Projectfor iOShttps://crosswalk-project.org/documentation/ios.html3.1介绍

2016-12-22 23:18:46 1320

原创第38篇前端找老师代码放置及php对上传文件限制及SVN上传与下载

关键词： php对上传文件限制,去掉word2013自动编号,svn的上传与下载一、前端找老师代码放置与匹配1.1 网址如下：http://192.168.1.14:8006/1.2 看下8006指向哪个文件夹所指向的文件夹为：/app/web/dz101/ 1.3 找老师网址老师端如下：http://192.168.1.14:8006/tutorial/

2016-12-21 17:16:41 714

原创第37篇导入问题图片后重连房间（二）及php上传文件

关键词：导入问题图片后重连房间,检测文件末尾, php文件上传一、IOS-WebRTC BUG处理1导入问题图片后重连房间研究以下代码，找关连性var hashString = location.hash.replace('#', '');if (hashString.length) { (functionreCheckRoomPresence() {

2016-12-20 19:10:44 423

原创第36篇问题图片导入总结及导入问题图片后重连房间（一）

关键词： IOS-WebRTC BUG处理,问题图片导入,导入后重连房间一IOS-WebRTC BUG处理1 把图片导进去图片加载进来了，我把”#”替换成”&”，就ok了，代码如下：(function() { var params = {}, r = /([^&=]+)=?([^&]*)/g; //自己 varmatch, search1

2016-12-19 23:26:53 506

原创第35篇 IOS-WebRTC BUG处理（三）之问题图片导入及本地运行两个nodejs

关键词： IOS-WebRTC BUG处理,问题图片导入,本地运行两个nodejs一IOS-WebRTC BUG处理1 把图片导进去a.加载问题图片的函数如下：1） function loadQuestionImg(url) {2） params.zoomImgUrl = url;3） params.zoomImgUrl =params.zoomImgU

2016-12-19 17:24:15 608

原创第34篇 IOS-WebRTC BUG处理（二）及分析加载函数

关键词： IOS-WebRTC BUG处理,分析加载函数一IOS-WebRTC BUG处理1 把图片导进去分析下如下函数：1）(function() {2） var params = {},3） r = /([^&=]+)=?([^&]*)/g;4） function d(s) {5） returndecodeURICom

2016-12-18 17:07:00 1049

原创第33篇学生建房间连老师总结及IOS-WebRTC BUG处理（一）及php打开文件

关键词：学生建房间连老师总结,IOS-WebRTC BUG处理,php打开文件一、学生建房间连老师总结昨天之所以成功，是因为我最后的方法是正确的，以后也应该这样。要切换连接，把与连接无关的代码全删除了，之后，代码一换就Ok了。1.1 老师端连接代码如下：connection.onUserStatusChanged =function(event) { if (

2016-12-16 17:33:29 530

原创第32篇学生建房间与老师连接（二）

关键词：学生建房间与老师连接一、学生建房间连接老师（二）1.1 js中下面一句什么意思？var match, search = window.location.search;解：这一句的意思是：定义了一个变量match，没有赋值；定义了一个变量search，赋值为当前网址的问号(?)之后，井号(#)之前的内容。运行结果如下： 1.2 与连接相关的代码a) 关闭连接f

2016-12-16 09:37:22 530

原创第31篇熟悉老师与学生建房间与连接及php的date和include及require

关键词：WebRTC-IOS一对一bug处理,熟悉老师与学生建房间与连接,php的date和include及require一、WebRTC-IOS一对一bug处理1.1老师端（chrome）开房间VS学生（IOS手机）进二、修改代码（学生端建房间、老师端进入）2.1 熟悉老师与学生建房间与连接1）老师端：connection.onopen如下：connection.onop

2016-12-15 09:09:42 579

原创第30篇研究OpenWebRTC初探（二）

关键词：OpenWebRTC特点, OpenWebRTC背景, IOS一对一bug处理, php多维数组一、OpenWebRTC特点1.1灵活和模块化OpenWebRTC的模块化架构使它便于修改和扩展。WebRTC标准仍在发展， OpenWebRTC的灵活性使它很快的适应WebRTC标准的变化和新特性。1.2 基于Gstreamer在其他大项目中,OpenWebRT

2016-12-13 22:34:54 3896 1

原创第29篇研究openWebRTC初探

关键词：openWebRTC, H.264, VideoToolbox,IOS一、openWebRTC1.1研究网址https://www.openwebrtc.org 1.2移动先行WebRTC客户端框架用于构建原生apps使用OpenWebRTC，你能构建原生WebRTC apps，可以用于与支持WebRTC标准的浏览器进行交互，像Chrome, Firefox 以及

2016-12-12 23:13:28 1042

原创第28篇WebRTC -IOS之在app中使用WebRTC

关键词：WebRTC -IOS之在app中使用WebRTC一、在app中使用WebRTC为了构建WebRTC在一个原生的IOSapp中使用，它很容易构建WebRTC.framework.这个工作能被做借助ninja，具体如下，在下面命令中，你需要取代ios用你实际生成构建文件的位置路径。命令如下：ninja -C out/ios rtc_sdk_framework_objc运行

2016-12-12 14:18:44 6208 1

原创第27篇 webrtc-IOS之运行测试用例及代码部署到设备

关键词：webrtc-IOS运行测试用例,webrtc-IOS代码部署到设备一、webrtc-IOS运行测试用例在webrtc中，有一些测试用例。为了运行这些测试用例，你需要部署.app到你的设备上（下一节有详述），可以从那里运行它们（代码）。要运行一个特定的测试用例进行测试用例的搜集，正常情况下，当运行时，需要使用gtest(借助--gtest_filter传参数)，当使用Xcode

2016-12-11 20:09:56 1532 1

原创第26篇 webrtc-IOS之使用Xcode

关键词：webrtc-IOS使用Xcode一、webrtc-IOS使用Xcode1）Xcode是默认的和提到的IDE对于IOS平台的开发。Generating an Xcode project2）生成一个Xcode工程为了使用GN生成Xcode工程文件，当进行gn gen时，可以通过参数 –ide=xcode。这将得出一个结果以all.xcworkspace命名的文

2016-12-11 16:42:19 2825 3

原创第25篇研究WebRTC官网之生成工程文件（二）及用ninja进行编译

关键词：生成工程文件,用ninja进行编译一、WebRTC之生成工程文件（二）1）d)is_debug:调试构建是默认被设置的。当进行release构建时，应设为false.组件构建默认是Debug构建，除非明确设置了is_debug=false。GN命令生成构建文件是gngen(输出目录)。你生成你的构建文件后，之后gn装置 gen将输出到相同的文件夹并且会使用相

2016-12-11 11:32:44 2257 1

原创第24篇研究WebRTC官网之生成工程文件

关键词：生成工程文件一、编译IOS-WebRTC（二）1）可以看下面的网址，得到一些一般的须知，在你的checkout文件夹中更新代码。2）生成工程文件 GN被用于生成Ninja工程文件。配置GN以生成构建文件，这个构建文件用于设置iOS特定变量的。这些变量可以根据需要编辑各种构建配置。你应该着重关注的变量如下：a)target_os:为了构建iOS，在你的gn

2016-12-09 17:23:10 982 1

原创第23篇 ninja的安装（四）及编译IOS-WebRTC

关键词： ninja的安装,编译IOS-WebRTC一、ninja的安装（四）要安装ninja。需要预先安装 graphviz及其开发库gtest，git、re2c和python1.1 Mac终端安装re2c下载安装包à解压安装包（需要事先安装XZ）à进入那个解压目录à./configureàmakeàmake install1.2再次编译ninja安装完re

2016-12-09 14:12:47 5110 2

原创第22篇 ninja的安装（三）及安装graphviz

关键词： ninja的安装,安装graphviz一、ninja的安装（三）要安装ninja。需要预先安装 graphviz及其开发库gtest，git、re2c和python1.1 Mac终端安装graphviz1.1.1 it took me some timeto find out how to install graphviz v2.38 on osx 10.11.4 and

2016-12-08 15:28:55 9915

原创第21篇 ninja的安装（二）周日

关键词： ninja的安装一、ninja的安装（二）1.1 ninjaninja是一个专注于速度的小型构建系统（Ninja is a small build system with a focus on speed）。ninja是其作者为了解决chromium代码编译慢这个问题（具体一点，就是发生在将Chrome移植到非Windows平台过程中的事情。）而诞生的。其设计受到the

2016-12-07 23:37:29 8539 1

原创第20篇研究canvas官网及ninja的安装（一）

关键词：更新canvas官网代码, ninja的安装（一）, Mac小知识一、更新canvas官网代码1.1 现在白板拖动有bug，传输有时也不太流畅，看下白板官网有更新没，有的话，更新一下。1）widget.min.js有更新看了一下，这个更新非常大，基本上重写了canvas，先不改，以后出大bug了再说。二、IOS之webrtc官网研究https://webrtc.or

2016-12-07 17:26:45 1213

原创第19篇异网测试及新版的安装及跳转地址寻找

关键词：异网测试,新版本地安装, 跳转地址寻找, webrtc优点一、异网测试 1.1现在的主要关结点在安卓webview对电脑进行测试外网：中国移动宽带对中国联通宽带测试：手机对笔记本，笔记本对手机都能测通。当时，好像报了一个加载谷歌的错误，找到注释掉。二、本地安装2.1 现在报了个错，如下：2.2 那个官网版

2016-12-07 00:16:23 733

php -5.4.7

空空如也