{"id":2361,"date":"2025-05-31T17:11:41","date_gmt":"2025-05-31T17:11:41","guid":{"rendered":"https:\/\/followerspanda.com\/blog\/?page_id=2361"},"modified":"2025-06-06T12:22:03","modified_gmt":"2025-06-06T12:22:03","slug":"stream-comment-generator","status":"publish","type":"page","link":"https:\/\/followerspanda.com\/blog\/stream-comment-generator\/","title":{"rendered":"Stream comment generator"},"content":{"rendered":"        <div id=\"scg-container\">\n            <div class=\"scg-chat-interface\">\n                <div class=\"scg-header\">\n                    <h3>Stream Comment Generator<\/h3>\n                    <div class=\"scg-status\" id=\"scg-status\">Ready<\/div>\n                <\/div>\n                \n                <div class=\"scg-form-container\">\n                    \n                    <form id=\"scg-form\">\n                        <div class=\"scg-input-group\">\n                            <label for=\"stream-topic\">\ud83c\udfae What's your stream vibe?<\/label>\n                            <select id=\"stream-topic\" name=\"stream_topic\" required>\n                                <option value=\"\">Choose your content...<\/option>\n                                <option value=\"gaming\">\ud83c\udfae Gaming<\/option>\n                                <option value=\"music\">\ud83c\udfb5 Music & Beats<\/option>\n                                <option value=\"art\">\ud83c\udfa8 Art & Creative<\/option>\n                                <option value=\"cooking\">\ud83c\udf73 Cooking & Food<\/option>\n                                <option value=\"fitness\">\ud83d\udcaa Fitness & Health<\/option>\n                                <option value=\"education\">\ud83d\udcda Education & Learning<\/option>\n                                <option value=\"technology\">\u26a1 Tech & Innovation<\/option>\n                                <option value=\"entertainment\">\ud83c\udfad Entertainment<\/option>\n                                <option value=\"sports\">\u26bd Sports & Competition<\/option>\n                                <option value=\"other\">\ud83c\udf1f Other Content<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"scg-input-group\">\n                            <label for=\"comment-type\">\ud83d\udcac What chat energy do you want?<\/label>\n                            <select id=\"comment-type\" name=\"comment_type\" required>\n                                <option value=\"\">Select chat style...<\/option>\n                                <option value=\"positive\">\u2728 Hype & Support<\/option>\n                                <option value=\"questions\">\u2753 Questions & Engagement<\/option>\n                                <option value=\"reactions\">\ud83d\udd25 Reactions & Excitement<\/option>\n                                <option value=\"suggestions\">\ud83d\udca1 Tips & Pro Advice<\/option>\n                                <option value=\"mixed\">\ud83c\udfaf Mixed Chat Vibes<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"scg-input-group\">\n                            <label for=\"custom-context\">\ud83d\ude80 Extra context for the AI<\/label>\n                            <input type=\"text\" id=\"custom-context\" name=\"custom_context\" placeholder=\"e.g., speedrun attempt, first playthrough, cooking challenge...\">\n                        <\/div>\n                        \n                        <button type=\"submit\" class=\"scg-generate-btn\">\n                            <div class=\"scg-btn-content\">\n                                <svg class=\"scg-ai-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z\" fill=\"currentColor\"\/>\n                                    <path d=\"M19 15L19.5 17L21.5 17.5L19.5 18L19 20L18.5 18L16.5 17.5L18.5 17L19 15Z\" fill=\"currentColor\"\/>\n                                    <path d=\"M5 6L5.5 7.5L7 8L5.5 8.5L5 10L4.5 8.5L3 8L4.5 7.5L5 6Z\" fill=\"currentColor\"\/>\n                                <\/svg>\n                                <span class=\"scg-btn-text\">Generate Chat<\/span>\n                                <span class=\"scg-loading\" style=\"display: none;\">\n                                    <svg class=\"scg-loading-icon\" viewBox=\"0 0 24 24\">\n                                        <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-dasharray=\"32\" stroke-dashoffset=\"32\">\n                                            <animate attributeName=\"stroke-dasharray\" dur=\"2s\" values=\"0 32;16 16;0 32;0 32\" repeatCount=\"indefinite\"\/>\n                                            <animate attributeName=\"stroke-dashoffset\" dur=\"2s\" values=\"0;-16;-32;-32\" repeatCount=\"indefinite\"\/>\n                                        <\/animate>\n                                    <\/circle>\n                                <\/svg>\n                                AI Working...\n                            <\/span>\n                        <\/div>\n                    <\/button>\n                    <\/form>\n                <\/div>\n                \n                <div class=\"scg-results\" id=\"scg-results\" style=\"display: none;\">\n                    <div class=\"scg-results-header\">\n                        <h4>\ud83d\udd25 Generated Chat Comments<\/h4>\n                        <button id=\"scg-copy-all\" class=\"scg-copy-btn\">\ud83d\udccb Copy All<\/button>\n                    <\/div>\n                    <div class=\"scg-comments-container\" id=\"scg-comments-container\">\n                        <!-- Comments will be populated here -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2361","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/followerspanda.com\/blog\/wp-json\/wp\/v2\/pages\/2361"}],"collection":[{"href":"https:\/\/followerspanda.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/followerspanda.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/followerspanda.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/followerspanda.com\/blog\/wp-json\/wp\/v2\/comments?post=2361"}],"version-history":[{"count":3,"href":"https:\/\/followerspanda.com\/blog\/wp-json\/wp\/v2\/pages\/2361\/revisions"}],"predecessor-version":[{"id":2380,"href":"https:\/\/followerspanda.com\/blog\/wp-json\/wp\/v2\/pages\/2361\/revisions\/2380"}],"wp:attachment":[{"href":"https:\/\/followerspanda.com\/blog\/wp-json\/wp\/v2\/media?parent=2361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}