{"id":1025,"date":"2021-11-05T00:57:22","date_gmt":"2021-11-05T07:57:22","guid":{"rendered":"https:\/\/support.konnectclub.com\/?post_type=ht_kb&#038;p=1025"},"modified":"2022-01-22T16:05:36","modified_gmt":"2022-01-23T00:05:36","slug":"using-interactive-live-streaming","status":"publish","type":"ht_kb","link":"https:\/\/support.konnectclub.com\/?ht_kb=using-interactive-live-streaming","title":{"rendered":"Using Interactive Live Streaming"},"content":{"rendered":"\n<p>If you selected <a href=\"https:\/\/support.konnectclub.com\/?ht_kb=creating-a-live-streamed-virtual-event#interactive-live-streaming-720p\" data-type=\"ht_kb\">Interactive Live Streaming<\/a> as your streaming mode, then you will be going live directly from your web-browser. This section describes the setup required and various related features that you can use.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important<\/strong><br>You must use one of the <a href=\"https:\/\/support.konnectclub.com\/?ht_kb=creating-a-live-streamed-virtual-event#web-browser-support\" data-type=\"ht_kb\">recommended browsers<\/a> for publishing your feed. Unsupported browsers may not allow you to use all the features.<\/p>\n\n\n\n<p>Click <kbd>Test<\/kbd> \u279c <kbd>Present<\/kbd> (in the test mode)  or <kbd>Connect<\/kbd> \u279c <kbd>Present<\/kbd> (in the production mode) to access the presenter virtual stage. Your virtual stage would look like the following screenshot with your own live camera feed.&nbsp;At this point, you are in a <strong><em>Preview <\/em><\/strong>mode, not broadcasting yet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"961\" height=\"805\" src=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-19.png\" alt=\"\" class=\"wp-image-584\" srcset=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-19.png 961w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-19-300x251.png 300w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-19-768x643.png 768w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-19-50x42.png 50w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-19-60x50.png 60w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-19-100x84.png 100w\" sizes=\"auto, (max-width: 961px) 100vw, 961px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Note<\/strong><br>You must allow both&nbsp;<strong>camera <\/strong>and <strong>mic <\/strong>access when you are prompted by the browser. If you accidentally didn&#8217;t allow them first time, or of you have disabled them previously, you will need to go to <strong>website preference<\/strong> under your respective browser settings to reactivate it for <span>Konnectclub<\/span>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"htoc-tweak-audio-video-settings\">Tweak Audio\/Video Settings<\/h3>\n\n\n\n<p>You can change your A\/V settings by clicking the <kbd>Setup<\/kbd> button from the top panel. The setup will show you the following prompt. If you have an audio or video equipment connected to this computer, and if they are recognized as valid devices for your computer, then they will show up in the list.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-26.png\" alt=\"\" class=\"wp-image-668\" width=\"205\" height=\"429\" srcset=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-26.png 409w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-26-143x300.png 143w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-26-24x50.png 24w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-26-29x60.png 29w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-26-48x100.png 48w\" sizes=\"auto, (max-width: 205px) 100vw, 205px\" \/><\/figure>\n\n\n\n<p><span style=\"font-size: revert; color: initial;\">The setup prompt also allows you to select high definition audio bit-rate, stereo mode etc. <\/span>to enable you to deliver high quality <span style=\"font-size: revert; color: initial;\">content in real time.<\/span><\/p>\n\n\n\n<p>Once you have made your selections on the Setup prompt, click <kbd>Apply<\/kbd> to allow the changes to take effect.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Note<\/strong><br>We recommend selecting <strong>128 Kbps<\/strong> Audio Bit-rate. A lower bit-rate setting or Auto Bit-rate will significantly degrade the sound quality. A higher bit-rate setting (higher than 128 Kbps) rarely improves any perceptible audio quality while significantly taxing your internet bandwidth. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"htoc-publish-your-feed\">Publish Your Feed<\/h3>\n\n\n\n<p>Once you are satisfied with your settings, you can go live by clicking the <kbd>Publish<\/kbd> button on top. At this point, any viewer tuned into the session (either in Test mode or Production mode) will see you live feed.<\/p>\n\n\n\n<p>Your virtual stage will show a status of your connection, and number of viewers watching live at any time. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-27.png\" alt=\"\" class=\"wp-image-671\" width=\"431\" height=\"102\" srcset=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-27.png 575w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-27-300x71.png 300w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-27-50x12.png 50w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-27-60x14.png 60w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/10\/image-27-100x24.png 100w\" sizes=\"auto, (max-width: 431px) 100vw, 431px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Tips<\/strong><br>If you are testing the feed by watching it on the same or a nearby computer, please make sure to hit the&nbsp;<kbd>Mute<\/kbd> button&nbsp;from the top panel in your publisher stage to avoid audio feedback.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"htoc-live-share-a-pre-recorded-video\">Live Share a Pre-Recorded Video<\/h3>\n\n\n\n<p>Instead of broadcasting a camera feed, you can also play the content of a pre-recorded video file for you audience from your virtual stage. <\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Note<\/strong><br>This feature is different from the <a href=\"https:\/\/support.konnectclub.com\/?ht_kb=creating-a-live-streamed-virtual-event#pre-recorded-video-streaming-1080p\" data-type=\"ht_kb\">Pre-Recorded Video Streaming<\/a> mode. With this feature, you are still using Interactive Streaming, but have the ability to switch between camera feeds and pre-recorded content in real-time. We recommend choosing the <strong>Pre-Recorded Video Streaming<\/strong> mode for most pre-recorded content, whenever possible, so that you can pre-upload your video ahead of time.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important<\/strong><br>This functionality is only available in the latest version of the\u00a0<strong>Google Chrome<\/strong>\u00a0and\u00a0<strong>Microsoft Edge\u00a0<\/strong>browser. However, you must disable the\u00a0<em>Hardware Acceleration<\/em>\u00a0as described below due to a unresolved <a rel=\"noreferrer noopener\" href=\"https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=1156408&amp;q=capturestream&amp;can=2\" target=\"_blank\">bug<\/a>\u00a0in\u00a0<em>Chromium<\/em>\u00a0based browsers.\u00a0You need to perform this step only once.<br><br>1. Open Google Chrome or Microsoft Edge.<br>2. Go to\u00a0<em>Settings<\/em>.<br>3. Scroll to the bottom, click to show\u00a0<em>Advanced\u00a0<\/em>and scroll to the\u00a0<em>System<\/em>\u00a0section.<br>4. Uncheck\u00a0<em>Use hardware acceleration when available<\/em>\u00a0and restart your browser.<br><br><img decoding=\"async\" src=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2022\/01\/mceclip0.png\" alt=\"\"><\/p>\n\n\n\n<p>To use this feature, follow the steps below:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>First enter the presentation stage by clicking <kbd>Test<\/kbd> \u279c <kbd>Present<\/kbd> (in the test mode) or <kbd>Connect<\/kbd> \u279c <kbd>Present<\/kbd> (in the production mode).<\/li><li>Then click the <kbd>Share Video<\/kbd>&nbsp;button from the top command bar. You will see a prompt to select the video file from your disk.<\/li><li>Once the file has been loaded and a preview is displayed, click <kbd>Publish<\/kbd> to begin streaming the content of the file.<\/li><li>While the content is streaming, you can change the current position of the video.<\/li><li>Once the video has been played through to the end, it will automatically stop streaming and your virtual stage will go back to the pre-published state.<\/li><li>If you wish to switch back to camera feed, click the <kbd>Share Video<\/kbd> button from the top command bar to toggle it off.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Note<\/strong><br>The browser tab that is streaming the video must be kept active and in the foreground at all times while your streaming is going on. If you switch to use another tab or another application, streaming will become choppy or pause. We recommend that you do not use your computer for anything else while you are streaming.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"htoc-live-share-your-computer-screen\">Live Share Your Computer Screen<\/h3>\n\n\n\n<p>The virtual stage also allows you to share your entire computer screen, or a program or a browser tab into your live-stream feed. To use this feature, follow the steps below: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>First enter the presentation stage by clicking <kbd>Test<\/kbd> \u279c <kbd>Present<\/kbd> (in the test mode) or <kbd>Connect<\/kbd> \u279c <kbd>Present<\/kbd> (in the production mode).<\/li><li>Then click the <kbd>Share Screen<\/kbd> button from the top command bar. You will see a prompt presented by your browser to select the desired application or the entire screen. <\/li><li>You can select an additional option to include audio, if your browser supports sharing screen audio (currently supported only in Google Chrome on Windows and macOS). <\/li><li>Click the <kbd>Setup<\/kbd> button from the top command bar to tune your audio quality, or select the audio from another audio input device.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery columns-2 wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"815\" height=\"843\" src=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip0-39.png\" alt=\"\" data-id=\"268\" data-full-url=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip0-39.png\" data-link=\"https:\/\/support.konnectclub.com\/?attachment_id=268\" class=\"wp-image-268\" srcset=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip0-39.png 815w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip0-39-290x300.png 290w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip0-39-768x794.png 768w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip0-39-48x50.png 48w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip0-39-58x60.png 58w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip0-39-97x100.png 97w\" sizes=\"auto, (max-width: 815px) 100vw, 815px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"631\" src=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip2-13.png\" alt=\"\" data-id=\"269\" data-full-url=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip2-13.png\" data-link=\"https:\/\/support.konnectclub.com\/?attachment_id=269\" class=\"wp-image-269\" srcset=\"https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip2-13.png 770w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip2-13-300x246.png 300w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip2-13-768x629.png 768w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip2-13-50x41.png 50w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip2-13-60x49.png 60w, https:\/\/support.konnectclub.com\/wp-content\/uploads\/2021\/08\/mceclip2-13-100x82.png 100w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Important<\/strong><br>On macOS, if you are receiving &#8220;<em><strong>Media access was denied<\/strong><\/em>&#8221; error, you may need to first grant necessary permission for screen sharing to Google Chrome from your System Preference. Open&nbsp;<strong>System Preferences<\/strong>, click the&nbsp;<strong>Security and Privacy<\/strong>&nbsp;icon and then choose&nbsp;<strong>Screen Recording<\/strong>&nbsp;in the sidebar (see below). On the right make sure the box next to Google Chrome is checked to allow screen sharing. If you made a change here, you must restart Google Chrome in order for the changes to take effect.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you selected Interactive Live Streaming as your streaming mode, then you will be going live directly from your web-browser. This section describes the setup required and various related features that you can use. Click Test \u279c Present (in the test mode) or Connect \u279c Present (in the production mode)&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[27],"ht-kb-tag":[],"class_list":["post-1025","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-streaming"],"_links":{"self":[{"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/1025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1025"}],"version-history":[{"count":2,"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/1025\/revisions"}],"predecessor-version":[{"id":1195,"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/1025\/revisions\/1195"}],"wp:attachment":[{"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1025"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fht-kb-category&post=1025"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/support.konnectclub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fht-kb-tag&post=1025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}