{"id":146,"date":"2023-08-17T16:28:36","date_gmt":"2023-08-17T16:28:36","guid":{"rendered":"https:\/\/help.caster.fm\/?post_type=ht_kb&#038;p=146"},"modified":"2023-08-18T16:46:28","modified_gmt":"2023-08-18T16:46:28","slug":"widgets-players","status":"publish","type":"ht_kb","link":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/","title":{"rendered":"Widgets \/ Players"},"content":{"rendered":"\n<div class=\"wp-block-ht-block-toc  is-style-outline htoc htoc--position-wide toc-list-style-plain\" data-htoc-state=\"expanded\"><span class=\"htoc__title\"><span class=\"ht_toc_title\">Table of Contents<\/span><span class=\"htoc__toggle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\"><g fill=\"#444\"><path d=\"M15 7H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z\"><\/path><path d=\"M15 1H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1zM15 13H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z\"><\/path><\/g><\/svg><\/span><\/span><div class=\"htoc__itemswrap\"><ul class=\"ht_toc_list\"><li class=\"\"><a href=\"#htoc-live-stream-player\">Live Stream Player<\/a><ul class=\"ht_toc_child_list\"><\/ul><\/li><li class=\"\"><a href=\"#htoc-recorded-podcasts-player\">Recordings Player<\/a><ul class=\"ht_toc_child_list\"><\/ul><\/li><\/ul><\/div><\/div>\n\n\n\n<p>Caster.fm Cloud provides an embeddable players for both the live stream and recordings.<br>The Free Cloud users will only be able to use those players since the direct stream link will require a special authentication token.<br>The Cloud Plus customers will have access to the direct stream links but they can also use the provided embeddable players.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"htoc-live-stream-player\">Live Stream Player<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"786\" height=\"212\" src=\"https:\/\/caster.fm\/help\/wp-content\/uploads\/2023\/08\/image.png\" alt=\"\" class=\"wp-image-147\" srcset=\"https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image.png 786w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-300x81.png 300w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-768x207.png 768w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-50x13.png 50w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-60x16.png 60w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-100x27.png 100w\" sizes=\"(max-width: 786px) 100vw, 786px\" \/><\/figure>\n\n\n\n<p>To use Caster.fm API embeddable live stream player simply paste the following code into your website at the location you desire the player to show.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" style=\"font-size:.875rem;line-height:1.25rem\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;div data-type=&quot;streamPlayer&quot; \ndata-publicToken=&quot;XXXX&quot; \ndata-theme=&quot;dark&quot; \ndata-color=&quot;e83e8c&quot; \ndata-channelId=&quot;XXXX&quot; \ndata-rendered=&quot;false&quot; class=&quot;cstrEmbed&quot;&gt;\n    &lt;a href=&quot;https:\/\/www.caster.fm&quot;&gt;Shoutcast Hosting&lt;\/a&gt; &lt;a href=&quot;https:\/\/www.caster.fm&quot;&gt;Stream Hosting&lt;\/a&gt; &lt;a href=&quot;https:\/\/www.caster.fm&quot;&gt;Radio Server Hosting&lt;\/a&gt;\n&lt;\/div&gt;\n&lt;script src=&quot;https:\/\/cdn.cloud.caster.fm\/widgets\/embed.js&quot;&gt;&lt;\/script&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">data-type<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">streamPlayer<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-publicToken<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">XXXX<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-theme<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">dark<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-color<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">e83e8c<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-channelId<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">XXXX<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-rendered<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">false<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">cstrEmbed<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/www.caster.fm<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">Shoutcast Hosting<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/www.caster.fm<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">Stream Hosting<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/www.caster.fm<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">Radio Server Hosting<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;script<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">src<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/cdn.cloud.caster.fm\/widgets\/embed.js<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/script&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"settings-parameters\">SETTINGS PARAMETERS<a href=\"https:\/\/api.caster.fm\/docs\/api-docs\/widgets-player\/live-stream-player#settings-parameters\"><\/a><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>data-publicToken<\/strong>&nbsp;<sup><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d51a1a\" class=\"has-inline-color\">REQUIRED<\/mark><\/sup>\u2013 insert your public token from the console<\/li>\n\n\n\n<li><strong>data-theme<\/strong>&nbsp;<sup><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d51a1a\" class=\"has-inline-color\">REQUIRED<\/mark><\/sup>\u2013 dark\/light layout<\/li>\n\n\n\n<li><strong>data-color<\/strong>&nbsp;<sup><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d51a1a\" class=\"has-inline-color\">REQUIRED<\/mark><\/sup>\u2013 a hex value of the desired accent color without the hash symbol<\/li>\n\n\n\n<li><strong>data-channelId<\/strong>&nbsp;<sup><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\">OPTIONAL<\/mark><\/sup>\u2013 If provided with a valid channel id the player will be a single channel player, if this parameter is empty or missing, a multi-channel player will be displayed.<\/li>\n<\/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>Caster.fm Links In Code<br><\/strong>The back links to Caster.fm are required, they will be hidden from view but the player will not be loaded without them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"htoc-recorded-podcasts-player\">Recordings Player<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"777\" height=\"431\" src=\"https:\/\/caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-1.png\" alt=\"\" class=\"wp-image-149\" srcset=\"https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-1.png 777w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-1-300x166.png 300w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-1-768x426.png 768w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-1-50x28.png 50w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-1-60x33.png 60w, https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/08\/image-1-100x55.png 100w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/figure>\n\n\n\n<p>To use Caster.fm API embeddable recordings player simply paste the following code into your website at the location you desire the player to show.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" style=\"font-size:.875rem;line-height:1.25rem\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;div data-type=&quot;podcastsPlayer&quot; \ndata-publicToken=&quot;XXXX&quot; \ndata-theme=&quot;light&quot; \ndata-color=&quot;e83e8c&quot; \ndata-channelId=&quot;XXXX&quot; \ndata-rendered=&quot;false&quot; class=&quot;cstrEmbed&quot;&gt;\n    &lt;a href=&quot;https:\/\/www.caster.fm&quot;&gt;Shoutcast Hosting&lt;\/a&gt; &lt;a href=&quot;https:\/\/www.caster.fm&quot;&gt;Stream Hosting&lt;\/a&gt; &lt;a href=&quot;https:\/\/www.caster.fm&quot;&gt;Radio Server Hosting&lt;\/a&gt;\n&lt;\/div&gt;\n&lt;script src=&quot;https:\/\/cdn.cloud.caster.fm\/widgets\/embed.js&quot;&gt;&lt;\/script&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">data-type<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">podcastsPlayer<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-publicToken<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">XXXX<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-theme<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">light<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-color<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">e83e8c<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-channelId<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">XXXX<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">data-rendered<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">false<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">cstrEmbed<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/www.caster.fm<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">Shoutcast Hosting<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/www.caster.fm<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">Stream Hosting<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/www.caster.fm<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">Radio Server Hosting<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;script<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">src<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/cdn.cloud.caster.fm\/widgets\/embed.js<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;&lt;\/script&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"settings-parameters1\">SETTINGS PARAMETERS<a href=\"https:\/\/api.caster.fm\/docs\/api-docs\/widgets-player\/live-stream-player#settings-parameters\"><\/a><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>data-publicToken<\/strong>&nbsp;<sup><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d51a1a\" class=\"has-inline-color\">REQUIRED<\/mark><\/sup>\u2013 insert your public token from the console<\/li>\n\n\n\n<li><strong>data-theme<\/strong>&nbsp;<sup><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d51a1a\" class=\"has-inline-color\">REQUIRED<\/mark><\/sup>\u2013 dark\/light layout<\/li>\n\n\n\n<li><strong>data-color<\/strong>&nbsp;<sup><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d51a1a\" class=\"has-inline-color\">REQUIRED<\/mark><\/sup>\u2013 a hex value of the desired accent color without the hash symbol<\/li>\n\n\n\n<li><strong>data-channelId<\/strong>&nbsp;<sup><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-blue-color\">OPTIONAL<\/mark><\/sup>\u2013 If provided with a valid channel id the player will be a single channel player, if this parameter is empty or missing, a multi-channel player will be displayed.<\/li>\n<\/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>Caster.fm Links In Code<br><\/strong>The back links to Caster.fm are required, they will be hidden from view but the player will not be loaded without them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Caster.fm Cloud provides an embeddable players for both the live stream and recordings.The Free Cloud users will only be able to use those players since the direct stream link will require a special authentication token.The Cloud Plus customers will have access to the direct stream links but they can also&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"footnotes":""},"ht-kb-category":[21],"ht-kb-tag":[],"class_list":["post-146","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-api-documentation"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Widgets \/ Players - Caster.fm Help Center<\/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:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widgets \/ Players - Caster.fm Help Center\" \/>\n<meta property=\"og:description\" content=\"Caster.fm Cloud provides an embeddable players for both the live stream and recordings.The Free Cloud users will only be able to use those players since the direct stream link will require a special authentication token.The Cloud Plus customers will have access to the direct stream links but they can also...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/\" \/>\n<meta property=\"og:site_name\" content=\"Caster.fm Help Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ShoutcastServer\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-18T16:46:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/caster.fm\/help\/wp-content\/uploads\/2023\/08\/image.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@CasterFm\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/cloud\\\/api-documentation\\\/widgets-players\\\/\",\"url\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/cloud\\\/api-documentation\\\/widgets-players\\\/\",\"name\":\"Widgets \\\/ Players - Caster.fm Help Center\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/cloud\\\/api-documentation\\\/widgets-players\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/cloud\\\/api-documentation\\\/widgets-players\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/caster.fm\\\/help\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/image.png\",\"datePublished\":\"2023-08-17T16:28:36+00:00\",\"dateModified\":\"2023-08-18T16:46:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/cloud\\\/api-documentation\\\/widgets-players\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.caster.fm\\\/help\\\/cloud\\\/api-documentation\\\/widgets-players\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/cloud\\\/api-documentation\\\/widgets-players\\\/#primaryimage\",\"url\":\"https:\\\/\\\/caster.fm\\\/help\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/image.png\",\"contentUrl\":\"https:\\\/\\\/caster.fm\\\/help\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/image.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/cloud\\\/api-documentation\\\/widgets-players\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Widgets \\\/ Players\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/#website\",\"url\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/\",\"name\":\"Caster.fm Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/#organization\",\"name\":\"Caster.fm\",\"url\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/CasterFmRedLogo_1svg.svg\",\"contentUrl\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/CasterFmRedLogo_1svg.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Caster.fm\"},\"image\":{\"@id\":\"https:\\\/\\\/www.caster.fm\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ShoutcastServer\",\"https:\\\/\\\/x.com\\\/CasterFm\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Widgets \/ Players - Caster.fm Help Center","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:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/","og_locale":"en_US","og_type":"article","og_title":"Widgets \/ Players - Caster.fm Help Center","og_description":"Caster.fm Cloud provides an embeddable players for both the live stream and recordings.The Free Cloud users will only be able to use those players since the direct stream link will require a special authentication token.The Cloud Plus customers will have access to the direct stream links but they can also...","og_url":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/","og_site_name":"Caster.fm Help Center","article_publisher":"https:\/\/www.facebook.com\/ShoutcastServer","article_modified_time":"2023-08-18T16:46:28+00:00","og_image":[{"url":"https:\/\/caster.fm\/help\/wp-content\/uploads\/2023\/08\/image.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@CasterFm","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/","url":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/","name":"Widgets \/ Players - Caster.fm Help Center","isPartOf":{"@id":"https:\/\/www.caster.fm\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/#primaryimage"},"image":{"@id":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/#primaryimage"},"thumbnailUrl":"https:\/\/caster.fm\/help\/wp-content\/uploads\/2023\/08\/image.png","datePublished":"2023-08-17T16:28:36+00:00","dateModified":"2023-08-18T16:46:28+00:00","breadcrumb":{"@id":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/#primaryimage","url":"https:\/\/caster.fm\/help\/wp-content\/uploads\/2023\/08\/image.png","contentUrl":"https:\/\/caster.fm\/help\/wp-content\/uploads\/2023\/08\/image.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.caster.fm\/help\/cloud\/api-documentation\/widgets-players\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.caster.fm\/help\/"},{"@type":"ListItem","position":2,"name":"Widgets \/ Players"}]},{"@type":"WebSite","@id":"https:\/\/www.caster.fm\/help\/#website","url":"https:\/\/www.caster.fm\/help\/","name":"Caster.fm Help Center","description":"","publisher":{"@id":"https:\/\/www.caster.fm\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.caster.fm\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.caster.fm\/help\/#organization","name":"Caster.fm","url":"https:\/\/www.caster.fm\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.caster.fm\/help\/#\/schema\/logo\/image\/","url":"https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/04\/CasterFmRedLogo_1svg.svg","contentUrl":"https:\/\/www.caster.fm\/help\/wp-content\/uploads\/2023\/04\/CasterFmRedLogo_1svg.svg","width":"1024","height":"1024","caption":"Caster.fm"},"image":{"@id":"https:\/\/www.caster.fm\/help\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ShoutcastServer","https:\/\/x.com\/CasterFm"]}]}},"_links":{"self":[{"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/ht-kb\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":4,"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/ht-kb\/146\/revisions"}],"predecessor-version":[{"id":188,"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/ht-kb\/146\/revisions\/188"}],"wp:attachment":[{"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/media?parent=146"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/ht-kb-category?post=146"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.caster.fm\/help\/wp-json\/wp\/v2\/ht-kb-tag?post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}