{"id":11417,"date":"2019-03-29T16:18:29","date_gmt":"2019-03-29T13:18:29","guid":{"rendered":"https:\/\/trueconf.com\/blog\/?p=11417"},"modified":"2022-06-06T23:28:07","modified_gmt":"2022-06-06T20:28:07","slug":"embedding-trueconf-video-conferencing-into-your-website","status":"publish","type":"post","link":"https:\/\/trueconf.com/blog\/knowledge-base\/embedding-trueconf-video-conferencing-into-your-website","title":{"rendered":"Embedding TrueConf video conferencing into your website"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You can add TrueConf web conferences to your website with the help of <a href=\"https:\/\/trueconf.com\/blog\/wiki\/conference-page\" target=\"_blank\" rel=\"noopener\">conference page<\/a> widget.<\/span><\/p>\n<div class=\"marked_note marked_note--warning\">Please note that only <b>public conferences<\/b> can be embedded into a website. To learn more about public web conferences and how to set them up, <a href=\"https:\/\/trueconf.com\/blog\/knowledge-base\/how-to-host-a-webinar-using-trueconf-server.html\" target=\"_blank\" rel=\"noopener\">read our manual<\/a>.<\/div>\n<h2 style=\"text-align: justify;\">Guide for TrueConf Server Administrator<\/h2>\n<p style=\"text-align: justify;\">Select a video conference you would like to add to your website in TrueConf Server <a href=\"https:\/\/trueconf.com\/blog\/wiki\/trueconf-server-control-panel\" target=\"_blank\" rel=\"noopener\">control panel<\/a> (<a href=\"https:\/\/docs.trueconf.com\/server\/en\/admin\/web-config#group-conferences-tab\" target=\"_blank\" rel=\"noopener\"><strong>Group Conferences<\/strong> \u2192 <strong>Conferences <\/strong><\/a>section). Click on the link next to <strong>Integration<\/strong><b>.<\/b><!--more--><\/p>\n<p><a href=\"https:\/\/trueconf.com\/blog\/wp-content\/uploads\/2019\/03\/integration_en-1.png\" data-rel=\"lightbox-gallery-CRkhnV2e\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter wp-image-14630 \" style=\"border: 1px solid #D1CCCC;\" src=\"https:\/\/trueconf.com\/blog\/wp-content\/uploads\/2019\/03\/integration_en-1-690x403.png\" alt=\"\" width=\"690\" height=\"403\" loading=\"lazy\" title=\"\" srcset=\"https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/integration_en-1-690x403.png 690w, https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/integration_en-1-768x449.png 768w, https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/integration_en-1-1024x598.png 1024w, https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/integration_en-1-290x169.png 290w, https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/integration_en-1.png 1051w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><\/a><\/p>\n<p>You will find the conference html widget code in the window that opens.<\/p>\n<p><a href=\"https:\/\/trueconf.com\/blog\/wp-content\/uploads\/2019\/03\/integration_option-1.png\" data-rel=\"lightbox-gallery-CRkhnV2e\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-11419\" style=\"border: 1px solid #D1CCCC;\" src=\"https:\/\/trueconf.com\/blog\/wp-content\/uploads\/2019\/03\/integration_option-1.png\" alt=\"\" width=\"576\" height=\"297\" loading=\"lazy\" title=\"\" srcset=\"https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/integration_option-1.png 576w, https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/integration_option-1-290x150.png 290w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<p>Copy this code and paste it into your web page.<\/p>\n<p><a href=\"https:\/\/trueconf.com\/blog\/wp-content\/uploads\/2019\/03\/2019-03-29_152122.png\" data-rel=\"lightbox-gallery-CRkhnV2e\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter size-medium wp-image-11420\" src=\"https:\/\/trueconf.com\/blog\/wp-content\/uploads\/2019\/03\/2019-03-29_152122-424x470.png\" alt=\"\" width=\"424\" height=\"470\" loading=\"lazy\" title=\"\" srcset=\"https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/2019-03-29_152122-424x470.png 424w, https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/2019-03-29_152122-164x182.png 164w, https:\/\/trueconf.com/blog\/wp-content\/uploads\/2019\/03\/2019-03-29_152122.png 651w\" sizes=\"auto, (max-width: 424px) 100vw, 424px\" \/><\/a><\/p>\n<h2 style=\"text-align: justify;\">Guide for TrueConf Server User<\/h2>\n<p style=\"text-align: justify;\">In fact, conference widget is an ordinary widget, so if you know conference page address, you can paste it to the general template (<code>src<\/code> parameter):<\/p>\n<pre class=\"lang:default decode:true\">&lt;iframe allowfullscreen=\u201dallowfullscreen\u201d width=\u201d720\u201d height=\u201d405\u201d allow=\u201dmicrophone; camera\u201d src=\u201d[address]\u201d&gt;&lt;\/iframe&gt;<\/pre>\n<p>As a rule, page address <code>[address]<\/code>\u00a0looks like <code>[server]\/c\/[CID]<\/code>, where:<\/p>\n<ul>\n<li><code>[server]<b><\/b><\/code> \u2014 \u00a0IP or FQDN name of your server<\/li>\n<li><code>[CID]<b><\/b><\/code> \u2013 <a href=\"https:\/\/trueconf.com\/blog\/wiki\/conference-id\" target=\"_blank\" rel=\"noopener\">Conference ID <\/a><\/li>\n<\/ul>\n<p>For example:<\/p>\n<blockquote><p><strong>https:\/\/server.company.com\/c\/32512468<\/strong><\/p><\/blockquote>\n<p>You can embed web conference to broadcast the video meetings scheduled in your conference scheduler.<\/p>\n<h2>How to customize conference webpage<\/h2>\n<p>You can limit access to the conference page functions listed in the table below by adding <code>disabled<\/code> parameter to the widget html code:<\/p>\n<p>&nbsp;<\/p>\n<div class=\"scrolling-table__container\">\n<table class=\"scrolling-table\">\n<tbody>\n<tr>\n<th><b>Value<\/b><\/th>\n<th><b>Function<\/b><\/th>\n<\/tr>\n<tr>\n<td><b>chats<\/b><\/td>\n<td>Chat<\/td>\n<\/tr>\n<tr>\n<td><b>participants<\/b><\/td>\n<td>List of conference participants<\/td>\n<\/tr>\n<tr>\n<td><b>hangUp<\/b><\/td>\n<td>Hang up<\/td>\n<\/tr>\n<tr>\n<td><b>speaker<\/b><\/td>\n<td>Audio device settings<\/td>\n<\/tr>\n<tr>\n<td><b>camera<\/b><\/td>\n<td>Video capture device settings<\/td>\n<\/tr>\n<tr>\n<td><b>microphone<\/b><\/td>\n<td>Audio recording device settings<\/td>\n<\/tr>\n<tr>\n<td><b>settings<\/b><\/td>\n<td>Hardware settings<\/td>\n<\/tr>\n<tr>\n<td><b>podiumControls<\/b><\/td>\n<td>Go to the podium (for role-based conferences)<\/td>\n<\/tr>\n<tr>\n<td><b>showDesktop<\/b><\/td>\n<td>Screen sharing<\/td>\n<\/tr>\n<tr>\n<td><b>slideShow<\/b><\/td>\n<td>Slideshow<\/td>\n<\/tr>\n<tr>\n<td><b>fullscreen<\/b><\/td>\n<td>Full-screen conference mode<\/td>\n<\/tr>\n<tr>\n<td><b>header<\/b><\/td>\n<td>Chat, the list of participants and full-screen mode<\/td>\n<\/tr>\n<tr>\n<td><b>footer<\/b><\/td>\n<td>Hang up and all hardware settings<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">For example, to disable access to the chat and the list of participants, you should add the following stings <code>#disabled=chats,participants<\/code>\u00a0to your widget code:<\/p>\n<pre class=\"wrap:true lang:default decode:true \">&lt;iframe allowfullscreen=\"allowfullscreen\" width=\"720\" height=\"405\" allow=\"microphone;camera\" src=\"https:\/\/server.company.com\/webrtc\/32512468#disabled=chats,participants\"&gt;&lt;\/iframe&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>You can add TrueConf web conferences to your website with the help of conference page widget. Please note that only public conferences can be embedded into a website. To learn more about public web conferences and how to set them up, read our manual. Guide for TrueConf Server Administrator Select a video conference you would [&hellip;]<\/p>\n","protected":false},"author":45,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[260],"tags":[246],"class_list":["post-11417","post","type-post","status-publish","format-standard","hentry","category-knowledge-base","tag-api-and-sdk","wpautop"],"_links":{"self":[{"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/posts\/11417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/comments?post=11417"}],"version-history":[{"count":25,"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/posts\/11417\/revisions"}],"predecessor-version":[{"id":17652,"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/posts\/11417\/revisions\/17652"}],"wp:attachment":[{"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/media?parent=11417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/categories?post=11417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trueconf.com/blog\/wp-json\/wp\/v2\/tags?post=11417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}