button background: #f1f5f9; border: 1px solid #cbd5e1; padding: 0.6rem 1.2rem; border-radius: 2rem; font-weight: 500; font-size: 0.85rem; cursor: pointer; transition: all 0.2s; display: inline-flex; align-items: center; gap: 0.5rem; color: #1e2f3e;

.m3u-pre font-family: monospace; font-size: 0.8rem; white-space: pre-wrap; word-break: break-all; margin: 0; color: #0f2b3b;

# Add any URL line rtmp://cdn.live.com/event/stream`; txtInput.value = defaultTxt; refreshConversion(); setMessage("📺 Example playlist loaded. Edit or convert again!", false); // manually convert (just in case auto but we call refresh anyway) function performConvert() refreshConversion(); setMessage("✅ Converted to M3U format", false); // copy M3U content to clipboard async function copyToClipboard() // download as .m3u file function downloadAsM3U() currentM3U === "#EXTM3U\n# (No content provided)") setMessage("❌ Cannot download empty playlist. Add media URLs first.", true); return; const blob = new Blob([currentM3U], type: "application/vnd.apple.mpegurl" ); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; // generate filename with timestamp const now = new Date(); const timestamp = `$now.getFullYear()-$now.getMonth()+1-$now.getDate()_$now.getHours()-$now.getMinutes()`; a.download = `playlist_$timestamp.m3u`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); setMessage("💾 File saved as .m3u", false); // reset everything: clear text, reset preview, stats function resetAll() txtInput.value = ""; refreshConversion(); // this will generate empty m3u output setMessage("🧹 Cleared all content. Paste your TXT list.", false); // force update updateLineStats(); // real-time auto-convert while typing (optional but nice UX) let debounceTimer; function handleInputChange() if (debounceTimer) clearTimeout(debounceTimer); debounceTimer = setTimeout(() => refreshConversion(); setMessage("⟳ Auto-updated", false); , 400); // Event binding convertBtn.addEventListener('click', () => performConvert(); ); copyBtn.addEventListener('click', () => copyToClipboard(); ); downloadBtn.addEventListener('click', () => downloadAsM3U(); ); resetBtn.addEventListener('click', () => resetAll(); ); txtInput.addEventListener('input', () => updateLineStats(); handleInputChange(); ); // Also on blur finalize instantly without extra delay txtInput.addEventListener('blur', () => if (debounceTimer) clearTimeout(debounceTimer); refreshConversion(); ); // Initialize with a useful example (but we also allow empty state) // to be user-friendly, we load an example if textarea is empty at startup if (txtInput.value.trim() === "") setDefaultExample(); else refreshConversion(); // Additional: handle paste feedback txtInput.addEventListener('paste', () => setTimeout(() => updateLineStats(); refreshConversion(); , 20); ); )(); </script> </body> </html>

.input-panel, .output-panel flex: 1; min-width: 250px;

// Core conversion: TXT string -> M3U string function convertTextToM3U(inputText) if (!inputText.trim()) return "#EXTM3U\n# (No content provided)"; const lines = inputText.split(/\r?\n/); const m3uLines = []; // M3U header m3uLines.push("#EXTM3U"); let addedAny = false; for (let originalLine of lines) // if after processing we have only header and no entries but we had comments, still fine if (!addedAny && m3uLines.length === 1) m3uLines.push("# No valid media entries found."); return m3uLines.join('\n'); // update preview AND store converted content in a data attribute for download/copy let currentM3U = ""; function refreshConversion() const rawText = txtInput.value; const converted = convertTextToM3U(rawText); currentM3U = converted; m3uPreview.textContent = converted; updateLineStats(); return converted; // initial conversion on page load if example needed, but we set an example placeholder function setDefaultExample() const defaultTxt = `# My personal playlist - generated from TXT # Radio streams http://ice1.somafm.com/groovesalad-128-mp3 https://streamer.radio.co/somejazz/listen

.preview-box background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 0.75rem; height: 280px; overflow-y: auto;