{"id":4617,"date":"2021-11-30T20:16:29","date_gmt":"2021-11-30T12:16:29","guid":{"rendered":"https:\/\/www.enablex.io\/developer\/?page_id=4617"},"modified":"2022-04-08T18:31:40","modified_gmt":"2022-04-08T10:31:40","slug":"play-stream","status":"publish","type":"page","link":"https:\/\/doc.smartflomeet.ttns.in\/developer\/video-api\/client-api\/react-native-toolkit\/play-stream\/","title":{"rendered":"Play Stream: React Native SDK &#8211; Video API"},"content":{"rendered":"\n<p>You can play a local stream as well as remote streams including screen-share, canvas streams using <code>EnxStream<\/code> and <code>EnxPlayerView<\/code> Tags.  <\/p>\n\n\n\n<p><strong>Tag<\/strong>s: <\/p>\n\n\n\n<ul><li><code>&lt;EnxStream streamId=StreamID eventHandlers=ListenerEvents&gt;<\/code> &#8211; To create stream<\/li><li><code>&lt;EnxPlayerView streamId=StreamID isLocal=\"remote\" eventHandlers=ListenerEvents&gt;<\/code>  &#8211; To play remote stream<\/li><li><code>&lt;EnxPlayerView streamId=StreamID isLocal=\"local\" eventHandlers=ListenerEvents&gt;<\/code>  &#8211; To play local stream <\/li><\/ul>\n\n\n\n<p><strong>Props:<\/strong><\/p>\n\n\n\n<ul><li><code>streamId<\/code> &#8211; Stream ID of the Stream to be played<\/li><li><code>isLocal<\/code> &#8211; Enum: local, remote <\/li><li> <code>eventHandlers  <\/code>&#8211; To add all event listeners to handle with the Stream<\/li><\/ul>\n\n\n\n<p><strong>Helper Methods:<\/strong><\/p>\n\n\n\n<ul><li><code>changePlayerScaleType(scalingMode, streamId)<\/code> &#8211; Parameters explained below:<ul><li><code>scalingMode<\/code> &#8211; Enumerated Values: SCALE_ASPECT_BALANCED,&nbsp; SCALE_ASPECT_FIT,&nbsp; SCALE_ASPECT_FILL<\/li><li><code>streamId<\/code> &#8211; String. The Stream ID that needs to be scaled in Player<\/li><\/ul><\/li><li><code>setZOrderMediaOverlay(isOverlay, streamId)<\/code> &#8211; Parameters explained below:<ul><li><code>isOverlay<\/code> &#8211; Boolean. Use <em>true<\/em> to overlay<\/li><li><code>streamId<\/code> &#8211; The Stream ID that you want to play as overlay<\/li><\/ul><\/li><li><code>setConfigureOption(configObject, streamId)<\/code>  &#8211; Parameters explained below: <ul><li><code>configObject<\/code> &#8211; JSON Object <\/li><li><code>streamId <\/code>= The Stream ID that you want to configure<\/li><\/ul><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">var propertyDict = {\n\ttextColor: -10053376, \n\ttextSize: 12, \n\ttextStyle: 1, \n\ttext_background: 0\n\t}\n\nvar dict = {\n\tenable: true, \n\tproperties:propertyDict\n\t}\n\nvar overlayDict = { overlay: dict }\n\nEnx.setConfigureOption(overlayDict, this.state.localStreamId); \nEnx.changePlayerScaleType(SCALE_ASPECT_FIT, this.state.localStreamId); \n\n&lt;EnxStream \n\tstreamId={String(element.streamId)} \n\teventHandlers={this.streamEventHandlers}&gt;\n\n&lt;EnxPlayerView \n\tstreamId={String(element.streamId)} \n\tisLocal=\"local\"\n\teventHandlers={this.streamEventHandlers}&gt; <\/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=\"..\/active-talkers\/\"><\/a><a href=\"..\/active-talkers\/#active-talkers\">Handle Active Talkers<\/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=\"..\/room-information\/\">Room Information<\/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>You can play a local stream as well as remote streams including screen-share, canvas streams using EnxStream and EnxPlayerView Tags. Tags: &lt;EnxStream streamId=StreamID eventHandlers=ListenerEvents&gt; &#8211; To create stream &lt;EnxPlayerView streamId=StreamID isLocal=&#8221;remote&#8221; eventHandlers=ListenerEvents&gt; &#8211; To play remote stream &lt;EnxPlayerView streamId=StreamID isLocal=&#8221;local&#8221; eventHandlers=ListenerEvents&gt; &#8211; To play local stream Props: streamId &#8211; Stream ID of the Stream to be played isLocal &#8211; Enum: local, remote eventHandlers &#8211; To add all event listeners to&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":"You can play a local stream as well as remote streams including screen-share, canvas streams using EnxStream and EnxPlayerView Tags. Tags: &lt;EnxStream streamId=StreamID eventHandlers=ListenerEvents&gt; &#8211; To create stream &lt;EnxPlayerView streamId=StreamID isLocal=\"remote\" eventHandlers=ListenerEvents&gt; &#8211; To play remote stream &lt;EnxPlayerView streamId=StreamID isLocal=\"local\" eventHandlers=ListenerEvents&gt; &#8211; To play local stream Props: streamId &#8211; Stream ID of the Stream to&hellip;","_links":{"self":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/4617"}],"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=4617"}],"version-history":[{"count":0,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/4617\/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=4617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}