1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <!-- Primary Meta Tags --> 6 <title> 7 RadioDelay â Sync Live Radio Commentary with TV Broadcasts for Sports Fans 8 </title> 9 <meta 10 name="description" 11 content="RadioDelay lets sports fans sync live radio commentary with TV broadcasts. Adjust delay in real time to match your favorite radio commentary with the action on TV. No streams are stored, ensuring privacy and fast playback." 12 /> 13 14 <!-- Open Graph / Facebook --> 15 <meta property="og:type" content="website" /> 16 <meta 17 property="og:title" 18 content="RadioDelay â Sync Live Radio Commentary with TV Broadcasts for Sports Fans" 19 /> 20 <meta 21 property="og:description" 22 content="Sports fans can use RadioDelay to sync radio commentary with live TV broadcasts. Adjust the delay to stay in perfect sync and enjoy the full experience. No streams are stored." 23 /> 24 <meta property="og:url" content="https://radiodelay.com" /> 25 <meta property="og:image" content="https://radiodelay.com/favicon.svg" /> 26 27 <!-- Twitter --> 28 <meta name="twitter:card" content="summary_large_image" /> 29 <meta 30 name="twitter:title" 31 content="RadioDelay â Sync Live Radio Commentary with TV Broadcasts for Sports Fans" 32 /> 33 <meta 34 name="twitter:description" 35 content="Sync live radio commentary with TV broadcasts in real time. Perfect for sports fans who want every play and commentary in sync. Private and fast, with no streams stored." 36 /> 37 <meta name="twitter:image" content="https://radiodelay.com/favicon.svg" /> 38 39 <!-- Mobile / Responsive --> 40 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 41 42 <!-- Keywords (optional) --> 43 <meta 44 name="keywords" 45 content="RadioDelay, sports radio sync, live commentary, TV broadcast sync, radio delay, sports app, radio streaming, live sports radio, commentary sync" 46 /> 47 48 <link rel="icon" href="favicon.svg" type="image/svg+xml" /> 49 50 <!-- Font --> 51 <link 52 href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;500;700&display=swap" 53 rel="stylesheet" 54 /> 55 56 <!-- Styles --> 57 <link rel="stylesheet" href="style.css?v=20260602b" /> 58 </head> 59 60 <body> 61 <div class="main-wrapper"> 62 <header> 63 <h1 id="title"></h1> 64 <p class="subtitle">Delay any live audio</p> 65 <p class="how-to-link-row"> 66 <a href="#" id="howToLink" class="how-to-link" 67 >How to use RadioDelay...</a 68 > 69 </p> 70 </header> 71 72 <main> 73 <section class="card"> 74 <div class="stream-input-container"> 75 <div class="stream-input"> 76 <input 77 type="search" 78 id="streamUrl" 79 placeholder="Enter Stream URL" 80 class="stream-input-text" 81 /> 82 <span class="stream-input-tooltip"></span> 83 </div> 84 <div class="load-button-container"> 85 <button id="loadBtn">LOAD</button> 86 </div> 87 </div> 88 89 <div id="stationName" class="player-status station-name"></div> 90 91 <div id="playerStatus" class="player-status"> 92 Ready â enter a stream URL 93 </div> 94 95 <div class="slider-group"> 96 <div class="delay-slider-label-container"> 97 <label for="delaySlider">Delay:</label> 98 </div> 99 <div class="delay-slider-slider-container"> 100 <input 101 type="range" 102 id="delaySlider" 103 min="0" 104 max="180" 105 value="30" 106 step="1" 107 /> 108 </div> 109 <div id="delayStatus" class="delay-slider-status">30 sec delay</div> 110 </div> 111 112 <div class="buttons-group"> 113 <button class="play-pause-btn" id="playPauseBtn"> 114 <div class="icon play"></div> 115 </button> 116 <button id="resetBtn">ð´   GO LIVE</button> 117 <div class="volume-container" id="volumeContainer">
118 <svg class="volume-icon" id="volumeIcon" viewBox="0 0 24 24"> 119 <path d="M3 9v6h4l5 5V4L7 9H3z" /> 120 <path 121 d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.06c1.48-.74 2.5-2.26 2.5-4.03z" 122 /> 123 </svg> 124 <input 125 type="range" 126 min="0" 127 max="1" 128 step="0.01" 129 value="0.7" 130 class="volume-slider" 131 id="volumeSlider" 132 /> 133 </div> 134 </div> 135 136 <div class="player-section"></div> 137 </section> 138 </main> 139 140 <footer> 141 <p class="store-promo"> 142 Get the Free 143 <a 144 href="https://chromewebstore.google.com/detail/radiodelaycom-stream-find/kkmogpemdombdocockahppgeciehiikk" 145 target="_blank" 146 rel="noopener" 147 >RadioDelay Stream Finder</a 148 > 149 extension from Chrome Store 150 <a 151 href="https://chromewebstore.google.com/detail/radiodelaycom-stream-find/kkmogpemdombdocockahppgeciehiikk" 152 target="_blank" 153 rel="noopener" 154 aria-label="Get RadioDelay Stream Finder from the Chrome Web Store" 155 > 156 <img 157 src="available_on_chrome_store.png?v=20260602b" 158 alt="Available on the Chrome Web Store" 159 class="store-badge" 160 /> 161 </a> 162 </p> 163 <p> 164 © <span id="copyright-year"></span> RadioDelay â Personal listening 165 only. 166 <a href="privacy.html" target="_blank" rel="noopener" 167 >Terms & Privacy</a 168 > 169 </p> 170 </footer> 171 172 <div id="howToModal" class="modal-backdrop" hidden> 173 <div 174 class="modal-box" 175 role="dialog" 176 aria-modal="true" 177 aria-labelledby="howToModalTitle" 178 > 179 <button 180 id="closeHowToModal" 181 class="modal-close" 182 type="button" 183 aria-label="Close how-to modal" 184 > 185 <span aria-hidden="true">â</span> 186 </button> 187 <div class="prose"> 188 <section class="prose-section"> 189 <h2 id="howToModalTitle">How to use RadioDelay</h2> 190 <p> 191 RadioDelay lets you hear live radio commentary in sync with your 192 TV broadcast by delaying the audio stream you choose. 193 </p> 194 <p class="how-to-extension-intro"> 195 The easiest way to use RadioDelay is by installing the Chrome 196 browser extension from the Chrome Web Store. 197 </p> 198 </section> 199 <section class="prose-section"> 200 <h2 class="how-to-step-heading"> 201 1. Download and install the RadioDelay.com browser extension. 202 </h2> 203 <p> 204 Open the 205 <a 206 href="https://chromewebstore.google.com/detail/radiodelaycom-stream-find/kkmogpemdombdocockahppgeciehiikk" 207 target="_blank" 208 rel="noopener" 209 > 210 Chrome Web Store RadioDelay Stream Finder extension</a 211 > 212 and click Add to Chrome. 213 </p> 214 </section> 215 <section class="prose-section"> 216 <h2 class="how-to-step-heading"> 217 2. Open the page with the stream 218 </h2> 219 <p> 220 Open the page with the stream while the extension is active. 221 Press play on the stream, and the extension should detect it. 222 When the stream appears in the extension, click 223 <strong>Open in RadioDelay.com</strong>. This opens the 224 RadioDelay.com player page with the stream already loaded. If 225 you manually want to copy/paste the url, you can click 226 <strong>Copy</strong> to copy the stream URL to your clipboard 227 and then paste it manually into RadioDelay.com. 228 </p> 229 </section> 230 <section class="prose-section"> 231 <h2 class="how-to-step-heading">3. Match the TV broadcast</h2> 232 <p> 233 In RadioDelay.com, first click <strong>Load</strong> to open the
234 stream. Use the delay slider to add enough delay so the radio 235 commentary lines up with the action on your TV. Tap 236 <strong>Go Live</strong> at any time to remove the delay and 237 return to the live feed. You can sync the delay at any time by 238 adjusting the slider (be aware that it will take the delay time 239 you set until the delay buffer is filled, no sound will be 240 played while buffering) 241 </p> 242 </section> 243 <section class="prose-section"> 244 <p> 245 Another way to use RadioDelay.com is to manually paste an audio 246 stream URL into the player input, then click 247 <strong>Load</strong> and <strong>Play</strong>. 248 </p> 249 </section> 250 </div> 251 </div> 252 </div> 253 254 <div id="feedbackToast" class="feedback-toast"></div> 255 256 <!-- Script --> 257
257<script type="module" src="script.js?v=20260602b"></script>
257 258 </div> 259
259<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"3034d6ddc37942d592528c408bbf6ebf","r":1,"spa":2}' crossorigin="anonymous"></script>
259 260</body> 261</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.