{"id":9472,"date":"2021-03-02T14:50:46","date_gmt":"2021-03-02T14:50:46","guid":{"rendered":"https:\/\/www.rumbletalk.com\/blog\/?post_type=epkb_post_type_1&#038;p=9472"},"modified":"2024-10-22T05:59:22","modified_gmt":"2024-10-22T05:59:22","slug":"integrate-rumbletalk-group-chat-with-dacast-live-streaming","status":"publish","type":"epkb_post_type_1","link":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/","title":{"rendered":"Integrate RumbleTalk Group Chat with Dacast Live Streaming"},"content":{"rendered":"\n<p>You can now integrate RumbleTalk group chat with Dacast, a live streaming service.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/KeQplSeb5K-sGNAj7_wB3l8-rphyQgRUHmIplI7t1ltVWSQAPJ4x-5MOblBeWlHEqUq2ydnPzMAn6eCZrzwUuz0gal4TXiGMqY11KkPi9vi-ZgK7wO-j78fjh979xk-qKloWQB0H\" alt=\"integrate RumbleTalk Dacast\"\/><\/figure><\/div>\n\n\n<p>RumbleTalk has partnered up with Dacast Live Stream, so you can now use  Dacast Live Streaming window next to a RumbleTalk chat. This lets you chat with your audience while viewing a live stream.<\/p>\n\n\n\n<p>Assuming that you already have your <a href=\"https:\/\/www.rumbletalk.com\/\">RumbleTalk<\/a> and <a href=\"https:\/\/www.dacast.com\/\">Dacast<\/a> accounts ready, you can now use RumbleTalk as your chat together with Dacast.&nbsp;<\/p>\n\n\n\n<p>Here are easy steps to follow.<\/p>\n\n\n\n<p><strong>PART A: <\/strong>Add<strong> <\/strong>RumbleTalk Group Chat Embed Code to your Website<\/p>\n\n\n\n<ol>\n<li>Go to your RumbleTalk admin panel, and then click on the <strong><em>Embed<\/em><\/strong> tab. <\/li>\n\n\n\n<li>On the embed page, click <strong><em>Get Code<\/em><\/strong>.<\/li>\n\n\n\n<li>Copy the given code and paste it anywhere you want to appear on your website.<\/li>\n<\/ol>\n\n\n\n<p><strong>(<\/strong><a href=\"https:\/\/www.rumbletalk.com\/blog\/index.php\/knowledge-base\/chat-embed\/\"><strong>click here on How to Embed RumbleTalk Group chat to any website<\/strong><\/a><strong>)<\/strong><\/p>\n\n\n\n<p><strong>PART B:<\/strong> Add Dacast Live Streaming Embed Code to your Website<\/p>\n\n\n\n<ol>\n<li>Go to your Dacast account. Click <strong><em>Live Streams<\/em><\/strong>.<\/li>\n\n\n\n<li>Next, click <strong><em>Create Live Stream<\/em><\/strong>.<\/li>\n\n\n\n<li>Create a title, choose your audience, and click <strong><em>Create<\/em><\/strong>.<\/li>\n\n\n\n<li>Then, copy the JavaScript embed code from the sharing section of your Dacast live stream setting.<\/li>\n<\/ol>\n\n\n\n<p><strong>(<\/strong><a href=\"https:\/\/www.dacast.com\/support\/knowledgebase\/how-can-i-embed-a-video-on-my-website\/\"><strong>click here on How Do I Embed a Video on My Website?<\/strong><\/a><strong>)<\/strong><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Display Options to Choose From<\/h2>\n\n\n\n<p>Here\u2019s the sample code as an HTML &amp; CSS with the RumbleTalk Chat side by side with Dacast streaming video.<\/p>\n\n\n\n<p><strong>Side-by-Side Video &amp; Chat<\/strong><\/p>\n\n\n\n<p>Here&#8217;s the sample code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"wrapper\"&gt;\n\t&lt;div class=\"half\" style=\"--aspect-ratio: 16\/9;\"&gt;\n\t\t&lt;iframe src=\"https:\/\/iframe.dacast.com\/vod\/d1d0cc9d-d075-e5a7-14af-423915b39ddb\/0eff7663-c930-8292-fd2e-319c46728322\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" allow=\"autoplay\" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen&gt;&lt;\/iframe&gt;\n\t&lt;\/div&gt;\n\t&lt;div class=\"half\" style=\"--aspect-ratio: 16\/9;\"&gt;\n\t\t&lt;div id=\"rt-ad4fc854d3413502b9bd0b3f7c03baf1\"&gt;&lt;\/div&gt;\n\t\t&lt;script src=\"https:\/\/rumbletalk.com\/client\/?JwexBJW8\"&gt;&lt;\/script&gt;\n\t&lt;\/div&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>A two-panel display with your live stream or video-on-demand content on one side and a live chat channel on the other.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"297\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20210304082102\/dacastside1-1024x297.png\" alt=\"live stream\" class=\"wp-image-9490\" srcset=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20210304082102\/dacastside1-1024x297.png 1024w, https:\/\/d241b8qep9dzid.cloudfront.net\/20210304082102\/dacastside1-300x87.png 300w, https:\/\/d241b8qep9dzid.cloudfront.net\/20210304082102\/dacastside1-768x223.png 768w, https:\/\/d241b8qep9dzid.cloudfront.net\/20210304082102\/dacastside1.png 1035w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><strong>Stacked Video &amp; Chat<\/strong><\/p>\n\n\n\n<p>Here&#8217;s the sample code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.wrapper { display: flex; max-width: 1600px; margin: auto; }\n.half { width: 50%; }\n&#91;style*=\"--aspect-ratio\"] &gt; :first-child {\n\twidth: 100%;\n}\n&#91;style*=\"--aspect-ratio\"] &gt; img {\n\theight: auto;\n}\n@supports (--custom:property) {\n\t&#91;style*=\"--aspect-ratio\"] {\n\t\tposition: relative;\n\t}\n\t&#91;style*=\"--aspect-ratio\"]::before {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tpadding-bottom: calc(100% \/ (var(--aspect-ratio)));\n\t}\n\t&#91;style*=\"--aspect-ratio\"] &gt; :first-child {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\theight: 100%;\n\t}\n}<\/code><\/pre>\n\n\n\n<p>A simple pair of stacked panels with your live stream or video-on-demand content on top and a live chat channel below.<br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"544\" height=\"630\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20210304082053\/dacastbelow1.png\" alt=\"integrate RumbleTalk Dacast\" class=\"wp-image-9489\" srcset=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20210304082053\/dacastbelow1.png 544w, https:\/\/d241b8qep9dzid.cloudfront.net\/20210304082053\/dacastbelow1-259x300.png 259w\" sizes=\"(max-width: 544px) 100vw, 544px\" \/><\/figure><\/div>\n\n\n<p>Copy and pasting the RumbleTalk group chat and Dacast live streaming embed code is that simple. Now, you can chat with your audience while live streaming on Dacast. If you have any questions about how to integrate RumbleTalk with Dacast, don\u2019t hesitate to <a href=\"https:\/\/rumbletalk.com\/about_us\/contact_us\/\">contact us<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Integrate RumbleTalk Group Chat with Dacast Live Streaming &#8211; online group chat for web site<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"epkb_post_type_1_category":[347],"epkb_post_type_1_tag":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Integrate RumbleTalk Group Chat with Dacast Live Streaming - Online Group Chat Room Plugin for Websites and Live events<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrate RumbleTalk Group Chat with Dacast Live Streaming - Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"og:description\" content=\"Integrate RumbleTalk Group Chat with Dacast Live Streaming - online group chat for web site\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rumbletalk\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-22T05:59:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh4.googleusercontent.com\/KeQplSeb5K-sGNAj7_wB3l8-rphyQgRUHmIplI7t1ltVWSQAPJ4x-5MOblBeWlHEqUq2ydnPzMAn6eCZrzwUuz0gal4TXiGMqY11KkPi9vi-ZgK7wO-j78fjh979xk-qKloWQB0H\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/\",\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/\",\"name\":\"Integrate RumbleTalk Group Chat with Dacast Live Streaming - Online Group Chat Room Plugin for Websites and Live events\",\"isPartOf\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\"},\"datePublished\":\"2021-03-02T14:50:46+00:00\",\"dateModified\":\"2024-10-22T05:59:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rumbletalk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrate RumbleTalk Group Chat with Dacast Live Streaming\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\",\"url\":\"https:\/\/rumbletalk.com\/blog\/\",\"name\":\"Online Group Chat Plugin for Websites and Event\",\"description\":\"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/53a763b494aec8f004846c17ae8d90c3\",\"name\":\"Mary Alice\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g\",\"caption\":\"Mary Alice\"},\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/author\/mary-alice\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integrate RumbleTalk Group Chat with Dacast Live Streaming - Online Group Chat Room Plugin for Websites and Live events","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/","og_locale":"en_US","og_type":"article","og_title":"Integrate RumbleTalk Group Chat with Dacast Live Streaming - Online Group Chat Room Plugin for Websites and Live events","og_description":"Integrate RumbleTalk Group Chat with Dacast Live Streaming - online group chat for web site","og_url":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/","og_site_name":"Online Group Chat Room Plugin for Websites and Live events","article_publisher":"https:\/\/www.facebook.com\/rumbletalk","article_modified_time":"2024-10-22T05:59:22+00:00","og_image":[{"url":"https:\/\/lh4.googleusercontent.com\/KeQplSeb5K-sGNAj7_wB3l8-rphyQgRUHmIplI7t1ltVWSQAPJ4x-5MOblBeWlHEqUq2ydnPzMAn6eCZrzwUuz0gal4TXiGMqY11KkPi9vi-ZgK7wO-j78fjh979xk-qKloWQB0H"}],"twitter_card":"summary_large_image","twitter_site":"@rumbletalk","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/","url":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/","name":"Integrate RumbleTalk Group Chat with Dacast Live Streaming - Online Group Chat Room Plugin for Websites and Live events","isPartOf":{"@id":"https:\/\/rumbletalk.com\/blog\/#website"},"datePublished":"2021-03-02T14:50:46+00:00","dateModified":"2024-10-22T05:59:22+00:00","breadcrumb":{"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-dacast-live-streaming\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rumbletalk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Integrate RumbleTalk Group Chat with Dacast Live Streaming"}]},{"@type":"WebSite","@id":"https:\/\/rumbletalk.com\/blog\/#website","url":"https:\/\/rumbletalk.com\/blog\/","name":"Online Group Chat Plugin for Websites and Event","description":"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/53a763b494aec8f004846c17ae8d90c3","name":"Mary Alice","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g","caption":"Mary Alice"},"url":"https:\/\/rumbletalk.com\/blog\/index.php\/author\/mary-alice\/"}]}},"_links":{"self":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/9472"}],"collection":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=9472"}],"version-history":[{"count":13,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/9472\/revisions"}],"predecessor-version":[{"id":17290,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/9472\/revisions\/17290"}],"wp:attachment":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=9472"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1_category?post=9472"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1_tag?post=9472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}