Modern Player Bar<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \n \/* Modern Player Bar *\/\n .player-bar {\n background: white;\n border-radius: 100px;\n padding: 8px 16px 8px 12px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n display: inline-flex;\n align-items: center;\n gap: 16px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n transition: all 0.3s ease;\n max-width: 600px;\n width: 100%;\n }\n\n .player-bar:hover {\n box-shadow: 0 15px 50px rgba(46, 95, 72, 0.2);\n transform: translateY(-2px);\n }\n\n \/* Live Indicator *\/\n .live-badge {\n background: rgb(46, 95, 72);\n color: white;\n padding: 4px 12px;\n border-radius: 50px;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n\n .live-dot {\n width: 8px;\n height: 8px;\n background: white;\n border-radius: 50%;\n display: inline-block;\n animation: livePulse 1.5s infinite;\n }\n\n @keyframes livePulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.2); }\n }\n\n \/* Station Info *\/\n .station-info {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 140px;\n }\n\n .station-icon {\n width: 32px;\n height: 32px;\n background: rgb(46, 95, 72);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 16px;\n }\n\n .station-details {\n line-height: 1.2;\n }\n\n .station-name {\n font-weight: 600;\n color: #333;\n font-size: 14px;\n }\n\n .station-frequency {\n font-size: 11px;\n color: #9ca3af;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n \/* Control Buttons *\/\n .control-group {\n display: flex;\n align-items: center;\n gap: 4px;\n background: #f3f4f6;\n padding: 4px;\n border-radius: 50px;\n }\n\n .control-btn {\n width: 36px;\n height: 36px;\n border: none;\n border-radius: 50%;\n background: transparent;\n color: #6b7280;\n font-size: 16px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n }\n\n .control-btn:hover:not(:disabled) {\n background: white;\n color: rgb(46, 95, 72);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n transform: scale(1.1);\n }\n\n .control-btn.play {\n background: white;\n color: rgb(46, 95, 72);\n box-shadow: 0 4px 10px rgba(46, 95, 72, 0.2);\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n\n .control-btn.play:hover:not(:disabled) {\n background: rgb(46, 95, 72);\n color: white;\n transform: scale(1.1);\n }\n\n .control-btn.stop {\n color: #ef4444;\n }\n\n .control-btn.stop:hover:not(:disabled) {\n background: #ef4444;\n color: white;\n }\n\n .control-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n \/* Volume Control *\/\n .volume-control {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 100px;\n }\n\n .volume-icon {\n color: #9ca3af;\n font-size: 16px;\n cursor: pointer;\n transition: color 0.2s ease;\n }\n\n .volume-icon:hover {\n color: rgb(46, 95, 72);\n }\n\n .volume-slider {\n flex: 1;\n height: 4px;\n -webkit-appearance: none;\n background: linear-gradient(90deg, rgb(46, 95, 72) 0%, rgb(76, 145, 112) 100%);\n border-radius: 10px;\n outline: none;\n cursor: pointer;\n }\n\n .volume-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n border: 2px solid rgb(46, 95, 72);\n transition: transform 0.2s ease;\n }\n\n .volume-slider::-webkit-slider-thumb:hover {\n transform: scale(1.2);\n }\n\n .volume-percentage {\n font-size: 11px;\n color: #9ca3af;\n min-width: 35px;\n text-align: right;\n }\n\n \/* Status Indicator *\/\n .status-indicator {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: #10b981;\n }\n\n .status-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #ef4444;\n transition: all 0.3s ease;\n }\n\n .status-dot.playing {\n background: #10b981;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.2); }\n }\n\n \/* Error Message *\/\n .error-toast {\n position: fixed;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: #ef4444;\n color: white;\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n box-shadow: 0 10px 30px rgba(239, 68, 68, 0.3);\n display: none;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n z-index: 1000;\n }\n\n .error-toast.show {\n display: flex;\n animation: slideUp 0.3s ease;\n }\n\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translate(-50%, 20px);\n }\n to {\n opacity: 1;\n transform: translate(-50%, 0);\n }\n }\n\n \/* Optional: Dark mode with your color *\/\n @media (prefers-color-scheme: dark) {\n body {\n background: #1a1a1a;\n }\n .player-bar {\n background: #2d2d2d;\n border-color: #404040;\n }\n .station-name {\n color: #fff;\n }\n .control-group {\n background: #404040;\n }\n .control-btn {\n color: #9ca3af;\n }\n .control-btn.play {\n background: rgb(46, 95, 72);\n color: white;\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 600px) {\n .player-bar {\n border-radius: 20px;\n flex-wrap: wrap;\n padding: 12px;\n }\n .volume-control {\n min-width: 100%;\n order: 3;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"player-bar\">\n \n <div class=\"live-badge\">\n <span class=\"live-dot\"><\/span>\n U\u017eivo\n <\/div>\n\n \n <div class=\"station-info\">\n <div class=\"station-icon\">\n <span>\ud83d\udcfb<\/span>\n <\/div>\n <div class=\"station-details\">\n <div class=\"station-name\">Radio Brod<\/div>\n <div class=\"station-frequency\">88.1 Mhz<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"control-group\">\n <button class=\"control-btn\" id=\"stopBtn\" disabled>\u25fc<\/button>\n <button class=\"control-btn play\" id=\"playBtn\">\u25b6<\/button>\n <\/div>\n\n \n <div class=\"volume-control\">\n <span class=\"volume-icon\" id=\"muteToggle\">\ud83d\udd0a<\/span>\n <input type=\"range\" class=\"volume-slider\" id=\"volumeSlider\" min=\"0\" max=\"100\" value=\"80\">\n <span class=\"volume-percentage\" id=\"volumeDisplay\">80%<\/span>\n <\/div>\n\n \n <div class=\"status-indicator\">\n <span class=\"status-dot\" id=\"statusDot\"><\/span>\n <span id=\"statusText\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"error-toast\" id=\"errorToast\">\n <span>\u26a0\ufe0f<\/span>\n <span id=\"errorMessage\"><\/span>\n <\/div>\n\n <script>\n class PlayerBar {\n constructor() {\n \/\/ Your stream URL\n this.streamUrl = 'https:\/\/shaincast.caster.fm:35311\/listen.mp3?authn30e292b88aa469cbb54f77d5da871a05';\n \n \/\/ Elements\n this.audio = null;\n this.isPlaying = false;\n this.isMuted = false;\n \n this.playBtn = document.getElementById('playBtn');\n this.stopBtn = document.getElementById('stopBtn');\n this.volumeSlider = document.getElementById('volumeSlider');\n this.volumeDisplay = document.getElementById('volumeDisplay');\n this.muteToggle = document.getElementById('muteToggle');\n this.statusDot = document.getElementById('statusDot');\n this.statusText = document.getElementById('statusText');\n this.errorToast = document.getElementById('errorToast');\n this.errorMessage = document.getElementById('errorMessage');\n \n this.init();\n }\n \n init() {\n \/\/ Create audio element\n this.audio = new Audio();\n this.audio.src = this.streamUrl;\n this.audio.volume = this.volumeSlider.value \/ 100;\n this.audio.preload = 'none';\n \n \/\/ Event listeners\n this.audio.addEventListener('play', () => this.onPlay());\n this.audio.addEventListener('pause', () => this.onPause());\n this.audio.addEventListener('ended', () => this.onStop());\n this.audio.addEventListener('error', (e) => this.onError(e));\n \n \/\/ Button events\n this.playBtn.addEventListener('click', () => this.play());\n this.stopBtn.addEventListener('click', () => this.stop());\n \n \/\/ Volume control\n this.volumeSlider.addEventListener('input', (e) => {\n const vol = e.target.value \/ 100;\n this.audio.volume = vol;\n this.volumeDisplay.textContent = e.target.value + '%';\n \n \/\/ Update mute icon\n if (vol === 0) {\n this.muteToggle.textContent = '\ud83d\udd07';\n } else if (vol < 0.5) {\n this.muteToggle.textContent = '\ud83d\udd08';\n } else {\n this.muteToggle.textContent = '\ud83d\udd0a';\n }\n });\n \n \/\/ Mute toggle\n this.muteToggle.addEventListener('click', () => {\n this.isMuted = !this.isMuted;\n this.audio.muted = this.isMuted;\n this.muteToggle.textContent = this.isMuted ? '\ud83d\udd07' : '\ud83d\udd0a';\n });\n \n \/\/ Keyboard shortcut (spacebar)\n document.addEventListener('keydown', (e) => {\n if (e.code === 'Space' && !e.repeat) {\n e.preventDefault();\n this.togglePlayPause();\n }\n });\n }\n \n togglePlayPause() {\n if (this.isPlaying) {\n this.stop();\n } else {\n this.play();\n }\n }\n \n play() {\n if (!this.audio) return;\n \n this.hideError();\n this.statusText.textContent = 'Povezivanje...';\n \n \/\/ Reset audio if needed\n if (this.audio.ended || this.audio.error) {\n this.audio.src = this.streamUrl;\n this.audio.load();\n }\n \n const playPromise = this.audio.play();\n \n if (playPromise !== undefined) {\n playPromise.catch(error => {\n console.error('Playback failed:', error);\n this.showError('Connection failed');\n this.onStop();\n });\n }\n }\n \n stop() {\n if (this.audio) {\n this.audio.pause();\n this.audio.src = this.streamUrl;\n this.audio.load();\n }\n this.onStop();\n }\n \n onPlay() {\n this.isPlaying = true;\n this.statusDot.classList.add('playing');\n this.statusText.textContent = 'U\u017eivo';\n this.playBtn.disabled = true;\n this.stopBtn.disabled = false;\n this.hideError();\n }\n \n onPause() {\n this.isPlaying = false;\n this.statusDot.classList.remove('playing');\n this.statusText.textContent = 'Pauzirano';\n }\n \n onStop() {\n this.isPlaying = false;\n this.statusDot.classList.remove('playing');\n this.statusText.textContent = '';\n this.playBtn.disabled = false;\n this.stopBtn.disabled = true;\n }\n \n onError(e) {\n console.error('Stream error:', e);\n this.showError('Stream lost');\n this.onStop();\n }\n \n showError(message) {\n this.errorMessage.textContent = message;\n this.errorToast.classList.add('show');\n setTimeout(() => this.hideError(), 3000);\n }\n \n hideError() {\n this.errorToast.classList.remove('show');\n }\n }\n \n \/\/ Initialize\n document.addEventListener('DOMContentLoaded', () => {\n new PlayerBar();\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-light-color-color has-dark-shade-background-color has-text-color has-background has-link-color wp-elements-93dfbfee97437a004035e87b951dd9a9 is-layout-constrained wp-container-core-group-is-layout-531c14e0 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:2px;padding-right:var(--wp--preset--spacing--50);padding-bottom:2px;padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-7b1a1c6a wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\"><nav style=\"text-transform:uppercase;\" class=\"has-text-color has-light-color-color is-responsive items-justified-left gazettepress-navigation wp-block-navigation is-content-justification-left is-layout-flex wp-container-core-navigation-is-layout-fc4fd283 wp-block-navigation-is-layout-flex\" aria-label=\"\u0418\u0437\u0431\u043e\u0440\u043d\u0438\u043a \u201e\u0417\u0430\u0433\u043b\u0430\u0432\u0459\u0435\u201c\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"\\u0418\\u0437\\u0431\\u043e\\u0440\\u043d\\u0438\\u043a\"}'><button aria-haspopup=\"dialog\" aria-label=\"\u041e\u0442\u0432\u043e\u0440\u0438 \u0438\u0437\u0431\u043e\u0440\u043d\u0438\u043a\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container has-text-color has-heading-color-color has-background has-light-color-background-color\" id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"\u0417\u0430\u0442\u0432\u043e\u0440\u0438 \u0438\u0437\u0431\u043e\u0440\u043d\u0438\u043a\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul style=\"text-transform:uppercase;\" class=\"wp-block-navigation__container has-text-color has-light-color-color is-responsive items-justified-left gazettepress-navigation wp-block-navigation\"><li class=\"has-text-color has-light-color-color wp-block-navigation-item gazettepress-home-menu wp-block-home-link\"><a class=\"wp-block-home-link__content wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\" rel=\"home\">Home<\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/\"><span class=\"wp-block-navigation-item__label\">Po\u010detna<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=81\"><span class=\"wp-block-navigation-item__label\">Vijesti<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=71\"><span class=\"wp-block-navigation-item__label\">Javne nabavke<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=73\"><span class=\"wp-block-navigation-item__label\">Brodske novine<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=83\"><span class=\"wp-block-navigation-item__label\">Emisije<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=85\"><span class=\"wp-block-navigation-item__label\">Reklamiranje<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=76\"><span class=\"wp-block-navigation-item__label\">Kontakt<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-b315634e wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/radiobrod.net\/\" class=\"wp-block-search__button-only wp-block-search__searchfield-hidden wp-block-search__icon-button gazettepress-nav-search wp-block-search\" \n\t\t data-wp-interactive=\"core\/search\"\n\t\t data-wp-context='{\"isSearchInputVisible\":false,\"inputId\":\"wp-block-search__input-2\",\"ariaLabelExpanded\":\"\\u041f\\u0440\\u0435\\u0434\\u0430\\u0458 \\u043f\\u0440\\u0435\\u0442\\u0440\\u0430\\u0433\\u0443\",\"ariaLabelCollapsed\":\"\\u041f\\u0440\\u043e\\u0448\\u0438\\u0440\\u0438 \\u043f\\u043e\\u0459\\u0435 \\u043f\\u0440\\u0435\\u0442\\u0440\\u0430\\u0433\\u0435\"}'\n\t\t data-wp-class--wp-block-search__searchfield-hidden=\"!context.isSearchInputVisible\"\n\t\t data-wp-on--keydown=\"actions.handleSearchKeydown\"\n\t\t data-wp-on--focusout=\"actions.handleSearchFocusout\"\n\t\t><label class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-2\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input aria-hidden=\"true\" class=\"wp-block-search__input\" data-wp-bind--aria-hidden=\"!context.isSearchInputVisible\" data-wp-bind--tabindex=\"state.tabindex\" id=\"wp-block-search__input-2\" placeholder=\"\" value=\"\" type=\"search\" name=\"s\" required style=\"border-width: 0px;border-style: none;border-radius: 50px\"\/><button aria-expanded=\"false\" class=\"wp-block-search__button has-text-color has-light-color-color has-background has-transparent-background-color has-icon wp-element-button\" data-wp-bind--aria-controls=\"state.ariaControls\" data-wp-bind--aria-expanded=\"context.isSearchInputVisible\" data-wp-bind--aria-label=\"state.ariaLabel\" data-wp-bind--type=\"state.type\" data-wp-on--click=\"actions.openSearchInput\" style=\"border-width: 0px;border-style: none;border-radius: 50px\"><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/header>\n\n\n<main class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-15c3ae5f wp-block-group-is-layout-constrained\" style=\"padding-bottom:15px\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-49a94f30 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)\">\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/demo.templatesjungle.com\/countdown\/assets\/icomoon.css\">\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style type=\"text\/css\">\nbody {\nbackground:none!important;\n\tfont-family: \"Roboto\", sans-seriff;\n color: #949393!important;\n margin: 0;\n}\na, button {\n\ttransition: 0.3s all ease-out;\n}\na {\n\tcolor: #111!important;\n\ttext-decoration: none;\n}\na:hover {\n\tcolor: #0043ee!important;\n}\n.row {\n display: flex;\n}\n.container {\n width: 530px;\n margin: 170px auto;\n}\n#body-wrap .col-8 {\n width: 70%;\n}\n#body-wrap .col-4 {\n width: 30%;\n height: 950px;\n overflow: hidden;\n}\nheader#header {\n margin-bottom: 70px;\n}\n.main-content {\n color: #fff;\n}\n.main-content h1 {\n font-size: 3em;\n font-weight: 700;\n color: #000; \n margin-bottom: 0; \n}\n#countdown-clock {\n\tfont-size: 30px;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin: 50px 0;\n}\n#countdown-clock .time{\n\tbackground-color: #f5f5f5;\n\tcolor: #000;\n\tborder-radius: 10px;\n\tpadding: 20px;\n\tmargin-right: 10px;\n margin-bottom: 10px;\n\ttext-align: center;\n}\n#countdown-clock .time > span{\n\tfont-weight: 700;\n}\n#countdown-clock .time small{\n\tpadding-top: 5px;\n\tfont-size: 12px;\n\ttext-transform: uppercase;\n display: block;\n}\n.main-content p {\n\tfont-size: 1.2em;\n\tcolor: #666;\n\twidth: 70%;\n}\n#form .form-group {\n display: flex;\n margin: 20px 0;\n}\ninput::placeholder{\n color: #949393;\n}\n.form-group input.form-control {\n width: 250px;\n height: 50px;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n padding-left: 20px;\n border: none;\n background: #f5f5f5;\n}\n.form-group button.submit-button {\n padding: 18px 30px;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n background-color: #0043ee;\n border: none;\n\tcursor: pointer;\n color: #fff;\n}\n.form-group button.submit-button:hover {\n background-color: #222630;\n}\n.form-group button.submit-button span {\n font-weight: 700;\n padding-left: 5px;\n}\n#footer .social-links {\n padding-top: 20px;\n}\n#footer .social-links ul {\n\tdisplay: flex;\n\tlist-style: none;\n\tpadding: 0;\n}\n#footer .social-links li {\n padding-right: 20px;\n}\n#footer .social-links ul a {\n font-size: 1.6em;\n color: #626262;\n text-decoration: none;\n}\n#footer .social-links ul a:hover {\n color: #111;\n}\n.copyright p {\n color: #626262;\n}\n\n\n@media (max-width: 999px) {\n\t.container {\n\t padding-left: 70px;\n\t}\n\t#body-wrap .col-4 {\n\t width: 40%;\n\t margin-left: -48px;\n\t z-index: -1;\n\t}\t\n }\n\n@media (max-width: 599px) {\n\t#body-wrap .col-8 {\n\t width: 100%;\n\t}\n\t.container {\n\t\twidth: 100%;\n\t}\n\t#body-wrap .page-title {\n\t width: 98%;\n\t}\n\t#body-wrap .col-4 {\n\t width: 100%;\n\t margin-left: -438px;\n\t opacity: 0.1;\n\t}\n }\n\n@media (max-width: 540px) {\n\t.container {\n \tpadding-right: 30px;\n\t padding-left: 30px;\n\t}\n\t.main-content h1 {\n\t font-size: 2.4em;\n\t}\n\t#form .form-group {\n\t flex-wrap: wrap;\n\t}\n\t.form-group input.form-control {\n\t width: 100%;\n\t margin-bottom: 10px;\n background: #e4edf7;\n\t}\n\t.form-group button.submit-button {\n\t width: 100%;\n\t}\n\t#body-wrap .col-4 {\n\t margin-left: -108px;\n\t}\n }\n\n<\/style>\n\n\n\t\n\t<div id=\"body-wrap\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-8\">\n\t\t\t\t<div class=\"container\">\n\n\t\t\t\t\t<header id=\"header\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/header>\n\n\t\t\t\t\t<div class=\"main-content\">\n\n\t\t\t\t\t\t<div class=\"page-title\">\n\n\t\t\t\t\t\t\t<h1>U izradi je na\u0161 novi sajt!<\/h1>\n\n\n\t\t\t\t\t\t\t<h2> <\/h2>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\n\t\t<\/div>\n\n\t<\/div>\n\n\n<\/div>\n<\/div>\n<\/main>\n\n\n<footer class=\"wp-block-template-part\">\n<div class=\"wp-block-group gazettepress-footer has-nutral-background-color has-background is-layout-constrained wp-container-core-group-is-layout-b46cc6d1 wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group has-dark-shade-background-color has-background is-layout-constrained wp-container-core-group-is-layout-af22403e wp-block-group-is-layout-constrained\" style=\"padding-top:80px;padding-right:var(--wp--preset--spacing--50);padding-bottom:80px;padding-left:var(--wp--preset--spacing--50)\"><\/div>\n\n\n\n<div class=\"wp-block-group has-dark-color-background-color has-background is-layout-constrained wp-container-core-group-is-layout-587ae9af wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:20px;padding-right:var(--wp--preset--spacing--50);padding-bottom:20px;padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-68a17d24 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\">\n<p class=\"has-text-align-center has-foreground-alt-color has-text-color has-link-color has-normal-font-size wp-elements-bae36dda85f4995ca699e76054b9f526\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button gazettepress-backto-top is-style-button-hover-white-bgcolor\"><a class=\"wp-block-button__link has-foregound-alt-color has-tertiary-background-color has-text-color has-background wp-element-button\" style=\"border-radius:50%\">Back to Top<\/a><\/div>\n<\/div>\n<\/footer>","protected":false},"excerpt":{"rendered":"<p>U izradi je na\u0161 novi sajt!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Po\u010detna - Radio Brod<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/radiobrod.net\/\" \/>\n<meta property=\"og:locale\" content=\"sr_RS\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Po\u010detna - Radio Brod\" \/>\n<meta property=\"og:description\" content=\"U izradi je na\u0161 novi sajt!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/radiobrod.net\/\" \/>\n<meta property=\"og:site_name\" content=\"Radio Brod\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-18T12:39:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u043c\u0438\u043d\u0443\u0442\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/radiobrod.net\/\",\"url\":\"https:\/\/radiobrod.net\/\",\"name\":\"Po\u010detna - Radio Brod\",\"isPartOf\":{\"@id\":\"https:\/\/radiobrod.net\/#website\"},\"datePublished\":\"2026-03-17T10:00:34+00:00\",\"dateModified\":\"2026-03-18T12:39:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/radiobrod.net\/#breadcrumb\"},\"inLanguage\":\"sr-RS\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/radiobrod.net\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/radiobrod.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u041f\u043e\u0447\u0435\u0442\u043d\u0430\",\"item\":\"https:\/\/radiobrod.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Po\u010detna\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/radiobrod.net\/#website\",\"url\":\"https:\/\/radiobrod.net\/\",\"name\":\"Radio Brod\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/radiobrod.net\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/radiobrod.net\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sr-RS\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/radiobrod.net\/#organization\",\"name\":\"Radio Brod\",\"url\":\"https:\/\/radiobrod.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sr-RS\",\"@id\":\"https:\/\/radiobrod.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/radiobrod.net\/wp-content\/uploads\/2026\/03\/logo-v5.png\",\"contentUrl\":\"https:\/\/radiobrod.net\/wp-content\/uploads\/2026\/03\/logo-v5.png\",\"width\":784,\"height\":1168,\"caption\":\"Radio Brod\"},\"image\":{\"@id\":\"https:\/\/radiobrod.net\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Po\u010detna - Radio Brod","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/radiobrod.net\/","og_locale":"sr_RS","og_type":"article","og_title":"Po\u010detna - Radio Brod","og_description":"U izradi je na\u0161 novi sajt!","og_url":"https:\/\/radiobrod.net\/","og_site_name":"Radio Brod","article_modified_time":"2026-03-18T12:39:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430":"1 \u043c\u0438\u043d\u0443\u0442"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/radiobrod.net\/","url":"https:\/\/radiobrod.net\/","name":"Po\u010detna - Radio Brod","isPartOf":{"@id":"https:\/\/radiobrod.net\/#website"},"datePublished":"2026-03-17T10:00:34+00:00","dateModified":"2026-03-18T12:39:32+00:00","breadcrumb":{"@id":"https:\/\/radiobrod.net\/#breadcrumb"},"inLanguage":"sr-RS","potentialAction":[{"@type":"ReadAction","target":["https:\/\/radiobrod.net\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/radiobrod.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u041f\u043e\u0447\u0435\u0442\u043d\u0430","item":"https:\/\/radiobrod.net\/"},{"@type":"ListItem","position":2,"name":"Po\u010detna"}]},{"@type":"WebSite","@id":"https:\/\/radiobrod.net\/#website","url":"https:\/\/radiobrod.net\/","name":"Radio Brod","description":"","publisher":{"@id":"https:\/\/radiobrod.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/radiobrod.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sr-RS"},{"@type":"Organization","@id":"https:\/\/radiobrod.net\/#organization","name":"Radio Brod","url":"https:\/\/radiobrod.net\/","logo":{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/radiobrod.net\/#\/schema\/logo\/image\/","url":"https:\/\/radiobrod.net\/wp-content\/uploads\/2026\/03\/logo-v5.png","contentUrl":"https:\/\/radiobrod.net\/wp-content\/uploads\/2026\/03\/logo-v5.png","width":784,"height":1168,"caption":"Radio Brod"},"image":{"@id":"https:\/\/radiobrod.net\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radiobrod.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":223,"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/223"}],"wp:attachment":[{"href":"https:\/\/radiobrod.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

$\"Radio$ <\/figure>\n<\/div>\n\n\n\n

\n\n\n\n \n \n Modern Player Bar<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \n \/* Modern Player Bar *\/\n .player-bar {\n background: white;\n border-radius: 100px;\n padding: 8px 16px 8px 12px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n display: inline-flex;\n align-items: center;\n gap: 16px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n transition: all 0.3s ease;\n max-width: 600px;\n width: 100%;\n }\n\n .player-bar:hover {\n box-shadow: 0 15px 50px rgba(46, 95, 72, 0.2);\n transform: translateY(-2px);\n }\n\n \/* Live Indicator *\/\n .live-badge {\n background: rgb(46, 95, 72);\n color: white;\n padding: 4px 12px;\n border-radius: 50px;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n\n .live-dot {\n width: 8px;\n height: 8px;\n background: white;\n border-radius: 50%;\n display: inline-block;\n animation: livePulse 1.5s infinite;\n }\n\n @keyframes livePulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.2); }\n }\n\n \/* Station Info *\/\n .station-info {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 140px;\n }\n\n .station-icon {\n width: 32px;\n height: 32px;\n background: rgb(46, 95, 72);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 16px;\n }\n\n .station-details {\n line-height: 1.2;\n }\n\n .station-name {\n font-weight: 600;\n color: #333;\n font-size: 14px;\n }\n\n .station-frequency {\n font-size: 11px;\n color: #9ca3af;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n \/* Control Buttons *\/\n .control-group {\n display: flex;\n align-items: center;\n gap: 4px;\n background: #f3f4f6;\n padding: 4px;\n border-radius: 50px;\n }\n\n .control-btn {\n width: 36px;\n height: 36px;\n border: none;\n border-radius: 50%;\n background: transparent;\n color: #6b7280;\n font-size: 16px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n }\n\n .control-btn:hover:not(:disabled) {\n background: white;\n color: rgb(46, 95, 72);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n transform: scale(1.1);\n }\n\n .control-btn.play {\n background: white;\n color: rgb(46, 95, 72);\n box-shadow: 0 4px 10px rgba(46, 95, 72, 0.2);\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n\n .control-btn.play:hover:not(:disabled) {\n background: rgb(46, 95, 72);\n color: white;\n transform: scale(1.1);\n }\n\n .control-btn.stop {\n color: #ef4444;\n }\n\n .control-btn.stop:hover:not(:disabled) {\n background: #ef4444;\n color: white;\n }\n\n .control-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n \/* Volume Control *\/\n .volume-control {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 100px;\n }\n\n .volume-icon {\n color: #9ca3af;\n font-size: 16px;\n cursor: pointer;\n transition: color 0.2s ease;\n }\n\n .volume-icon:hover {\n color: rgb(46, 95, 72);\n }\n\n .volume-slider {\n flex: 1;\n height: 4px;\n -webkit-appearance: none;\n background: linear-gradient(90deg, rgb(46, 95, 72) 0%, rgb(76, 145, 112) 100%);\n border-radius: 10px;\n outline: none;\n cursor: pointer;\n }\n\n .volume-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n border: 2px solid rgb(46, 95, 72);\n transition: transform 0.2s ease;\n }\n\n .volume-slider::-webkit-slider-thumb:hover {\n transform: scale(1.2);\n }\n\n .volume-percentage {\n font-size: 11px;\n color: #9ca3af;\n min-width: 35px;\n text-align: right;\n }\n\n \/* Status Indicator *\/\n .status-indicator {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: #10b981;\n }\n\n .status-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #ef4444;\n transition: all 0.3s ease;\n }\n\n .status-dot.playing {\n background: #10b981;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.2); }\n }\n\n \/* Error Message *\/\n .error-toast {\n position: fixed;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: #ef4444;\n color: white;\n padding: 8px 16px;\n border-radius: 50px;\n font-size: 13px;\n box-shadow: 0 10px 30px rgba(239, 68, 68, 0.3);\n display: none;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n z-index: 1000;\n }\n\n .error-toast.show {\n display: flex;\n animation: slideUp 0.3s ease;\n }\n\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translate(-50%, 20px);\n }\n to {\n opacity: 1;\n transform: translate(-50%, 0);\n }\n }\n\n \/* Optional: Dark mode with your color *\/\n @media (prefers-color-scheme: dark) {\n body {\n background: #1a1a1a;\n }\n .player-bar {\n background: #2d2d2d;\n border-color: #404040;\n }\n .station-name {\n color: #fff;\n }\n .control-group {\n background: #404040;\n }\n .control-btn {\n color: #9ca3af;\n }\n .control-btn.play {\n background: rgb(46, 95, 72);\n color: white;\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 600px) {\n .player-bar {\n border-radius: 20px;\n flex-wrap: wrap;\n padding: 12px;\n }\n .volume-control {\n min-width: 100%;\n order: 3;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"player-bar\">\n \n <div class=\"live-badge\">\n <span class=\"live-dot\"><\/span>\n U\u017eivo\n <\/div>\n\n \n <div class=\"station-info\">\n <div class=\"station-icon\">\n <span>\ud83d\udcfb<\/span>\n <\/div>\n <div class=\"station-details\">\n <div class=\"station-name\">Radio Brod<\/div>\n <div class=\"station-frequency\">88.1 Mhz<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"control-group\">\n <button class=\"control-btn\" id=\"stopBtn\" disabled>\u25fc<\/button>\n <button class=\"control-btn play\" id=\"playBtn\">\u25b6<\/button>\n <\/div>\n\n \n <div class=\"volume-control\">\n <span class=\"volume-icon\" id=\"muteToggle\">\ud83d\udd0a<\/span>\n <input type=\"range\" class=\"volume-slider\" id=\"volumeSlider\" min=\"0\" max=\"100\" value=\"80\">\n <span class=\"volume-percentage\" id=\"volumeDisplay\">80%<\/span>\n <\/div>\n\n \n <div class=\"status-indicator\">\n <span class=\"status-dot\" id=\"statusDot\"><\/span>\n <span id=\"statusText\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"error-toast\" id=\"errorToast\">\n <span>\u26a0\ufe0f<\/span>\n <span id=\"errorMessage\"><\/span>\n <\/div>\n\n <script>\n class PlayerBar {\n constructor() {\n \/\/ Your stream URL\n this.streamUrl = 'https:\/\/shaincast.caster.fm:35311\/listen.mp3?authn30e292b88aa469cbb54f77d5da871a05';\n \n \/\/ Elements\n this.audio = null;\n this.isPlaying = false;\n this.isMuted = false;\n \n this.playBtn = document.getElementById('playBtn');\n this.stopBtn = document.getElementById('stopBtn');\n this.volumeSlider = document.getElementById('volumeSlider');\n this.volumeDisplay = document.getElementById('volumeDisplay');\n this.muteToggle = document.getElementById('muteToggle');\n this.statusDot = document.getElementById('statusDot');\n this.statusText = document.getElementById('statusText');\n this.errorToast = document.getElementById('errorToast');\n this.errorMessage = document.getElementById('errorMessage');\n \n this.init();\n }\n \n init() {\n \/\/ Create audio element\n this.audio = new Audio();\n this.audio.src = this.streamUrl;\n this.audio.volume = this.volumeSlider.value \/ 100;\n this.audio.preload = 'none';\n \n \/\/ Event listeners\n this.audio.addEventListener('play', () => this.onPlay());\n this.audio.addEventListener('pause', () => this.onPause());\n this.audio.addEventListener('ended', () => this.onStop());\n this.audio.addEventListener('error', (e) => this.onError(e));\n \n \/\/ Button events\n this.playBtn.addEventListener('click', () => this.play());\n this.stopBtn.addEventListener('click', () => this.stop());\n \n \/\/ Volume control\n this.volumeSlider.addEventListener('input', (e) => {\n const vol = e.target.value \/ 100;\n this.audio.volume = vol;\n this.volumeDisplay.textContent = e.target.value + '%';\n \n \/\/ Update mute icon\n if (vol === 0) {\n this.muteToggle.textContent = '\ud83d\udd07';\n } else if (vol < 0.5) {\n this.muteToggle.textContent = '\ud83d\udd08';\n } else {\n this.muteToggle.textContent = '\ud83d\udd0a';\n }\n });\n \n \/\/ Mute toggle\n this.muteToggle.addEventListener('click', () => {\n this.isMuted = !this.isMuted;\n this.audio.muted = this.isMuted;\n this.muteToggle.textContent = this.isMuted ? '\ud83d\udd07' : '\ud83d\udd0a';\n });\n \n \/\/ Keyboard shortcut (spacebar)\n document.addEventListener('keydown', (e) => {\n if (e.code === 'Space' && !e.repeat) {\n e.preventDefault();\n this.togglePlayPause();\n }\n });\n }\n \n togglePlayPause() {\n if (this.isPlaying) {\n this.stop();\n } else {\n this.play();\n }\n }\n \n play() {\n if (!this.audio) return;\n \n this.hideError();\n this.statusText.textContent = 'Povezivanje...';\n \n \/\/ Reset audio if needed\n if (this.audio.ended || this.audio.error) {\n this.audio.src = this.streamUrl;\n this.audio.load();\n }\n \n const playPromise = this.audio.play();\n \n if (playPromise !== undefined) {\n playPromise.catch(error => {\n console.error('Playback failed:', error);\n this.showError('Connection failed');\n this.onStop();\n });\n }\n }\n \n stop() {\n if (this.audio) {\n this.audio.pause();\n this.audio.src = this.streamUrl;\n this.audio.load();\n }\n this.onStop();\n }\n \n onPlay() {\n this.isPlaying = true;\n this.statusDot.classList.add('playing');\n this.statusText.textContent = 'U\u017eivo';\n this.playBtn.disabled = true;\n this.stopBtn.disabled = false;\n this.hideError();\n }\n \n onPause() {\n this.isPlaying = false;\n this.statusDot.classList.remove('playing');\n this.statusText.textContent = 'Pauzirano';\n }\n \n onStop() {\n this.isPlaying = false;\n this.statusDot.classList.remove('playing');\n this.statusText.textContent = '';\n this.playBtn.disabled = false;\n this.stopBtn.disabled = true;\n }\n \n onError(e) {\n console.error('Stream error:', e);\n this.showError('Stream lost');\n this.onStop();\n }\n \n showError(message) {\n this.errorMessage.textContent = message;\n this.errorToast.classList.add('show');\n setTimeout(() => this.hideError(), 3000);\n }\n \n hideError() {\n this.errorToast.classList.remove('show');\n }\n }\n \n \/\/ Initialize\n document.addEventListener('DOMContentLoaded', () => {\n new PlayerBar();\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-light-color-color has-dark-shade-background-color has-text-color has-background has-link-color wp-elements-93dfbfee97437a004035e87b951dd9a9 is-layout-constrained wp-container-core-group-is-layout-531c14e0 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:2px;padding-right:var(--wp--preset--spacing--50);padding-bottom:2px;padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-7b1a1c6a wp-block-group-is-layout-flex\" style=\"padding-right:0;padding-left:0\"><nav style=\"text-transform:uppercase;\" class=\"has-text-color has-light-color-color is-responsive items-justified-left gazettepress-navigation wp-block-navigation is-content-justification-left is-layout-flex wp-container-core-navigation-is-layout-fc4fd283 wp-block-navigation-is-layout-flex\" aria-label=\"\u0418\u0437\u0431\u043e\u0440\u043d\u0438\u043a \u201e\u0417\u0430\u0433\u043b\u0430\u0432\u0459\u0435\u201c\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"\\u0418\\u0437\\u0431\\u043e\\u0440\\u043d\\u0438\\u043a\"}'><button aria-haspopup=\"dialog\" aria-label=\"\u041e\u0442\u0432\u043e\u0440\u0438 \u0438\u0437\u0431\u043e\u0440\u043d\u0438\u043a\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container has-text-color has-heading-color-color has-background has-light-color-background-color\" id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"\u0417\u0430\u0442\u0432\u043e\u0440\u0438 \u0438\u0437\u0431\u043e\u0440\u043d\u0438\u043a\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul style=\"text-transform:uppercase;\" class=\"wp-block-navigation__container has-text-color has-light-color-color is-responsive items-justified-left gazettepress-navigation wp-block-navigation\"><li class=\"has-text-color has-light-color-color wp-block-navigation-item gazettepress-home-menu wp-block-home-link\"><a class=\"wp-block-home-link__content wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\" rel=\"home\">Home<\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/\"><span class=\"wp-block-navigation-item__label\">Po\u010detna<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=81\"><span class=\"wp-block-navigation-item__label\">Vijesti<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=71\"><span class=\"wp-block-navigation-item__label\">Javne nabavke<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=73\"><span class=\"wp-block-navigation-item__label\">Brodske novine<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=83\"><span class=\"wp-block-navigation-item__label\">Emisije<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=85\"><span class=\"wp-block-navigation-item__label\">Reklamiranje<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/radiobrod.net\/?page_id=76\"><span class=\"wp-block-navigation-item__label\">Kontakt<\/span><\/a><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-b315634e wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/radiobrod.net\/\" class=\"wp-block-search__button-only wp-block-search__searchfield-hidden wp-block-search__icon-button gazettepress-nav-search wp-block-search\" \n\t\t data-wp-interactive=\"core\/search\"\n\t\t data-wp-context='{\"isSearchInputVisible\":false,\"inputId\":\"wp-block-search__input-2\",\"ariaLabelExpanded\":\"\\u041f\\u0440\\u0435\\u0434\\u0430\\u0458 \\u043f\\u0440\\u0435\\u0442\\u0440\\u0430\\u0433\\u0443\",\"ariaLabelCollapsed\":\"\\u041f\\u0440\\u043e\\u0448\\u0438\\u0440\\u0438 \\u043f\\u043e\\u0459\\u0435 \\u043f\\u0440\\u0435\\u0442\\u0440\\u0430\\u0433\\u0435\"}'\n\t\t data-wp-class--wp-block-search__searchfield-hidden=\"!context.isSearchInputVisible\"\n\t\t data-wp-on--keydown=\"actions.handleSearchKeydown\"\n\t\t data-wp-on--focusout=\"actions.handleSearchFocusout\"\n\t\t><label class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-2\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input aria-hidden=\"true\" class=\"wp-block-search__input\" data-wp-bind--aria-hidden=\"!context.isSearchInputVisible\" data-wp-bind--tabindex=\"state.tabindex\" id=\"wp-block-search__input-2\" placeholder=\"\" value=\"\" type=\"search\" name=\"s\" required style=\"border-width: 0px;border-style: none;border-radius: 50px\"\/><button aria-expanded=\"false\" class=\"wp-block-search__button has-text-color has-light-color-color has-background has-transparent-background-color has-icon wp-element-button\" data-wp-bind--aria-controls=\"state.ariaControls\" data-wp-bind--aria-expanded=\"context.isSearchInputVisible\" data-wp-bind--aria-label=\"state.ariaLabel\" data-wp-bind--type=\"state.type\" data-wp-on--click=\"actions.openSearchInput\" style=\"border-width: 0px;border-style: none;border-radius: 50px\"><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/header>\n\n\n<main class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-15c3ae5f wp-block-group-is-layout-constrained\" style=\"padding-bottom:15px\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-49a94f30 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)\">\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/demo.templatesjungle.com\/countdown\/assets\/icomoon.css\">\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style type=\"text\/css\">\nbody {\nbackground:none!important;\n\tfont-family: \"Roboto\", sans-seriff;\n color: #949393!important;\n margin: 0;\n}\na, button {\n\ttransition: 0.3s all ease-out;\n}\na {\n\tcolor: #111!important;\n\ttext-decoration: none;\n}\na:hover {\n\tcolor: #0043ee!important;\n}\n.row {\n display: flex;\n}\n.container {\n width: 530px;\n margin: 170px auto;\n}\n#body-wrap .col-8 {\n width: 70%;\n}\n#body-wrap .col-4 {\n width: 30%;\n height: 950px;\n overflow: hidden;\n}\nheader#header {\n margin-bottom: 70px;\n}\n.main-content {\n color: #fff;\n}\n.main-content h1 {\n font-size: 3em;\n font-weight: 700;\n color: #000; \n margin-bottom: 0; \n}\n#countdown-clock {\n\tfont-size: 30px;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin: 50px 0;\n}\n#countdown-clock .time{\n\tbackground-color: #f5f5f5;\n\tcolor: #000;\n\tborder-radius: 10px;\n\tpadding: 20px;\n\tmargin-right: 10px;\n margin-bottom: 10px;\n\ttext-align: center;\n}\n#countdown-clock .time > span{\n\tfont-weight: 700;\n}\n#countdown-clock .time small{\n\tpadding-top: 5px;\n\tfont-size: 12px;\n\ttext-transform: uppercase;\n display: block;\n}\n.main-content p {\n\tfont-size: 1.2em;\n\tcolor: #666;\n\twidth: 70%;\n}\n#form .form-group {\n display: flex;\n margin: 20px 0;\n}\ninput::placeholder{\n color: #949393;\n}\n.form-group input.form-control {\n width: 250px;\n height: 50px;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n padding-left: 20px;\n border: none;\n background: #f5f5f5;\n}\n.form-group button.submit-button {\n padding: 18px 30px;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n background-color: #0043ee;\n border: none;\n\tcursor: pointer;\n color: #fff;\n}\n.form-group button.submit-button:hover {\n background-color: #222630;\n}\n.form-group button.submit-button span {\n font-weight: 700;\n padding-left: 5px;\n}\n#footer .social-links {\n padding-top: 20px;\n}\n#footer .social-links ul {\n\tdisplay: flex;\n\tlist-style: none;\n\tpadding: 0;\n}\n#footer .social-links li {\n padding-right: 20px;\n}\n#footer .social-links ul a {\n font-size: 1.6em;\n color: #626262;\n text-decoration: none;\n}\n#footer .social-links ul a:hover {\n color: #111;\n}\n.copyright p {\n color: #626262;\n}\n\n\n@media (max-width: 999px) {\n\t.container {\n\t padding-left: 70px;\n\t}\n\t#body-wrap .col-4 {\n\t width: 40%;\n\t margin-left: -48px;\n\t z-index: -1;\n\t}\t\n }\n\n@media (max-width: 599px) {\n\t#body-wrap .col-8 {\n\t width: 100%;\n\t}\n\t.container {\n\t\twidth: 100%;\n\t}\n\t#body-wrap .page-title {\n\t width: 98%;\n\t}\n\t#body-wrap .col-4 {\n\t width: 100%;\n\t margin-left: -438px;\n\t opacity: 0.1;\n\t}\n }\n\n@media (max-width: 540px) {\n\t.container {\n \tpadding-right: 30px;\n\t padding-left: 30px;\n\t}\n\t.main-content h1 {\n\t font-size: 2.4em;\n\t}\n\t#form .form-group {\n\t flex-wrap: wrap;\n\t}\n\t.form-group input.form-control {\n\t width: 100%;\n\t margin-bottom: 10px;\n background: #e4edf7;\n\t}\n\t.form-group button.submit-button {\n\t width: 100%;\n\t}\n\t#body-wrap .col-4 {\n\t margin-left: -108px;\n\t}\n }\n\n<\/style>\n\n\n\t\n\t<div id=\"body-wrap\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-8\">\n\t\t\t\t<div class=\"container\">\n\n\t\t\t\t\t<header id=\"header\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/header>\n\n\t\t\t\t\t<div class=\"main-content\">\n\n\t\t\t\t\t\t<div class=\"page-title\">\n\n\t\t\t\t\t\t\t<h1>U izradi je na\u0161 novi sajt!<\/h1>\n\n\n\t\t\t\t\t\t\t<h2> <\/h2>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\n\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\n\t\t<\/div>\n\n\t<\/div>\n\n\n<\/div>\n<\/div>\n<\/main>\n\n\n<footer class=\"wp-block-template-part\">\n<div class=\"wp-block-group gazettepress-footer has-nutral-background-color has-background is-layout-constrained wp-container-core-group-is-layout-b46cc6d1 wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group has-dark-shade-background-color has-background is-layout-constrained wp-container-core-group-is-layout-af22403e wp-block-group-is-layout-constrained\" style=\"padding-top:80px;padding-right:var(--wp--preset--spacing--50);padding-bottom:80px;padding-left:var(--wp--preset--spacing--50)\"><\/div>\n\n\n\n<div class=\"wp-block-group has-dark-color-background-color has-background is-layout-constrained wp-container-core-group-is-layout-587ae9af wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:20px;padding-right:var(--wp--preset--spacing--50);padding-bottom:20px;padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-68a17d24 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\">\n<p class=\"has-text-align-center has-foreground-alt-color has-text-color has-link-color has-normal-font-size wp-elements-bae36dda85f4995ca699e76054b9f526\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button gazettepress-backto-top is-style-button-hover-white-bgcolor\"><a class=\"wp-block-button__link has-foregound-alt-color has-tertiary-background-color has-text-color has-background wp-element-button\" style=\"border-radius:50%\">Back to Top<\/a><\/div>\n<\/div>\n<\/footer>","protected":false},"excerpt":{"rendered":"<p>U izradi je na\u0161 novi sajt!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Po\u010detna - Radio Brod<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/radiobrod.net\/\" \/>\n<meta property=\"og:locale\" content=\"sr_RS\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Po\u010detna - Radio Brod\" \/>\n<meta property=\"og:description\" content=\"U izradi je na\u0161 novi sajt!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/radiobrod.net\/\" \/>\n<meta property=\"og:site_name\" content=\"Radio Brod\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-18T12:39:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u043c\u0438\u043d\u0443\u0442\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/radiobrod.net\/\",\"url\":\"https:\/\/radiobrod.net\/\",\"name\":\"Po\u010detna - Radio Brod\",\"isPartOf\":{\"@id\":\"https:\/\/radiobrod.net\/#website\"},\"datePublished\":\"2026-03-17T10:00:34+00:00\",\"dateModified\":\"2026-03-18T12:39:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/radiobrod.net\/#breadcrumb\"},\"inLanguage\":\"sr-RS\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/radiobrod.net\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/radiobrod.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u041f\u043e\u0447\u0435\u0442\u043d\u0430\",\"item\":\"https:\/\/radiobrod.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Po\u010detna\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/radiobrod.net\/#website\",\"url\":\"https:\/\/radiobrod.net\/\",\"name\":\"Radio Brod\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/radiobrod.net\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/radiobrod.net\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sr-RS\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/radiobrod.net\/#organization\",\"name\":\"Radio Brod\",\"url\":\"https:\/\/radiobrod.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sr-RS\",\"@id\":\"https:\/\/radiobrod.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/radiobrod.net\/wp-content\/uploads\/2026\/03\/logo-v5.png\",\"contentUrl\":\"https:\/\/radiobrod.net\/wp-content\/uploads\/2026\/03\/logo-v5.png\",\"width\":784,\"height\":1168,\"caption\":\"Radio Brod\"},\"image\":{\"@id\":\"https:\/\/radiobrod.net\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Po\u010detna - Radio Brod","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/radiobrod.net\/","og_locale":"sr_RS","og_type":"article","og_title":"Po\u010detna - Radio Brod","og_description":"U izradi je na\u0161 novi sajt!","og_url":"https:\/\/radiobrod.net\/","og_site_name":"Radio Brod","article_modified_time":"2026-03-18T12:39:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430":"1 \u043c\u0438\u043d\u0443\u0442"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/radiobrod.net\/","url":"https:\/\/radiobrod.net\/","name":"Po\u010detna - Radio Brod","isPartOf":{"@id":"https:\/\/radiobrod.net\/#website"},"datePublished":"2026-03-17T10:00:34+00:00","dateModified":"2026-03-18T12:39:32+00:00","breadcrumb":{"@id":"https:\/\/radiobrod.net\/#breadcrumb"},"inLanguage":"sr-RS","potentialAction":[{"@type":"ReadAction","target":["https:\/\/radiobrod.net\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/radiobrod.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u041f\u043e\u0447\u0435\u0442\u043d\u0430","item":"https:\/\/radiobrod.net\/"},{"@type":"ListItem","position":2,"name":"Po\u010detna"}]},{"@type":"WebSite","@id":"https:\/\/radiobrod.net\/#website","url":"https:\/\/radiobrod.net\/","name":"Radio Brod","description":"","publisher":{"@id":"https:\/\/radiobrod.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/radiobrod.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sr-RS"},{"@type":"Organization","@id":"https:\/\/radiobrod.net\/#organization","name":"Radio Brod","url":"https:\/\/radiobrod.net\/","logo":{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/radiobrod.net\/#\/schema\/logo\/image\/","url":"https:\/\/radiobrod.net\/wp-content\/uploads\/2026\/03\/logo-v5.png","contentUrl":"https:\/\/radiobrod.net\/wp-content\/uploads\/2026\/03\/logo-v5.png","width":784,"height":1168,"caption":"Radio Brod"},"image":{"@id":"https:\/\/radiobrod.net\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radiobrod.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":223,"href":"https:\/\/radiobrod.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/223"}],"wp:attachment":[{"href":"https:\/\/radiobrod.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}