Add description for QUIC sample.

Author: jianjunz

src/samples/conference/README.md

@@ -1,9 +1,15 @@
-How to run conference sample
-============================
+Conference sample
+----
+
+## How to run conference sample
 
 1. Run `npm install`.
 2. Edit `samplertcservice.js`. Find `icsREST.API.init`, replace service ID, service key and REST server URL with the correct values.
 3. Copy your SSL server certificate to cert/certificate.pfx.
 4. Run `initcert.js` to generate a keystore file which contains encrypted SSL server's passphase.
 5. Run `node samplertcservice.js` to start conference sample. By default, it listens on port 3001(insecure) and 3004(secure).
-6. Open a browser and navigate to http://\<hostname\>:3001/ or https://\<hostname\>:3004/.
+6. Open a browser and navigate to http://hostname:3001/ or https://hostname:3004/.
+
+## QUIC
+
+`public\scripts\index.js` was modified to create QUIC connections between client and server. After navigating to https://hostname:3004/?publish=false, the page automatically creates a QuicStream for publishing. It also listens to `stream-added` message and creates new QuicStreams for subscribing. It doesn't subscribe streams published before joining. `window.bidirectionalStream` is the last QuicStream it created. You may write or read data in console by accessing `window.bidirectionalStream`. Please try to modify index.js if you want to try other QUIC features.

src/samples/conference/public/scripts/index.js

@@ -145,7 +145,7 @@ const runSocketIOSample = function() {
                 myId = resp.self.id;
                 myRoom = resp.id;
                 conference.createDataStream().then(stream=>{
-                    bidirectionalStream=stream;
+                    window.bidirectionalStream=stream;
                 });
                 if(mediaUrl){
                      startStreamingIn(myRoom, mediaUrl);

src/sdk/conference/datachannel.js

@@ -116,18 +116,23 @@ export class ConferenceDataChannel extends EventDispatcher {
     }
   }
 
+  _readAndPrint(){
+    this._quicStreams[0].waitForReadable(5).then(()=>{
+      let data = new Uint8Array(this._quicStreams[0].readBufferedAmount);
+      this._quicStreams[0].readInto(data);
+      Logger.info('Read data: ' + data);
+      this._readAndPrint();
+    });
+  }
+
   _onquicstatechange(event) {
     Logger.info('on QUIC state change: ' + this._quicTransport.state);
     if (this._quicTransport.state === 'connected') {
       if (this._quicStreams.length === 0) {
         this._quicStreams.push(this._quicTransport.createStream());
         this._quicStreams[0].write({data: new Uint8Array([42])});
         // This is an experienment of receiving data.
-        this._quicStreams[0].waitForReadable(1).then(() => {
-          let data = new Uint8Array(1);
-          this._quicStreams[0].readInto(data);
-          Logger.info('Read data: ' + data);
-        });
+        this._readAndPrint();
         if (this._createStreamPromise) {
           this._createStreamPromise.resolve(this._quicStreams[0]);
         }