From b2ec6a00e7eeaa7ad5dc2552730e554d281c16fe Mon Sep 17 00:00:00 2001
From: pabloFuente <pablofuenteperez@gmail.com>
Date: Fri, 31 Aug 2018 16:34:04 +0200
Subject: [PATCH] openvidu-testapp: 'initGrayVideo' method publishes video

---
 .../openvidu-instance/openvidu-instance.component.ts   | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
index 774d7d31..f64df3f0 100644
--- a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
+++ b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts
@@ -473,7 +473,7 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
       {
         videoSource: undefined,
         resolution: '1280x720',
-        frameRate: 10,
+        frameRate: 30,
       }
     )
       .then((mediaStream: MediaStream) => {
@@ -489,19 +489,23 @@ export class OpenviduInstanceComponent implements OnInit, OnChanges, OnDestroy {
           const loop = () => {
             if (!video.paused && !video.ended) {
               ctx.drawImage(video, 0, 0, 300, 170);
-              setTimeout(loop, 100); // Drawing at 10fps
+              setTimeout(loop, 33); // Drawing at 30fps
             }
           };
           loop();
         });
         const grayVideoTrack = canvas.captureStream(30).getVideoTracks()[0];
-        this.OV.initPublisher(
+        this.publisher = this.OV.initPublisher(
           document.body,
           {
             audioSource: false,
             videoSource: grayVideoTrack,
             insertMode: VideoInsertMode.APPEND
           });
+          this.session.publish(this.publisher).catch((error: OpenViduError) => {
+            console.error(error);
+            this.session.unpublish(this.publisher);
+          });
       })
       .catch(error => {
         console.error(error);