{"id":1024,"date":"2020-06-12T19:52:24","date_gmt":"2020-06-12T19:52:24","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=1024"},"modified":"2020-06-13T16:30:07","modified_gmt":"2020-06-13T16:30:07","slug":"display-volume-on-cams","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/display-volume-on-cams\/","title":{"rendered":"Display Volume on cams"},"content":{"rendered":"\n<p>You can now have a visual volume indicator inside any webcam.<\/p>\n\n\n\n<p>To enable that feature, go to chatadmin\/config\/webcam and set <br><strong>Display user volume<\/strong> <\/p>\n\n\n\n<p>The volume will be displayed inside the webcam and inside the userlist<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"369\" height=\"353\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/06\/volume.jpg\" alt=\"\" class=\"wp-image-1025\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/06\/volume.jpg 369w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/06\/volume-300x287.jpg 300w\" sizes=\"auto, (max-width: 369px) 100vw, 369px\" \/><figcaption>Volume indicator&#8230;<\/figcaption><\/figure>\n\n\n\n<p>You can also display an effect on video (red border) when volume is detected (when user speaks or streams sound): you have to check this propetry: <\/p>\n\n\n\n<p>Add red border on webcam when volume detected (<strong>addEffectOnVolumeDetection) <\/strong>in chatadmin\/config\/webcam<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"821\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/06\/screenshot1-1024x821.png\" alt=\"\" class=\"wp-image-1030\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/06\/screenshot1-1024x821.png 1024w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/06\/screenshot1-300x241.png 300w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/06\/screenshot1-768x616.png 768w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/06\/screenshot1.png 1172w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Red border effect on volume detection.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can now have a visual volume indicator inside any webcam. To enable that feature, go to chatadmin\/config\/webcam and set Display user volume The volume will be displayed inside the webcam and inside the userlist You can also display an effect on video (red border) when volume is detected (when user speaks or streams sound): [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1026,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[169,168],"class_list":["post-1024","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-sound","tag-volume"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1024","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=1024"}],"version-history":[{"count":3,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1024\/revisions"}],"predecessor-version":[{"id":1031,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/1024\/revisions\/1031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/1026"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=1024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=1024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=1024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}