{"id":261,"date":"2025-06-04T07:47:26","date_gmt":"2025-06-04T07:47:26","guid":{"rendered":"https:\/\/documentation.iqonic.design\/live-streaming\/?p=261"},"modified":"2025-06-12T09:00:28","modified_gmt":"2025-06-12T09:00:28","slug":"setting-info","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/live-streaming\/2025\/06\/04\/setting-info\/","title":{"rendered":"Setting info"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>This section allows you to manage key visual, behavioral, and advertisement-related configurations for your streaming setup.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">1\ufe0f\u20e3 <strong>General Settings<\/strong><\/h3>\n\n\n\n<p>Customize the visual appearance of your player and add custom styling:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"932\" src=\"https:\/\/documentation.iqonic.design\/live-streaming\/wp-content\/uploads\/sites\/14\/2025\/06\/ss-general.png\" alt=\"\" class=\"wp-image-461\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Primary Color<\/strong> &#8211; This is the main color used for buttons and highlights on your site. (e.g., buttons).<\/li>\n\n\n\n<li><strong>Primary Hover Color<\/strong> &#8211; This color shows up when someone hovers their mouse over buttons or links.<\/li>\n\n\n\n<li><strong><strong>Body Background Color<\/strong><\/strong> &#8211; The background color of the entire live streaming page.<\/li>\n\n\n\n<li><strong>Body Title Color<\/strong> &#8211; Color of the main titles and headings on the page.<\/li>\n\n\n\n<li><strong>Hover Color<\/strong> &#8211; Color displayed when users hover over buttons or interactive elements.<\/li>\n\n\n\n<li><strong>Body Text Color<\/strong> &#8211; The color of regular text content.<\/li>\n\n\n\n<li><strong>Border Color<\/strong> &#8211; Color used for borders around boxes or sections.<\/li>\n\n\n\n<li><strong>Card Background Color<\/strong> &#8211; Sets the background color of individual cards.<\/li>\n\n\n\n<li><strong>Custom CSS<\/strong> &#8211; Add your own CSS rules for further design customizations.<\/li>\n<\/ul>\n\n\n\n<p>\u2705 <strong>Click \u201cSave Setting\u201d to apply changes.<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">2\ufe0f\u20e3 <strong>Player Settings<\/strong><\/h3>\n\n\n\n<p>Control player behavior and visual Configure:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"932\" src=\"https:\/\/documentation.iqonic.design\/live-streaming\/wp-content\/uploads\/sites\/14\/2025\/06\/ss-player.png\" alt=\"\" class=\"wp-image-462\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Player Controller Color<\/strong> &#8211; Color of the video control bar and UI icons.<\/li>\n\n\n\n<li><strong>Player Text Color<\/strong> &#8211; Sets the color of any text shown inside the video player.<\/li>\n<\/ul>\n\n\n\n<p>\u2705 Don\u2019t forget to click <strong>\u201cSave Setting\u201d<\/strong> after changes.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">3\ufe0f\u20e3 <strong>EPG Settings<\/strong><\/h3>\n\n\n\n<p>Set up your <strong>Electronic Program Guide (EPG)<\/strong> configuration to show channel schedules and program metadata.<\/p>\n\n\n\n<p>\ud83d\udcd8 See detailed EPG setup here:<br>\ud83d\udc49 <a href=\"https:\/\/documentation.iqonic.design\/live-streaming\/electronic-program-guide\/epg-confiig\">EPG Configuration Guide<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">4\ufe0f\u20e3 <strong>Advertisement Settings<\/strong><\/h3>\n\n\n\n<p>Style and control your <strong>HTML Ads<\/strong> display within the video player.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"932\" src=\"https:\/\/documentation.iqonic.design\/live-streaming\/wp-content\/uploads\/sites\/14\/2025\/06\/ss-advertisement.png\" alt=\"\" class=\"wp-image-464\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ad Title Color<\/strong> &#8211; Text color for the advertisement title.<\/li>\n\n\n\n<li><strong><strong>Ad Description Color<\/strong><\/strong> &#8211; Text color for the advertisement title.<\/li>\n\n\n\n<li><strong><strong>CTA Button Text Color<\/strong><\/strong> &#8211; Color of the call-to-action button text.<\/li>\n\n\n\n<li><strong>CTA Button Color<\/strong> -Background color of the CTA button.<\/li>\n\n\n\n<li><strong>CTA Button Hover Color<\/strong> &#8211;  button color when users hover over the CTA button.<\/li>\n\n\n\n<li><strong><strong>Ad Background Color<\/strong><\/strong> &#8211; Sets the background for the ad area.<\/li>\n\n\n\n<li><strong><strong><strong>Ad Duration (seconds)<\/strong><\/strong><\/strong> &#8211; How long (in seconds) the ad will appear.<\/li>\n\n\n\n<li><strong><strong><strong>Skip Button Display Time (seconds)<\/strong><\/strong><\/strong> &#8211; When the &#8220;Skip Ad&#8221; button should appear (e.g., after 5 seconds).<\/li>\n<\/ul>\n\n\n\n<p>\u2705 Click <strong>\u201cSave Setting\u201d<\/strong> to store your ad configuration.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">5\ufe0f\u20e3 <strong>Global Ads Settings<\/strong><\/h3>\n\n\n\n<p>Manage all types of ad insertion: Pre-Roll, Mid-Roll, and Post-Roll.<\/p>\n\n\n\n<p>\ud83d\udcd8 See detailed Stream Ad Configuration guide here:<br>\ud83d\udc49 <a class=\"\" href=\"https:\/\/documentation.iqonic.design\/live-streaming\/ads-monetization\/stream-ad-config\">Stream Ad Configuration Guide<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>\u2705 Save your final setup by clicking <strong>\u201cSave Setting.\u201d<\/strong><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This section allows you to manage key visual, behavioral, and advertisement-related configurations for your streaming setup. 1\ufe0f\u20e3 General Settings Customize the visual appearance of your player and add custom styling: \u2705 Click \u201cSave Setting\u201d to apply changes. 2\ufe0f\u20e3 Player Settings Control player behavior and visual Configure: \u2705 Don\u2019t forget to click \u201cSave Setting\u201d after changes. [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":259,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-261","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"wordpressadminiq","author_link":"https:\/\/documentation.iqonic.design\/live-streaming\/author\/wordpressadminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/posts\/261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/comments?post=261"}],"version-history":[{"count":16,"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/posts\/261\/revisions"}],"predecessor-version":[{"id":473,"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/posts\/261\/revisions\/473"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/posts\/259"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/media?parent=261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/categories?post=261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/live-streaming\/wp-json\/wp\/v2\/tags?post=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}