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

关键词：白板同步延迟问题

一、画版同步---线条----单独白板

网络环境：DIANZHIKEJI01----------------老师端（建房间者）http://123.57.206.36:9001/

网络环境：：DIANZHIKEJI----------------学生端（加入房间者）http://123.57.206.36:9001/#456

此时两端建立连接，秒传。反过来则不行。

二、改一下连接方式

   连接有两种方式如下：

1）Use WebRTC!

webrtc.onmessage= function(event) {

    designer.syncData( event.data );

};

 

designer.addSyncListener(function(data){

    webrtc.send(data);

});

 

2）Use Socket.io

socket.on('message',function(data) {

    designer.syncData( data );

});

 

designer.addSyncListener(function(data){

    socket.emit('message', data);

});

程序中相关代码如下：

connection.onmessage = function(event) {

   if(event.data === 'plz-sync-points') {

       designer.sync();

       return;

    }

 

   designer.syncData( event.data );

};

三、看一下，数据的传输模式

3.1 把网上文件放到本地

a)

 <scriptsrc="https://rtcmulticonnection.herokuapp.com/socket.io/socket.io.js"></script>

b)

<scriptsrc="dist/RTCMultiConnection.min.js"></script>

c)

       <a href="https://www.npmjs.com/package/canvas-designer"target="_blank">

           <!-- <imgsrc="https://img.shields.io/npm/v/canvas-designer.svg"> -->

           <img src="img/canvas-designer.svg">

       </a>

d)

 

       <a href="https://www.npmjs.com/package/canvas-designer"target="_blank">

           <!-- <img src="https://img.shields.io/npm/dm/canvas-designer.svg">-->

           <img src="img/canvas-designer_download.svg">

       </a>

e)

 

       <ahref="https://travis-ci.org/muaz-khan/Canvas-Designer">

           <imgsrc="https://travis-ci.org/muaz-khan/Canvas-Designer.png?branch=master">

       </a>

改为：

       <ahref="https://travis-ci.org/muaz-khan/Canvas-Designer">

           <img src="./img/canvas-designer_download.png">

       </a>

f)

<scriptsrc="https://cdn.webrtc-experiment.com/common.js"async></script>

改为：

<script src="dist/common.js"async></script>

四、看下以下两个问题

  4.1测一下multiple.html

  4.2找一下is offline

 

五、看下白板的传输模式及语音的传输模式

   为什么语音很流畅，白板延迟那么大呢？

2016年12月23日星期五