{"id":917,"date":"2020-03-02T22:19:47","date_gmt":"2020-03-02T22:19:47","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=917"},"modified":"2020-03-05T23:12:20","modified_gmt":"2020-03-05T23:12:20","slug":"html5-chat-and-webradio","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/html5-chat-and-webradio\/","title":{"rendered":"html5 chat and webradio (updated)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Set a global radio for your chat<\/h2>\n\n\n\n<p>You can set a global webradio player for whole site.  Just go to your chatadmin \/ config and specify a valid https resource for your radio<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">or set a radio per room !<\/h2>\n\n\n\n<p>You can now specify a webradio per room. Just go your chatadmin\/room and specify (or leave blank) a web radio url for each room<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Audio restrictions<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Your stream MUST be <strong>https<\/strong><\/li><li>autoPlay does not start automatically because of your browsers restructions : You can read why autoplay does not start here: <br> <a href=\"https:\/\/developers.google.com\/web\/updates\/2017\/09\/autoplay-policy-changes\">https:\/\/developers.google.com\/web\/updates\/2017\/09\/autoplay-policy-changes<\/a> <\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to customize the radio look&amp;feel ?<\/h2>\n\n\n\n<p>In fact  the webradio is just a html  <strong>&lt;audio&gt;<\/strong> element.<br>So it is quite limited to make some customizations.  However we will add some better player soon like:  <a href=\"https:\/\/www.mediaelementjs.com\/\">https:\/\/www.mediaelementjs.com\/<\/a> <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Where to find Radio streams ?<\/h2>\n\n\n\n<p>Google is your friend: You can easily find thousands of free radios<br>ex:  <a href=\"http:\/\/dir.xiph.org\/\">http:\/\/dir.xiph.org\/<\/a> <\/p>\n\n\n\n<p>But.. make sure they are playable inside the html5 &lt;audio>element (mostly of time they should be .mp3 files)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to start webcams muted ?<\/h2>\n\n\n\n<p>This is also a frequent question. You can now start webcam muted in a room. (go to your chatadmin ->rooms)<\/p>\n\n\n\n<p>But you can also assign muted webcam per role.<br>  (go to chatadmin->roles->advanced)<br><br>Ex: <strong>admin <\/strong>And <strong>DJ <\/strong>roles will have webcam no muted, whereas roles like <strong>guest <\/strong>and <strong>user <\/strong>will have their webcam muted<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Set a global radio for your chat You can set a global webradio player for whole site. Just go to your chatadmin \/ config and specify a valid https resource for your radio or set a radio per room ! You can now specify a webradio per room. Just go your chatadmin\/room and specify (or [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":919,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-917","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=917"}],"version-history":[{"count":6,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/917\/revisions"}],"predecessor-version":[{"id":926,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/917\/revisions\/926"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/919"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=917"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=917"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}