{"id":4570,"date":"2021-11-29T18:50:16","date_gmt":"2021-11-29T10:50:16","guid":{"rendered":"https:\/\/www.enablex.io\/developer\/?page_id=4570"},"modified":"2022-04-08T14:18:54","modified_gmt":"2022-04-08T06:18:54","slug":"canvas-streaming","status":"publish","type":"page","link":"https:\/\/doc.smartflomeet.ttns.in\/developer\/video-api\/client-api\/react-native-toolkit\/canvas-streaming\/","title":{"rendered":"Canvas Streaming: React Native SDK &#8211; Video API"},"content":{"rendered":"\n<p>An Client End Point Application developed using Android Toolkit can\u2019t initiate HTML5 Canvas Streaming. However, it can receive Canvas Streaming initiated by other Client End Point Application developed using Web Toolkit that runs on Web Browsers. <\/p>\n\n\n\n<p>When a user starts or stops HTML5 Canvas Streaming, all connected users of the room are notified with&nbsp;<code>canvasStarted<\/code>&nbsp; and   &nbsp;<code>canvasStopped<\/code>. As its a Stream, you can play it using a Video Player. Note that Canvas Stream is carried on <strong>Stream ID# 102<\/strong>. Client End Point must subscribe to this Stream ID to receive and play it locally.  <\/p>\n\n\n\n<p><strong>Observers:<\/strong><\/p>\n\n\n\n<ul><li><code>canvasStarted <\/code>&#8211; To know that Canvas Streaming has started <\/li><li><code>canvasStopped<\/code> &#8211; To know that Canvas Streaming has stopped <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">\/\/ You are notified that Canvas Streaming has started\ncanvasStarted : event=&gt;{   \n\t\/* event = \n\t{\tclientId : \"xxx\", name : \"XXX\", \n\t\tresult : 0, streamId : 102\n\t}\n\t*\/\n\t\/\/ Handle UI to play Canvas Streaming\n}\n\n\/\/ You are notified that Canvas Streaming has stopped\ncanvasStopped: event=&gt;{ \n\t\/* event = \n\t{\tclientId : \"xxx\", name : \"XXX\", \n\t\tresult : 0, streamId : 102\n\t}\n\t*\/\n\t\/\/ Handle UI to stop playing Canvas Streaming\n}<\/pre>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<p>\u2190 <a href=\"..\/screen-share\/\">Screen Share<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-center\"><a href=\"..\/\">Index<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<p class=\"has-text-align-right\"><a href=\"..\/annotation\/\"><\/a><a href=\"..\/annotation\/\">Annotation<\/a> \u2192<a href=\"\/developer\/how-to-use\/\"><\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>An Client End Point Application developed using Android Toolkit can\u2019t initiate HTML5 Canvas Streaming. However, it can receive Canvas Streaming initiated by other Client End Point Application developed using Web Toolkit that runs on Web Browsers. When a user starts or stops HTML5 Canvas Streaming, all connected users of the room are notified with&nbsp;canvasStarted&nbsp; and &nbsp;canvasStopped. As its a Stream, you can play it using a Video Player. Note that&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3747,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ub_ctt_via":""},"featured_image_src":null,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"featured":false,"featured-large":false},"uagb_author_info":{"display_name":"vcxdevwpadmin","author_link":"https:\/\/doc.smartflomeet.ttns.in\/developer\/author\/vcxdevwpadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"An Client End Point Application developed using Android Toolkit can\u2019t initiate HTML5 Canvas Streaming. However, it can receive Canvas Streaming initiated by other Client End Point Application developed using Web Toolkit that runs on Web Browsers. When a user starts or stops HTML5 Canvas Streaming, all connected users of the room are notified with&nbsp;canvasStarted&nbsp; and&hellip;","_links":{"self":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/4570"}],"collection":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/comments?post=4570"}],"version-history":[{"count":0,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/4570\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/3747"}],"wp:attachment":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/media?parent=4570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}