{"id":4025,"date":"2021-11-02T18:04:28","date_gmt":"2021-11-02T10:04:28","guid":{"rendered":"https:\/\/www.enablex.io\/developer\/?page_id=4025"},"modified":"2022-04-11T14:55:29","modified_gmt":"2022-04-11T06:55:29","slug":"take-image-snapshot","status":"publish","type":"page","link":"https:\/\/doc.smartflomeet.ttns.in\/developer\/video-api\/client-api\/web-toolkit\/take-image-snapshot\/","title":{"rendered":"Take Snapshot: Web SDK &#8211; Video API"},"content":{"rendered":"\n<p>The <code>EnxStream.getVideoFrameImage()<\/code>&nbsp;method allows you to take a snapshot of a video stream in your application. The image from the video stream gets captured as raw bitmap data into the Canvas DOM Element.<\/p>\n\n\n\n<p><strong>Method<\/strong>:  <code>EnxStream.getVideoFrameImage()<\/code> &#8211; No Parameter required.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">var myBitmap;\nvar canvas = document.createElement('canvas');\nvar context = canvas.getContext('2d');\n\ncanvas.id = \"myCanvas\";\ndocument.body.appendChild(canvas);\nmyBitmap = stream.getVideoFrameImage();\n\ncanvas.width = myBitmap.width;\ncanvas.height = myBitmap.height;\ncontext.putImageData(myBitmap, 0, 0);<\/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=\"..\/bitrate-status-of-client\/\"><\/a><a href=\"..\/bitrate-status-of-client\/\">Get Bitrate Status of Client<\/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=\"..\/audio-only-mode\/\">Audio Only Mode<\/a> \u2192 <\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The EnxStream.getVideoFrameImage()&nbsp;method allows you to take a snapshot of a video stream in your application. The image from the video stream gets captured as raw bitmap data into the Canvas DOM Element. Method: EnxStream.getVideoFrameImage() &#8211; No Parameter required. var myBitmap; var canvas = document.createElement(&#8216;canvas&#8217;); var context = canvas.getContext(&#8216;2d&#8217;); canvas.id = &#8220;myCanvas&#8221;; document.body.appendChild(canvas); myBitmap = stream.getVideoFrameImage(); canvas.width = myBitmap.width; canvas.height = myBitmap.height; context.putImageData(myBitmap, 0, 0); \u2190 Get Bitrate Status of Client&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3724,"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":"The EnxStream.getVideoFrameImage()&nbsp;method allows you to take a snapshot of a video stream in your application. The image from the video stream gets captured as raw bitmap data into the Canvas DOM Element. Method: EnxStream.getVideoFrameImage() &#8211; No Parameter required. var myBitmap; var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); canvas.id = \"myCanvas\"; document.body.appendChild(canvas); myBitmap = stream.getVideoFrameImage();&hellip;","_links":{"self":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/4025"}],"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=4025"}],"version-history":[{"count":0,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/4025\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/pages\/3724"}],"wp:attachment":[{"href":"https:\/\/doc.smartflomeet.ttns.in\/developer\/wp-json\/wp\/v2\/media?parent=4025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}