{"id":41,"date":"2025-10-25T05:30:31","date_gmt":"2025-10-25T05:30:31","guid":{"rendered":"https:\/\/radioprogresinter.com\/Doudou\/?page_id=41"},"modified":"2025-10-25T05:30:31","modified_gmt":"2025-10-25T05:30:31","slug":"find-your-station","status":"publish","type":"page","link":"https:\/\/radioprogresinter.com\/Doudou\/find-your-station\/","title":{"rendered":"FIND YOUR STATION"},"content":{"rendered":"<p><code>        <div id=\"zafem-radio-player\">\n            <!-- RADIO PLAYER UI -->\n            <div class=\"zafem-player-header\">\n                <h3>\ud83c\udfa7 ZAFEM Radio<\/h3>\n                <div class=\"zafem-controls\">\n                    <input type=\"text\" id=\"zafem-search\" placeholder=\"\ud83d\udd0d Search stations...\">\n                    <select id=\"zafem-genre\">\n                        <option value=\"\">All Genres<\/option>\n                        <option value=\"rock\">Rock<\/option>\n                        <option value=\"pop\">Pop<\/option>\n                        <option value=\"jazz\">Jazz<\/option>\n                        <option value=\"electronic\">Electronic<\/option>\n                        <option value=\"KONPA\">KONPA<\/option>\n                    <\/select>\n                    <button id=\"zafem-search-btn\">Search<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- NOW PLAYING -->\n            <div class=\"zafem-now-playing\" style=\"display: none;\">\n                <div class=\"now-playing-info\">\n                    <strong>Now Playing:<\/strong> <span id=\"now-playing-name\"><\/span>\n                <\/div>\n                <audio controls id=\"zafem-audio-player\" style=\"width: 100%;\"><\/audio>\n            <\/div>\n            \n            <!-- STATIONS GRID -->\n            <div class=\"zafem-stations-grid\" id=\"zafem-stations-container\">\n                <div class=\"zafem-loading\">Loading stations...<\/div>\n            <\/div>\n            \n            <!-- UPGRADE PROMPT -->\n            <div class=\"zafem-upgrade-prompt\">\n                <p>\ud83c\udfaf <strong>Using Free Version:<\/strong> 100 stations available<\/p>\n                <p>\ud83d\udc8e <strong>Upgrade to Pro:<\/strong> Get 50,000+ stations, advanced features, and priority support!<\/p>\n                <button onclick=\"zafemUpgrade()\">\ud83d\ude80 Upgrade to Pro<\/button>\n            <\/div>\n        <\/div>\n        \n        <script>\n        function zafemUpgrade() {\n            window.open('https:\/\/zafemradio.com\/pricing', '_blank');\n        }\n        \n        jQuery(document).ready(function($) {\n            \/\/ Load initial stations\n            loadZafemStations();\n            \n            $('#zafem-search-btn').click(function() {\n                loadZafemStations();\n            });\n            \n            $('#zafem-search').keypress(function(e) {\n                if(e.which == 13) loadZafemStations();\n            });\n        });\n        \n        function loadZafemStations() {\n            var genre = jQuery('#zafem-genre').val();\n            var search = jQuery('#zafem-search').val();\n            \n            jQuery.ajax({\n                url: zafem_ajax.ajax_url,\n                type: 'POST',\n                data: {\n                    action: 'zafem_get_stations',\n                    genre: genre,\n                    search: search,\n                    nonce: zafem_ajax.nonce\n                },\n                success: function(response) {\n                    if(response.success) {\n                        displayStations(response.data);\n                    } else {\n                        jQuery('#zafem-stations-container').html('<div class=\"zafem-error\">Error loading stations<\/div>');\n                    }\n                }\n            });\n        }\n        \n        function displayStations(stations) {\n            var html = '';\n            stations.forEach(function(station) {\n                html += `\n                <div class=\"zafem-station-card\">\n                    <div class=\"station-name\">${station.name}<\/div>\n                    <div class=\"station-info\">\n                        <span class=\"station-genre\">${station.genre}<\/span>\n                        <span class=\"station-country\">${station.country}<\/span>\n                    <\/div>\n                    <button class=\"play-btn\" onclick=\"playStation('${station.name.replace(\/'\/g, \"\\\\'\")}', '${station.stream_url}')\">\n                        \u25b6\ufe0f Play\n                    <\/button>\n                <\/div>\n                `;\n            });\n            jQuery('#zafem-stations-container').html(html);\n        }\n        \n        function playStation(name, url) {\n            jQuery('#now-playing-name').text(name);\n            jQuery('.zafem-now-playing').show();\n            \n            var audioPlayer = document.getElementById('zafem-audio-player');\n            audioPlayer.src = url;\n            audioPlayer.play().catch(function(e) {\n                alert('Error playing station: ' + e.message);\n            });\n        }\n        <\/script>\n        <\/code><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radioprogresinter.com\/Doudou\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radioprogresinter.com\/Doudou\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radioprogresinter.com\/Doudou\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radioprogresinter.com\/Doudou\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radioprogresinter.com\/Doudou\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":1,"href":"https:\/\/radioprogresinter.com\/Doudou\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/radioprogresinter.com\/Doudou\/wp-json\/wp\/v2\/pages\/41\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/radioprogresinter.com\/Doudou\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}