{"id":17407,"date":"2025-11-17T02:52:28","date_gmt":"2025-11-17T02:52:28","guid":{"rendered":"https:\/\/disruptarian.com\/blog\/?page_id=17407"},"modified":"2025-11-17T02:52:28","modified_gmt":"2025-11-17T02:52:28","slug":"matrix-chat","status":"publish","type":"page","link":"https:\/\/disruptarian.com\/blog\/matrix-chat\/","title":{"rendered":"Matrix Chat"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text css=&#8221;&#8221;]<\/p>\n<p style=\"text-align: center;\">                <div class=\"airwave-combined-shortcode\" data-stream=\"0\" data-room=\"#disruptiverequests:matrix.org\" data-logged-in=\"false\">\r\n                        \r\n            <div class=\"airwave-tabs\">\r\n                <nav class=\"airwave-tab-nav\">\r\n                    <button type=\"button\" class=\"airwave-tab-btn active\" data-tab=\"radio\">Radio<\/button>\r\n                    <button type=\"button\" class=\"airwave-tab-btn\" data-tab=\"chat\">Chat<\/button>\r\n                <\/nav>\r\n                \r\n                <div class=\"airwave-tab-content\">\r\n                    <div id=\"radio\" class=\"airwave-tab-panel active\">\r\n                                <div class=\"awmx-card awmx-theme-light\" data-stream=\"0\" data-show-history=\"false\">\n            <div class=\"awmx-card__header\">\n                <h3>Radio Station<\/h3>\n            <\/div>\n            <div class=\"awmx-radio__body\">\n                <div class=\"awmx-controls\">\n                    <button class=\"awmx-btn awmx-play\">\u25b6 Start<\/button>\n                    <button class=\"awmx-btn awmx-pause\" style=\"display:none;\">\u23f8 Pause<\/button>\n                    <button class=\"awmx-btn awmx-stop\">\u23f9 Stop<\/button>\n                    <div class=\"awmx-inline\">\n                        <label>Volume:<\/label>\n                        <input type=\"range\" class=\"awmx-vol\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\">\n                    <\/div>\n                    <div class=\"awmx-inline\">\n                        <label>Stream:<\/label>\n                        <select class=\"awmx-stream-select\"><\/select>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"awmx-warn\" hidden><\/div>\n                \n                <div class=\"awmx-meta-grid\">\n                                        <img decoding=\"async\" id=\"awmx_art\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iIzMzMzMzMyIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiM4ODg4ODgiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGR5PSIuM2VtIj5ObyBDb3ZlcjwvdGV4dD48L3N2Zz4=\" alt=\"Album Cover\" style=\"display:inline; width:200px; height:200px; object-fit:cover; background:#333;\">\n                    <div class=\"awmx-stack awmx-meta-inline\">\n                        <div class=\"awmx-now-playing-container\">\n                            <strong>Now Playing:<\/strong>\n                            <div class=\"awmx-title-marquee\">\n                                <span id=\"awmx_title\" class=\"awmx-title-text\">\u2013<\/span>\n                            <\/div>\n                        <\/div>\n                        <div><strong>Listeners:<\/strong> <span id=\"awmx_listeners\">\u2013<\/span><\/div>\n                        <div><strong>DJ:<\/strong> <span id=\"awmx_dj\">\u2013<\/span><\/div>\n                    <\/div>\n                <\/div>\n                \n                                \n                <div class=\"awmx-viz-container\">\n                    <canvas class=\"awmx-viz-canvas\" width=\"400\" height=\"120\"><\/canvas>\n                <\/div>\n                \n                <audio class=\"awmx-audio\" preload=\"none\" crossorigin=\"anonymous\"><\/audio>\n            <\/div>\n        <\/div>\n                            <\/div>\r\n                    \r\n                    <div id=\"chat\" class=\"airwave-tab-panel\">\r\n                                <div class=\"awmx-card awmx-theme-light\">\n            <div class=\"awmx-card__header\">\n                <h3>Matrix Chat<\/h3>\n            <\/div>\n            <div class=\"awmx-matrix__root\" data-homeserver=\"https:\/\/matrix-client.matrix.org\" data-room=\"\">\n                \n                <!-- Login Form -->\n                <form class=\"awmx-matrix__login\">\n                    <div class=\"awmx-stack\">\n                        <div class=\"awmx-inline\">\n                            <label>Homeserver:<\/label>\n                            <input type=\"url\" name=\"homeserver\" value=\"https:\/\/matrix-client.matrix.org\" placeholder=\"https:\/\/matrix-client.matrix.org\">\n                        <\/div>\n                        <div class=\"awmx-inline\">\n                            <label>Username:<\/label>\n                            <input type=\"text\" name=\"username\" placeholder=\"@user:domain.com\" required>\n                        <\/div>\n                        <div class=\"awmx-inline\">\n                            <label>Password:<\/label>\n                            <input type=\"password\" name=\"password\" required>\n                        <\/div>\n                        <button type=\"submit\" class=\"awmx-btn\">Login<\/button>\n                    <\/div>\n                <\/form>\n                \n                <!-- Chat App -->\n                <div class=\"awmx-matrix__app\" hidden>\n                    <div class=\"awmx-matrix__sidebar\">\n                        <div class=\"awmx-room__header\">\n                            <h4>Rooms<\/h4>\n                        <\/div>\n                        <div class=\"awmx-room__list\"><\/div>\n                        \n                        <div class=\"awmx-stack\">\n                            <div class=\"awmx-inline\">\n                                <input type=\"text\" class=\"awmx-join-input\" placeholder=\"#room:domain.com\">\n                                <button class=\"awmx-btn awmx-join-btn\">Join<\/button>\n                            <\/div>\n                        <\/div>\n                        \n                        <button class=\"awmx-btn awmx-logout\">Logout<\/button>\n                    <\/div>\n                    \n                    <div class=\"awmx-matrix__timeline\">\n                        <div class=\"awmx-room__header\">\n                            <span class=\"awmx-room__name\">Select a room<\/span>\n                        <\/div>\n                        <div class=\"awmx-events\"><\/div>\n                        <form class=\"awmx-composer\">\n                            <input type=\"text\" class=\"awmx-input\" placeholder=\"Type your message...\">\n                            <button type=\"submit\" class=\"awmx-btn\">Send<\/button>\n                        <\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3 style=\"text-align: center;\"><strong><a href=\"https:\/\/matrix.to\/#\/#disruptarianradio:matrix.org\" target=\"_blank\" rel=\"noopener\">Cick here to open with Element,io<\/a><\/strong><\/h3>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div><style>\r\n.lwrp.link-whisper-related-posts{\r\n            \r\n            margin-top: 40px;\nmargin-bottom: 30px;\r\n        }\r\n        .lwrp .lwrp-title{\r\n            \r\n            \r\n        }.lwrp .lwrp-description{\r\n            \r\n            \r\n\r\n        }\r\n        .lwrp .lwrp-list-container{\r\n        }\r\n        .lwrp .lwrp-list-multi-container{\r\n            display: flex;\r\n        }\r\n        .lwrp .lwrp-list-double{\r\n            width: 48%;\r\n        }\r\n        .lwrp .lwrp-list-triple{\r\n            width: 32%;\r\n        }\r\n        .lwrp .lwrp-list-row-container{\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n        .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n            width: calc(25% - 20px);\r\n        }\r\n        .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n            \r\n            \r\n        }\r\n        .lwrp .lwrp-list-item img{\r\n            max-width: 100%;\r\n            height: auto;\r\n            object-fit: cover;\r\n            aspect-ratio: 1 \/ 1;\r\n        }\r\n        .lwrp .lwrp-list-item.lwrp-empty-list-item{\r\n            background: initial !important;\r\n        }\r\n        .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n        .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n            \r\n            \r\n            \r\n            \r\n        }@media screen and (max-width: 480px) {\r\n            .lwrp.link-whisper-related-posts{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-title{\r\n                \r\n                \r\n            }.lwrp .lwrp-description{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-list-multi-container{\r\n                flex-direction: column;\r\n            }\r\n            .lwrp .lwrp-list-multi-container ul.lwrp-list{\r\n                margin-top: 0px;\r\n                margin-bottom: 0px;\r\n                padding-top: 0px;\r\n                padding-bottom: 0px;\r\n            }\r\n            .lwrp .lwrp-list-double,\r\n            .lwrp .lwrp-list-triple{\r\n                width: 100%;\r\n            }\r\n            .lwrp .lwrp-list-row-container{\r\n                justify-content: initial;\r\n                flex-direction: column;\r\n            }\r\n            .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n                width: 100%;\r\n            }\r\n            .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n            .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n                \r\n                \r\n                \r\n                \r\n            };\r\n        }<\/style>\r\n<div id=\"link-whisper-related-posts-widget\" class=\"link-whisper-related-posts lwrp\">\r\n            <h3 class=\"lwrp-title\">Related Posts<\/h3>    \r\n        <div class=\"lwrp-list-container\">\r\n                                            <div class=\"lwrp-list-multi-container\">\r\n                    <ul class=\"lwrp-list lwrp-list-double lwrp-list-left\">\r\n                        <li class=\"lwrp-list-item\"><a href=\"https:\/\/disruptarian.com\/blog\/exploring-heritage-your-guide-to-local-conservative-talk-radio-stations\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Exploring Heritage: Your Guide to Local Conservative Talk Radio Stations<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/disruptarian.com\/blog\/the-coup-at-project-veritas-betrayal-from-within\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">The Coup at Project Veritas: Betrayal from Within<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/disruptarian.com\/blog\/the-development-of-conservative-talk-radio-tracing-its-path-from-the-reagan-era-to-the-digital-era\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">The Development of Conservative Talk Radio: Tracing its Path from the Reagan Era to the Digital Era<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/disruptarian.com\/blog\/bob-marley-and-the-globalization-of-reggae-music\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Bob Marley and the Globalization of Reggae Music<\/span><\/a><\/li>                    <\/ul>\r\n                    <ul class=\"lwrp-list lwrp-list-double lwrp-list-right\">\r\n                        <li class=\"lwrp-list-item\"><a href=\"https:\/\/disruptarian.com\/blog\/gnostic-soteriology-exploring-the-path-to-spiritual-liberation\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Gnostic Soteriology: Exploring the Path to Spiritual Liberation<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/disruptarian.com\/blog\/exploring-the-beats-a-global-guide-to-reggae-radio-stations\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Exploring the Beats: A Global Guide to Reggae Radio Stations<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/disruptarian.com\/blog\/donald-trump-weighs-in-on-plans-for-gaza-rebuild\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Donald Trump weighs in on plans for Gaza rebuild<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/disruptarian.com\/blog\/evaluating-the-long-term-effects-of-trumps-judiciary-on-civil-rights\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Evaluating the Long-Term Effects of Trump&#8217;s Judiciary on Civil Rights<\/span><\/a><\/li>                    <\/ul>\r\n                <\/div>\r\n                        <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text css=&#8221;&#8221;] [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;&#8221;] Cick here to open with Element,io [\/vc_column_text][\/vc_column][\/vc_row] Related Posts Exploring Heritage: Your Guide to Local Conservative Talk Radio StationsThe Coup at Project Veritas: Betrayal from WithinThe Development of Conservative Talk Radio: Tracing its Path from the Reagan Era to the Digital EraBob Marley and the Globalization of Reggae Music Gnostic Soteriology: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-17407","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/disruptarian.com\/blog\/wp-json\/wp\/v2\/pages\/17407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disruptarian.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/disruptarian.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/disruptarian.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disruptarian.com\/blog\/wp-json\/wp\/v2\/comments?post=17407"}],"version-history":[{"count":0,"href":"https:\/\/disruptarian.com\/blog\/wp-json\/wp\/v2\/pages\/17407\/revisions"}],"wp:attachment":[{"href":"https:\/\/disruptarian.com\/blog\/wp-json\/wp\/v2\/media?parent=17407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}