Spotify Deep Link Generator | <a href=\"https:\/\/stereodaily.com\/zh\/what-is-stereo-daily-inside-the-modern-music-journalism-platform\/\">Stereo Daily<\/a><\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcodejs\/1.0.0\/qrcode.min.js\"><\/script>\r\n\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&family=Playfair+Display:ital,wght@0,700;0,900;1,400;1,700;1,900&display=swap');\r\n \r\n .font-masthead { font-family: 'Playfair Display', Georgia, serif; }\r\n .font-body { font-family: 'Inter', sans-serif; }\r\n .font-headline { font-family: 'Inter', sans-serif; }\r\n .font-mono-code { font-family: 'JetBrains Mono', monospace; }\r\n\r\n \/* Custom Animation for Logo Marquee *\/\r\n @keyframes scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n .animate-marquee {\r\n display: flex;\r\n width: 200%;\r\n animation: scroll 28s linear infinite;\r\n }\r\n .animate-marquee:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .glass-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 32px rgba(0,0,0,0.06);\r\n }\r\n\r\n \/* Custom Input Focus Border *\/\r\n .input-editorial:focus {\r\n outline: none;\r\n border-color: #000000;\r\n background-color: #ffffff;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-[#fafafa] text-gray-900 font-body antialiased selection:bg-black selection:text-white\">\r\n\r\n \r\n <div class=\"max-w-[1200px] mx-auto bg-white border-x border-gray-100 font-sans pb-16 shadow-sm overflow-hidden\">\r\n \r\n \r\n <div class=\"relative px-6 py-20 md:py-28 border-b border-gray-100 text-center bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:20px_20px]\">\r\n <div class=\"inline-flex items-center gap-2 mb-6\">\r\n <h6 class=\"font-body text-xs font-bold uppercase tracking-[0.4em] text-gray-400\">Audio Distribution Architecture<\/h6>\r\n <\/div>\r\n \r\n <h1 class=\"font-masthead text-5xl sm:text-7xl md:text-8xl font-black tracking-tighter text-black mb-8 leading-[0.92]\">\r\n Spotify Deep Link <br> <span class=\"italic font-normal font-masthead\">Generator.<\/span>\r\n <\/h1>\r\n \r\n <div class=\"max-w-3xl mx-auto\">\r\n <p class=\"font-body text-lg md:text-xl text-gray-700 leading-relaxed font-light\">\r\n Bypass browser playback barriers. Merge standalone song tracks into their parent playlist container to launch native app autoplay with full queue persistence and deterministic tracking preservation.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 flex flex-wrap items-center justify-center gap-2 font-body text-xs\">\r\n <span class=\"text-gray-400 font-medium uppercase tracking-wider text-[11px] mr-1\">Quick Test:<\/span>\r\n <button onclick=\"loadExactUserSample()\" class=\"px-3.5 py-1.5 border border-black bg-black text-white hover:bg-gray-800 transition-colors uppercase tracking-wider text-[10px] font-bold\">\r\n User Song + Playlist Test\r\n <\/button>\r\n <button onclick=\"loadSample('youtube')\" class=\"px-3.5 py-1.5 border border-gray-200 bg-gray-50 hover:border-black text-gray-800 transition-colors uppercase tracking-wider text-[10px] font-semibold\">\r\n YouTube Queue\r\n <\/button>\r\n <button onclick=\"loadSample('apple')\" class=\"px-3.5 py-1.5 border border-gray-200 bg-gray-50 hover:border-black text-gray-800 transition-colors uppercase tracking-wider text-[10px] font-semibold\">\r\n Apple Music Focus\r\n <\/button>\r\n <button onclick=\"clearAllInputs()\" class=\"px-3 py-1.5 text-gray-400 hover:text-black uppercase tracking-wider text-[10px]\">\r\n Reset\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"py-9 border-b border-gray-100 bg-gray-50 overflow-hidden relative\">\r\n <div class=\"absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-gray-50 to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-gray-50 to-transparent z-10\"><\/div>\r\n <div class=\"animate-marquee whitespace-nowrap items-center space-x-12 md:space-x-20\">\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Spotify App Protocol<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Universal Links (iOS)<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Android App Links<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Instagram Bio Deep Links<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">WhatsApp Click Triggers<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">YouTube Context Lists<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Apple Music Storefronts<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Spotify App Protocol<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Universal Links (iOS)<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Android App Links<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Instagram Bio Deep Links<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">WhatsApp Click Triggers<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 md:px-12 border-b border-gray-100 bg-[#FCFCFC] flex flex-col md:flex-row items-start md:items-center justify-between gap-4\">\r\n <div class=\"max-w-3xl\">\r\n <span class=\"inline-block font-body text-[10px] font-black uppercase tracking-[0.2em] bg-black text-white px-2 py-0.5 mb-2\">\r\n Protocol Mechanism\r\n <\/span>\r\n <h4 class=\"font-headline text-sm font-bold text-black mb-1\">Why Pasting into a Browser Address Bar Keeps You on the Web<\/h4>\r\n <p class=\"font-body text-xs text-gray-600 leading-relaxed\">\r\n Pasting <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black text-[11px]\">https:\/\/open.spotify.com\/...<\/code> directly into Safari\/Chrome forces standard browser navigation by OS policy. To guarantee the Spotify native player launches immediately, trigger the <strong>Native Scheme URI<\/strong> (<code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black text-[11px]\">spotify:track:...<\/code>) or click the generated hyperlinks directly.\r\n <\/p>\r\n <\/div>\r\n <button onclick=\"openWhyModal()\" class=\"shrink-0 px-4 py-2 border border-gray-300 hover:border-black text-[11px] font-bold uppercase tracking-widest text-black bg-white transition-all\">\r\n Technical Specs →\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 border-b border-gray-100\">\r\n \r\n \r\n <div class=\"p-8 md:p-14 flex flex-col justify-between border-b lg:border-b-0 lg:border-r border-gray-100\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <h2 class=\"font-masthead text-3xl md:text-4xl font-bold italic\">Link Inputs<\/h2>\r\n <span id=\"detectedPlatformBadge\" class=\"font-body text-[10px] uppercase font-bold tracking-widest px-2.5 py-1 bg-gray-100 text-gray-600 border border-gray-200\">\r\n Auto-Detecting\r\n <\/span>\r\n <\/div>\r\n\r\n <p class=\"font-body text-sm text-gray-600 leading-relaxed mb-6\">\r\n Input the song track share link alongside the parent playlist or album URL. The system detects or automatically attaches your persistent tracking signature (<code class=\"font-mono-code text-xs bg-gray-100 px-1\">si<\/code>).\r\n <\/p>\r\n\r\n <div class=\"space-y-5\">\r\n \r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <label class=\"font-headline text-xs font-bold uppercase tracking-wider text-black\">\r\n 1. Song \/ Track Link\r\n <\/label>\r\n <span id=\"songCleanStatus\" class=\"font-mono-code text-[11px] text-gray-400\"><\/span>\r\n <\/div>\r\n <div class=\"relative\">\r\n <input \r\n type=\"text\" \r\n id=\"songInput\" \r\n placeholder=\"https:\/\/open.spotify.com\/track\/03zogVkVXFGwRbuPrx0RHF?si=c37486b325e3457b\" \r\n oninput=\"handleInputsChanged()\"\r\n class=\"w-full p-3.5 pr-20 border border-gray-200 rounded-none bg-gray-50 font-mono-code text-xs text-gray-800 input-editorial transition-all\"\r\n >\r\n <button onclick=\"pasteToInput('songInput')\" class=\"absolute right-2 top-1\/2 -translate-y-1\/2 px-2.5 py-1 text-[10px] font-bold uppercase tracking-widest bg-gray-200 hover:bg-black hover:text-white transition-colors\">\r\n Paste\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <label class=\"font-headline text-xs font-bold uppercase tracking-wider text-black\">\r\n 2. Playlist \/ Album Context Link\r\n <\/label>\r\n <span id=\"playlistCleanStatus\" class=\"font-mono-code text-[11px] text-gray-400\"><\/span>\r\n <\/div>\r\n <div class=\"relative\">\r\n <input \r\n type=\"text\" \r\n id=\"playlistInput\" \r\n placeholder=\"https:\/\/open.spotify.com\/playlist\/6z8khBpwUWcoKtDkeYP205?si=83f8044149de4ad7\" \r\n oninput=\"handleInputsChanged()\"\r\n class=\"w-full p-3.5 pr-20 border border-gray-200 rounded-none bg-gray-50 font-mono-code text-xs text-gray-800 input-editorial transition-all\"\r\n >\r\n <button onclick=\"pasteToInput('playlistInput')\" class=\"absolute right-2 top-1\/2 -translate-y-1\/2 px-2.5 py-1 text-[10px] font-bold uppercase tracking-widest bg-gray-200 hover:bg-black hover:text-white transition-colors\">\r\n Paste\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-1\">\r\n <label class=\"flex items-center gap-3 cursor-pointer group\">\r\n <input \r\n type=\"checkbox\" \r\n id=\"autoplayInput\" \r\n onchange=\"generateMergedLink()\" \r\n class=\"w-4 h-4 accent-black rounded-none border-gray-300 cursor-pointer\"\r\n >\r\n <div class=\"flex flex-col\">\r\n <span class=\"font-headline text-xs font-bold uppercase tracking-wider text-black group-hover:text-gray-600 transition-colors\">\r\n Add Autoplay (?autoplay=true)\r\n <\/span>\r\n <span class=\"font-body text-[11px] text-gray-400\">\r\n Instructs the audio client to immediately start playback on launch\r\n <\/span>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n\r\n \r\n <button \r\n onclick=\"generateMergedLink()\" \r\n id=\"generateBtn\"\r\n class=\"w-full bg-black text-white px-8 py-4 font-body text-xs font-bold uppercase tracking-widest hover:bg-gray-800 transition-all text-center flex items-center justify-center gap-2 shadow-sm\"\r\n >\r\n <span>Compile Context Deep Link<\/span>\r\n <span class=\"text-xs\">→<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 pt-6 border-t border-gray-100\">\r\n <h4 class=\"font-headline text-[11px] font-bold uppercase tracking-widest text-gray-400 mb-3\">Extracted Data Schema<\/h4>\r\n <div class=\"grid grid-cols-3 gap-2 text-xs\">\r\n <div class=\"bg-gray-50 p-2.5 border border-gray-100\">\r\n <span class=\"block text-[9px] uppercase font-bold text-gray-400 tracking-wider\">Track ID<\/span>\r\n <span id=\"inspectTrackId\" class=\"font-mono-code text-black text-[10px] break-all font-semibold\">-<\/span>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-2.5 border border-gray-100\">\r\n <span class=\"block text-[9px] uppercase font-bold text-gray-400 tracking-wider\">Container<\/span>\r\n <span id=\"inspectPlaylistId\" class=\"font-mono-code text-black text-[10px] break-all font-semibold\">-<\/span>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-2.5 border border-gray-100\">\r\n <span class=\"block text-[9px] uppercase font-bold text-gray-400 tracking-wider\">Tracking (SI)<\/span>\r\n <span id=\"inspectSiToken\" class=\"font-mono-code text-emerald-700 text-[10px] break-all font-semibold\">-<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 md:p-14 bg-gray-50 flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <h3 class=\"font-masthead text-3xl md:text-4xl font-bold italic\">Generated Output<\/h3>\r\n <span id=\"outputStateBadge\" class=\"font-body text-[10px] uppercase font-bold tracking-widest px-2.5 py-1 bg-white text-gray-700 border border-gray-200\">\r\n Ready\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-5 border border-black mb-6 shadow-sm\">\r\n <div class=\"flex items-center justify-between mb-2\">\r\n <span class=\"font-headline text-xs font-bold uppercase tracking-widest text-black\">Direct App Launcher<\/span>\r\n <span class=\"font-mono-code text-[10px] uppercase font-bold text-emerald-700\">Native OS Handler<\/span>\r\n <\/div>\r\n <p class=\"font-body text-xs text-gray-600 mb-4 leading-relaxed\">\r\n Triggers the local audio app protocol on macOS, Windows, iOS, and Android to immediately open and queue the track.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-2\">\r\n <button \r\n id=\"directAppTriggerBtn\"\r\n onclick=\"launchDirectAppScheme()\"\r\n class=\"flex-1 bg-black text-white px-5 py-3 font-body text-xs font-bold uppercase tracking-widest hover:bg-gray-800 transition-all text-center flex items-center justify-center gap-2\"\r\n >\r\n <span>Launch App Now<\/span>\r\n <span class=\"font-normal\">↗<\/span>\r\n <\/button>\r\n <button \r\n id=\"copyNativeUriBtn\"\r\n onclick=\"copyNativeAppUri()\"\r\n class=\"px-4 py-3 bg-white border border-gray-300 hover:border-black text-black font-body text-xs font-bold uppercase tracking-wider transition-all\"\r\n >\r\n Copy Native URI\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-5\">\r\n <div class=\"flex justify-between items-center mb-1.5\">\r\n <label class=\"font-headline text-xs font-bold uppercase tracking-wider text-black\">\r\n Universal Context Web Link\r\n <\/label>\r\n <span class=\"font-body text-[11px] text-emerald-600 font-semibold hidden\" id=\"copiedBadge\">Copied to Clipboard!<\/span>\r\n <\/div>\r\n \r\n <div class=\"relative bg-white border border-gray-200 p-3 pr-24\">\r\n <div id=\"mainResultUrl\" class=\"font-mono-code text-xs text-gray-800 break-all min-h-[2rem] flex items-center\">\r\n Paste your links and click Compile to generate.\r\n <\/div>\r\n <button \r\n onclick=\"copyToClipboard(document.getElementById('mainResultUrl').innerText, 'Universal Web Link')\" \r\n class=\"absolute right-2 top-1\/2 -translate-y-1\/2 px-3 py-1.5 bg-black text-white font-body text-[10px] font-bold uppercase tracking-widest hover:bg-gray-800 transition-all\"\r\n >\r\n Copy\r\n <\/button>\r\n <\/div>\r\n <p class=\"font-body text-[11px] text-gray-400 mt-1.5\">\r\n Clicking this URL inside WhatsApp, iMessage, Instagram Bio, or Slack automatically opens the Spotify App.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 gap-3 mb-6\">\r\n <a \r\n id=\"testLaunchBtn\" \r\n href=\"#\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\" \r\n class=\"p-3 bg-white border border-gray-200 hover:border-black font-body text-xs font-bold uppercase tracking-wider text-center text-black transition-all flex items-center justify-center gap-1\"\r\n >\r\n <span>Test Click Link →<\/span>\r\n <\/a>\r\n <button \r\n id=\"qrCodeBtn\" \r\n onclick=\"showQrModal()\" \r\n class=\"p-3 bg-white border border-gray-200 hover:border-black font-body text-xs font-bold uppercase tracking-wider text-center text-black transition-all flex items-center justify-center gap-1\"\r\n >\r\n <span>Scan Mobile QR<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-2 border-t border-gray-200 pt-4\">\r\n <h5 class=\"font-headline text-[10px] font-bold uppercase tracking-widest text-gray-400 mb-2\">Protocol Variants<\/h5>\r\n \r\n <div class=\"flex items-center justify-between p-2.5 bg-white border border-gray-200 text-xs\">\r\n <div class=\"overflow-hidden pr-3\">\r\n <span class=\"block font-bold text-[10px] uppercase text-gray-400\">URI Protocol<\/span>\r\n <span id=\"formatAppUri\" class=\"font-mono-code text-[11px] text-gray-700 truncate block\">spotify:track:...<\/span>\r\n <\/div>\r\n <button onclick=\"copyToClipboard(document.getElementById('formatAppUri').innerText, 'URI')\" class=\"text-[10px] font-bold uppercase tracking-widest px-2 py-1 bg-gray-100 hover:bg-black hover:text-white transition-colors\">Copy<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex items-center justify-between p-2.5 bg-white border border-gray-200 text-xs\">\r\n <div class=\"overflow-hidden pr-3\">\r\n <span class=\"block font-bold text-[10px] uppercase text-gray-400\">Markdown Format<\/span>\r\n <span id=\"formatMarkdown\" class=\"font-mono-code text-[11px] text-gray-700 truncate block\">[Play Track](...)<\/span>\r\n <\/div>\r\n <button onclick=\"copyToClipboard(document.getElementById('formatMarkdown').innerText, 'Markdown')\" class=\"text-[10px] font-bold uppercase tracking-widest px-2 py-1 bg-gray-100 hover:bg-black hover:text-white transition-colors\">Copy<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"status\" class=\"mt-6 p-4 font-body text-sm font-medium hidden\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 md:p-16 border-b border-gray-100 bg-white\">\r\n <h3 class=\"font-masthead text-3xl md:text-4xl font-bold mb-10 italic\">Processing Architecture<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12\">\r\n <div class=\"flex items-start\">\r\n <span class=\"font-masthead text-3xl font-bold mr-6 text-black\">01<\/span>\r\n <div>\r\n <h4 class=\"font-headline text-base font-bold mb-1\">Context Query Injection<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Injects the canonical <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">?context=spotify:playlist:{ID}<\/code> query argument directly into the standalone song endpoint, initializing playlist playback.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-start\">\r\n <span class=\"font-masthead text-3xl font-bold mr-6 text-black\">02<\/span>\r\n <div>\r\n <h4 class=\"font-headline text-base font-bold mb-1\">SI Signature Continuity Engine<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Prioritizes track <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">si<\/code>, falls back to playlist <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">si<\/code>, or persists default <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">c37486b325e3457b<\/code> automatically.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-start\">\r\n <span class=\"font-masthead text-3xl font-bold mr-6 text-black\">03<\/span>\r\n <div>\r\n <h4 class=\"font-headline text-base font-bold mb-1\">Native Protocol Bridges<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Constructs dedicated OS scheme URIs (<code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">spotify:<\/code>, <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">vnd.youtube:<\/code>, <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">music:<\/code>) to execute direct hardware application launching.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-start\">\r\n <span class=\"font-masthead text-3xl font-bold mr-6 text-black\">04<\/span>\r\n <div>\r\n <h4 class=\"font-headline text-base font-bold mb-1\">Local Browser Sandboxing<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Zero external network transmission. All parsing, URI building, and QR rasterization occur entirely inside the local browser client.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-6 py-20 bg-black text-white\">\r\n <div class=\"text-center mb-16\">\r\n <h6 class=\"font-body text-xs font-bold uppercase tracking-[0.4em] text-gray-500 mb-4\">Precision Grid Matrix<\/h6>\r\n <h2 class=\"font-masthead text-4xl md:text-6xl font-bold italic text-white\">Engine Specifications.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\r\n \r\n <div class=\"border border-white\/20 p-10 flex flex-col items-center text-center\">\r\n <div class=\"font-masthead text-5xl md:text-6xl font-bold mb-4 text-white\">22-Ch<\/div>\r\n <h4 class=\"font-headline text-sm font-bold uppercase tracking-widest mb-3 text-white\">Base62 Identifier Extraction<\/h4>\r\n <p class=\"font-body text-gray-400 text-xs leading-relaxed max-w-sm\">\r\n Validates track and playlist hashes against standard 22-character alphanumeric Spotify ID structures with zero regex performance bottlenecks.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"border border-white\/20 p-10 flex flex-col items-center text-center\">\r\n <div class=\"font-masthead text-5xl md:text-6xl font-bold mb-4 text-white\">100%<\/div>\r\n <h4 class=\"font-headline text-sm font-bold uppercase tracking-widest mb-3 text-white\">Direct App Intent Reliability<\/h4>\r\n <p class=\"font-body text-gray-400 text-xs leading-relaxed max-w-sm\">\r\n Ensures audio continuity by converting web links into direct custom protocol schemes for desktop and mobile streaming engines.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 md:p-14 border-b border-gray-100 bg-white\">\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <div>\r\n <h3 class=\"font-masthead text-2xl md:text-3xl font-bold italic\">Player Stream Preview<\/h3>\r\n <p class=\"font-body text-xs text-gray-500 mt-1\">Live verification of the extracted track stream<\/p>\r\n <\/div>\r\n <span id=\"playerBadge\" class=\"font-mono-code text-[11px] uppercase text-gray-400\">Stream Ready<\/span>\r\n <\/div>\r\n \r\n <div id=\"embedContainer\" class=\"w-full bg-gray-50 border border-gray-200 min-h-[152px] flex items-center justify-center p-4\">\r\n <iframe id=\"spotifyIframe\" style=\"border-radius:0px\" src=\"https:\/\/open.spotify.com\/embed\/track\/03zogVkVXFGwRbuPrx0RHF?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-6 pt-20 pb-16 text-center border-t border-gray-50 bg-white\">\r\n <div class=\"inline-block relative\">\r\n <p class=\"font-masthead text-5xl md:text-7xl italic font-black text-black leading-none\">Stereo Daily <\/p>\r\n <div class=\"h-px w-full bg-black mt-4 scale-x-50 origin-center opacity-20\"><\/div>\r\n <p class=\"font-body text-[10px] uppercase tracking-[0.6em] text-gray-400 mt-8\">A Global Architecture for the Independent Artist<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"whyModal\" class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black\/70 backdrop-blur-sm hidden\">\r\n <div class=\"bg-white border border-black max-w-lg w-full p-8 shadow-2xl text-left relative max-h-[90vh] overflow-y-auto\">\r\n <button onclick=\"closeWhyModal()\" class=\"absolute top-5 right-5 text-gray-400 hover:text-black font-headline text-lg font-bold\">\r\n ×\r\n <\/button>\r\n\r\n <h6 class=\"font-body text-[10px] font-bold uppercase tracking-[0.3em] text-gray-400 mb-2\">Operating System Policy<\/h6>\r\n <h3 class=\"font-masthead text-2xl font-bold mb-4 italic text-black\">Why Copy\/Paste Behaves Differently<\/h3>\r\n\r\n <div class=\"space-y-4 font-body text-xs text-gray-600 leading-relaxed\">\r\n <div class=\"p-4 bg-gray-50 border border-gray-200\">\r\n <strong class=\"text-black block mb-1\">1. Browser Address Bar Navigation<\/strong>\r\n When an <code class=\"font-mono-code text-black text-[11px]\">https:\/\/...<\/code> link is pasted directly into Chrome\/Safari\/Edge's address bar, iOS and Android purposely disable automatic app jumping. The OS assumes that address-bar input signifies intentional web browsing.\r\n <\/div>\r\n\r\n <div class=\"p-4 bg-gray-50 border border-gray-200\">\r\n <strong class=\"text-black block mb-1\">2. Hyperlink \/ Universal Link Click<\/strong>\r\n When that same link is tapped as a hyperlink inside WhatsApp, iMessage, Instagram Bio, Notes, or scanned from a QR code, the OS intercepts it and routes playback directly into the Spotify App.\r\n <\/div>\r\n\r\n <div class=\"p-4 bg-gray-50 border border-gray-200\">\r\n <strong class=\"text-black block mb-1\">3. Native URI Protocol (<code class=\"font-mono-code text-black\">spotify:track:...<\/code>)<\/strong>\r\n Using the direct native URI bypasses web browser routing entirely, commanding the OS to launch Spotify immediately.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-6 text-right\">\r\n <button onclick=\"closeWhyModal()\" class=\"px-5 py-2.5 bg-black text-white text-[10px] font-bold uppercase tracking-widest hover:bg-gray-800\">\r\n Close Window\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"qrModal\" class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black\/70 backdrop-blur-sm hidden\">\r\n <div class=\"bg-white border border-black max-w-sm w-full p-8 shadow-2xl text-center relative\">\r\n <button onclick=\"closeQrModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-black font-headline text-lg font-bold\">\r\n ×\r\n <\/button>\r\n\r\n <h6 class=\"font-body text-[10px] font-bold uppercase tracking-[0.3em] text-gray-400 mb-1\">Mobile Testing<\/h6>\r\n <h3 class=\"font-masthead text-2xl font-bold mb-2 italic text-black\">Scan with Camera<\/h3>\r\n <p class=\"font-body text-xs text-gray-500 mb-6\">Point your phone's camera to trigger the native Spotify app launch.<\/p>\r\n\r\n <div class=\"p-4 bg-white border border-gray-200 inline-block mb-4 shadow-sm\">\r\n <div id=\"qrcode\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"qrLinkText\" class=\"font-mono-code text-[10px] text-gray-600 bg-gray-50 p-2.5 border border-gray-200 break-all text-left\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ Global constant fallback SI\r\n const DEFAULT_SI = 'c37486b325e3457b';\r\n\r\n \/\/ State storage\r\n const state = {\r\n detectedPlatform: 'spotify',\r\n currentMergedUrl: '',\r\n currentAppUri: '',\r\n currentMarkdown: '',\r\n trackId: '03zogVkVXFGwRbuPrx0RHF',\r\n playlistId: '6z8khBpwUWcoKtDkeYP205',\r\n resolvedSi: DEFAULT_SI\r\n };\r\n\r\n const SAMPLES = {\r\n userCase: {\r\n song: 'https:\/\/open.spotify.com\/track\/03zogVkVXFGwRbuPrx0RHF?si=c37486b325e3457b',\r\n playlist: 'https:\/\/open.spotify.com\/playlist\/6z8khBpwUWcoKtDkeYP205?si=83f8044149de4ad7'\r\n },\r\n youtube: {\r\n song: 'https:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ',\r\n playlist: 'https:\/\/www.youtube.com\/playlist?list=PLrEnWoR732-B4sm4288zUxpeDSCbQY8m5'\r\n },\r\n apple: {\r\n song: 'https:\/\/music.apple.com\/us\/album\/blinding-lights\/1499378108?i=1499378607',\r\n playlist: 'https:\/\/music.apple.com\/us\/playlist\/todays-hits\/pl.f4d1060b52a24d6d9f35e3f1fecdceda'\r\n }\r\n };\r\n\r\n window.addEventListener('DOMContentLoaded', () => {\r\n loadExactUserSample();\r\n });\r\n\r\n \/\/ Helper: Extract SI parameter from any URL string\r\n function extractSiParam(input) {\r\n if (!input) return null;\r\n const match = input.match(\/[?&]si=([a-zA-Z0-9]+)\/i);\r\n return match ? match[1] : null;\r\n }\r\n\r\n \/\/ Spotify track parser (supports raw ID, canonical URLs, \/intl-xx\/ paths, and URI schemes)\r\n function parseSpotifyTrack(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n \r\n const uriMatch = input.match(\/spotify:track:([a-zA-Z0-9]{22})\/i) || input.match(\/spotify:\\\/\\\/track\\\/([a-zA-Z0-9]{22})\/i);\r\n if (uriMatch) return uriMatch[1];\r\n \r\n const urlMatch = input.match(\/spotify\\.com\\\/(?:intl-[a-z]{2}(?:-[a-z]{2})?\\\/)?track\\\/([a-zA-Z0-9]{22})\/i);\r\n if (urlMatch) return urlMatch[1];\r\n\r\n const generalMatch = input.match(\/\\\/track\\\/([a-zA-Z0-9]{22})\/i);\r\n if (generalMatch) return generalMatch[1];\r\n \r\n if (\/^[a-zA-Z0-9]{22}$\/.test(input)) return input;\r\n return null;\r\n }\r\n\r\n \/\/ Spotify playlist and album parser\r\n function parseSpotifyPlaylist(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n \r\n const uriMatch = input.match(\/spotify:(playlist|album):([a-zA-Z0-9]{22})\/i) || input.match(\/spotify:\\\/\\\/(playlist|album)\\\/([a-zA-Z0-9]{22})\/i);\r\n if (uriMatch) return { type: uriMatch[1].toLowerCase(), id: uriMatch[2] };\r\n \r\n const urlMatch = input.match(\/spotify\\.com\\\/(?:intl-[a-z]{2}(?:-[a-z]{2})?\\\/)?(playlist|album)\\\/([a-zA-Z0-9]{22})\/i);\r\n if (urlMatch) return { type: urlMatch[1].toLowerCase(), id: urlMatch[2] };\r\n\r\n const generalMatch = input.match(\/\\\/(playlist|album)\\\/([a-zA-Z0-9]{22})\/i);\r\n if (generalMatch) return { type: generalMatch[1].toLowerCase(), id: generalMatch[2] };\r\n\r\n if (\/^[a-zA-Z0-9]{22}$\/.test(input)) return { type: 'playlist', id: input };\r\n return null;\r\n }\r\n\r\n function parseYouTubeVideo(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n const shortMatch = input.match(\/youtu\\.be\\\/([a-zA-Z0-9_-]{11})\/i);\r\n if (shortMatch) return shortMatch[1];\r\n const paramMatch = input.match(\/[?&]v=([a-zA-Z0-9_-]{11})\/i);\r\n if (paramMatch) return paramMatch[1];\r\n const pathMatch = input.match(\/youtube\\.com\\\/(?:embed|shorts)\\\/([a-zA-Z0-9_-]{11})\/i);\r\n if (pathMatch) return pathMatch[1];\r\n if (\/^[a-zA-Z0-9_-]{11}$\/.test(input)) return input;\r\n return null;\r\n }\r\n\r\n function parseYouTubePlaylist(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n const listMatch = input.match(\/[?&]list=([a-zA-Z0-9_-]+)\/i);\r\n if (listMatch) return listMatch[1];\r\n return null;\r\n }\r\n\r\n function parseAppleMusicTrack(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n const iMatch = input.match(\/[?&]i=([0-9]+)\/i);\r\n if (iMatch) return iMatch[1];\r\n const albumSongMatch = input.match(\/\\\/song\\\/[^\/]+\\\/([0-9]+)\/i);\r\n if (albumSongMatch) return albumSongMatch[1];\r\n if (\/^[0-9]+$\/.test(input)) return input;\r\n return null;\r\n }\r\n\r\n function parseAppleMusicPlaylist(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n const playlistMatch = input.match(\/music\\.apple\\.com\\\/([a-z]{2})\\\/playlist\\\/([^\/]+)\\\/(pl\\.[a-zA-Z0-9]+)\/i);\r\n if (playlistMatch) {\r\n return {\r\n storefront: playlistMatch[1],\r\n slug: playlistMatch[2],\r\n id: playlistMatch[3],\r\n rawBase: `https:\/\/music.apple.com\/${playlistMatch[1]}\/playlist\/${playlistMatch[2]}\/${playlistMatch[3]}`\r\n };\r\n }\r\n return null;\r\n }\r\n\r\n function detectPlatform(songVal, playlistVal) {\r\n const combined = (songVal + ' ' + playlistVal).toLowerCase();\r\n if (combined.includes('spotify') || combined.includes('spotify:')) return 'spotify';\r\n if (combined.includes('youtube') || combined.includes('youtu.be')) return 'youtube';\r\n if (combined.includes('apple.com') || combined.includes('music.apple')) return 'apple';\r\n if (parseSpotifyTrack(songVal)) return 'spotify';\r\n return 'spotify';\r\n }\r\n\r\n \/\/ Determine the exact SI token based on user hierarchy\r\n function resolveSiToken(songVal, playlistVal) {\r\n const songSi = extractSiParam(songVal);\r\n const playlistSi = extractSiParam(playlistVal);\r\n \r\n \/\/ 1. Always take song si if present\r\n if (songSi) return songSi;\r\n \/\/ 2. If no song si, take playlist si\r\n if (playlistSi) return playlistSi;\r\n \/\/ 3. Fallback if none present\r\n return DEFAULT_SI;\r\n }\r\n\r\n function handleInputsChanged() {\r\n const songVal = document.getElementById('songInput').value.trim();\r\n const playlistVal = document.getElementById('playlistInput').value.trim();\r\n const platform = detectPlatform(songVal, playlistVal);\r\n state.detectedPlatform = platform;\r\n\r\n const badge = document.getElementById('detectedPlatformBadge');\r\n badge.textContent = `${platform.toUpperCase()} DETECTED`;\r\n\r\n let trackId = null;\r\n let playlistId = null;\r\n let resolvedSi = '-';\r\n\r\n if (platform === 'spotify') {\r\n trackId = parseSpotifyTrack(songVal);\r\n const plInfo = parseSpotifyPlaylist(playlistVal);\r\n playlistId = plInfo ? `${plInfo.type}:${plInfo.id}` : null;\r\n resolvedSi = resolveSiToken(songVal, playlistVal);\r\n \r\n document.getElementById('songCleanStatus').textContent = trackId ? `Track: ${trackId}` : '';\r\n document.getElementById('playlistCleanStatus').textContent = playlistId ? `Context: ${playlistId}` : '';\r\n }\r\n\r\n document.getElementById('inspectTrackId').textContent = trackId || (songVal ? 'Invalid' : '-');\r\n document.getElementById('inspectPlaylistId').textContent = playlistId || (playlistVal ? 'Invalid' : '-');\r\n document.getElementById('inspectSiToken').textContent = resolvedSi;\r\n }\r\n\r\n function generateMergedLink() {\r\n const songVal = document.getElementById('songInput').value.trim();\r\n const playlistVal = document.getElementById('playlistInput').value.trim();\r\n const autoplayChecked = document.getElementById('autoplayInput').checked;\r\n const statusDiv = document.getElementById('status');\r\n statusDiv.style.display = 'none';\r\n\r\n if (!songVal || !playlistVal) {\r\n showStatus('Please provide both a song track URL and a playlist\/album URL.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n\r\n const platform = detectPlatform(songVal, playlistVal);\r\n\r\n let webUrl = '';\r\n let appUri = '';\r\n let markdown = '';\r\n let embedHtml = '';\r\n\r\n if (platform === 'spotify') {\r\n const trackId = parseSpotifyTrack(songVal);\r\n const playlistInfo = parseSpotifyPlaylist(playlistVal);\r\n\r\n if (!trackId) {\r\n showStatus('Error: Invalid Spotify Track ID format.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n if (!playlistInfo) {\r\n showStatus('Error: Invalid Spotify Playlist or Album ID format.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n\r\n \/\/ SI Resolution Protocol\r\n const finalSi = resolveSiToken(songVal, playlistVal);\r\n state.resolvedSi = finalSi;\r\n document.getElementById('inspectSiToken').textContent = finalSi;\r\n\r\n const autoParam = autoplayChecked ? '&autoplay=true' : '';\r\n const siParam = `&si=${finalSi}`;\r\n\r\n \/\/ Canonical Deep Link Formula with persistent SI at the end\r\n webUrl = `https:\/\/open.spotify.com\/track\/${trackId}?context=spotify:${playlistInfo.type}:${playlistInfo.id}${autoParam}${siParam}`;\r\n appUri = `spotify:track:${trackId}?context=spotify:${playlistInfo.type}:${playlistInfo.id}${autoParam}${siParam}`;\r\n markdown = `[Play on Spotify in Playlist](${webUrl})`;\r\n \r\n embedHtml = `<iframe style=\"border-radius:0px\" src=\"https:\/\/open.spotify.com\/embed\/track\/${trackId}?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>`;\r\n document.getElementById('playerBadge').textContent = 'Spotify Stream Ready';\r\n } \r\n else if (platform === 'youtube') {\r\n const videoId = parseYouTubeVideo(songVal);\r\n const listId = parseYouTubePlaylist(playlistVal);\r\n if (!videoId || !listId) {\r\n showStatus('Error: Invalid YouTube track or playlist parameters.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n const autoParam = autoplayChecked ? '&autoplay=1' : '';\r\n webUrl = `https:\/\/www.youtube.com\/watch?v=${videoId}&list=${listId}${autoParam}`;\r\n appUri = `vnd.youtube:\/\/${videoId}?list=${listId}${autoParam}`;\r\n markdown = `[Play in YouTube Playlist](${webUrl})`;\r\n embedHtml = `<iframe width=\"100%\" height=\"180\" src=\"https:\/\/www.youtube.com\/embed\/${videoId}?list=${listId}${autoplayChecked ? '&autoplay=1' : ''}\" frameborder=\"0\" allowfullscreen><\/iframe>`;\r\n document.getElementById('playerBadge').textContent = 'YouTube Context Ready';\r\n }\r\n else if (platform === 'apple') {\r\n const trackId = parseAppleMusicTrack(songVal);\r\n const playlistInfo = parseAppleMusicPlaylist(playlistVal);\r\n if (!trackId || !playlistInfo) {\r\n showStatus('Error: Invalid Apple Music parameters.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n const autoParam = autoplayChecked ? '&autoplay=true' : '';\r\n webUrl = `${playlistInfo.rawBase}?i=${trackId}${autoParam}`;\r\n appUri = `music:\/\/music.apple.com\/${playlistInfo.storefront}\/playlist\/${playlistInfo.slug}\/${playlistInfo.id}?i=${trackId}${autoParam}`;\r\n markdown = `[Play on Apple Music](${webUrl})`;\r\n embedHtml = `<div class=\"p-4 text-center text-xs text-gray-700\">Apple Music Focus Link Generated: <a href=\"${webUrl}\" target=\"_blank\" class=\"font-bold underline text-black block mt-1\">Launch in Apple Music<\/a><\/div>`;\r\n document.getElementById('playerBadge').textContent = 'Apple Music Ready';\r\n }\r\n\r\n state.currentMergedUrl = webUrl;\r\n state.currentAppUri = appUri;\r\n state.currentMarkdown = markdown;\r\n\r\n document.getElementById('mainResultUrl').textContent = webUrl;\r\n document.getElementById('formatAppUri').textContent = appUri;\r\n document.getElementById('formatMarkdown').textContent = markdown;\r\n document.getElementById('testLaunchBtn').href = webUrl;\r\n document.getElementById('embedContainer').innerHTML = embedHtml;\r\n\r\n document.getElementById('outputStateBadge').textContent = 'COMPILED';\r\n document.getElementById('outputStateBadge').className = 'font-body text-[10px] uppercase font-bold tracking-widest px-2.5 py-1 bg-black text-white border border-black';\r\n\r\n showStatus('Deep Link successfully compiled with persistent SI tracking.', 'bg-green-50 text-green-800 border border-green-100');\r\n }\r\n\r\n function launchDirectAppScheme() {\r\n if (!state.currentAppUri) {\r\n generateMergedLink();\r\n }\r\n if (state.currentAppUri) {\r\n window.location.href = state.currentAppUri;\r\n showStatus('Executing direct native URI protocol dispatch...', 'bg-gray-100 text-gray-900 border border-gray-200');\r\n }\r\n }\r\n\r\n function copyNativeAppUri() {\r\n if (!state.currentAppUri) generateMergedLink();\r\n if (state.currentAppUri) {\r\n copyToClipboard(state.currentAppUri, 'Native Spotify URI');\r\n }\r\n }\r\n\r\n function copyToClipboard(text, label = 'Link') {\r\n if (!text || text.includes('Paste your links')) {\r\n showStatus('Please compile a deep link first.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n\r\n const textArea = document.createElement('textarea');\r\n textArea.value = text;\r\n textArea.style.position = 'fixed';\r\n textArea.style.left = '-999999px';\r\n textArea.style.top = '-999999px';\r\n document.body.appendChild(textArea);\r\n textArea.focus();\r\n textArea.select();\r\n\r\n try {\r\n const successful = document.execCommand('copy');\r\n if (successful) {\r\n showStatus(`${label} copied to clipboard successfully!`, 'bg-green-50 text-green-800 border border-green-100');\r\n const badge = document.getElementById('copiedBadge');\r\n if (badge) {\r\n badge.classList.remove('hidden');\r\n setTimeout(() => badge.classList.add('hidden'), 2500);\r\n }\r\n }\r\n } catch (err) {\r\n if (navigator.clipboard && navigator.clipboard.writeText) {\r\n navigator.clipboard.writeText(text).then(() => {\r\n showStatus(`${label} copied to clipboard!`, 'bg-green-50 text-green-800 border border-green-100');\r\n });\r\n }\r\n } finally {\r\n document.body.removeChild(textArea);\r\n }\r\n }\r\n\r\n function showStatus(text, classes) {\r\n const statusDiv = document.getElementById('status');\r\n statusDiv.innerText = text;\r\n statusDiv.className = 'mt-6 p-4 font-body text-xs font-semibold ' + classes;\r\n statusDiv.style.display = 'block';\r\n }\r\n\r\n function showQrModal() {\r\n if (!state.currentMergedUrl) generateMergedLink();\r\n if (!state.currentMergedUrl) return;\r\n\r\n const modal = document.getElementById('qrModal');\r\n const qrContainer = document.getElementById('qrcode');\r\n const linkText = document.getElementById('qrLinkText');\r\n\r\n qrContainer.innerHTML = '';\r\n linkText.textContent = state.currentMergedUrl;\r\n\r\n new QRCode(qrContainer, {\r\n text: state.currentMergedUrl,\r\n width: 170,\r\n height: 170,\r\n colorDark: \"#000000\",\r\n colorLight: \"#FFFFFF\",\r\n correctLevel: QRCode.CorrectLevel.M\r\n });\r\n\r\n modal.classList.remove('hidden');\r\n }\r\n\r\n function closeQrModal() {\r\n document.getElementById('qrModal').classList.add('hidden');\r\n }\r\n\r\n function openWhyModal() {\r\n document.getElementById('whyModal').classList.remove('hidden');\r\n }\r\n\r\n function closeWhyModal() {\r\n document.getElementById('whyModal').classList.add('hidden');\r\n }\r\n\r\n function loadSample(type) {\r\n if (SAMPLES[type]) {\r\n document.getElementById('songInput').value = SAMPLES[type].song;\r\n document.getElementById('playlistInput').value = SAMPLES[type].playlist;\r\n handleInputsChanged();\r\n generateMergedLink();\r\n }\r\n }\r\n\r\n function loadExactUserSample() {\r\n document.getElementById('songInput').value = SAMPLES.userCase.song;\r\n document.getElementById('playlistInput').value = SAMPLES.userCase.playlist;\r\n handleInputsChanged();\r\n generateMergedLink();\r\n }\r\n\r\n function clearAllInputs() {\r\n document.getElementById('songInput').value = '';\r\n document.getElementById('playlistInput').value = '';\r\n document.getElementById('autoplayInput').checked = false;\r\n document.getElementById('inspectTrackId').textContent = '-';\r\n document.getElementById('inspectPlaylistId').textContent = '-';\r\n document.getElementById('inspectSiToken').textContent = '-';\r\n document.getElementById('songCleanStatus').textContent = '';\r\n document.getElementById('playlistCleanStatus').textContent = '';\r\n document.getElementById('mainResultUrl').textContent = 'Paste your links and click Compile to generate.';\r\n document.getElementById('formatAppUri').textContent = 'spotify:track:...';\r\n document.getElementById('formatMarkdown').textContent = '[Play Track](...)';\r\n document.getElementById('status').style.display = 'none';\r\n document.getElementById('embedContainer').innerHTML = `\r\n <div class=\"text-center py-6 text-gray-400 font-body text-xs\">\r\n Compile a link above to initialize player preview\r\n <\/div>\r\n `;\r\n }\r\n\r\n function pasteToInput(inputId) {\r\n if (navigator.clipboard && navigator.clipboard.readText) {\r\n navigator.clipboard.readText().then(text => {\r\n if (text) {\r\n document.getElementById(inputId).value = text;\r\n handleInputsChanged();\r\n showStatus('Link inserted from clipboard.', 'bg-gray-100 text-gray-900 border border-gray-200');\r\n }\r\n }).catch(() => {\r\n document.getElementById(inputId).focus();\r\n });\r\n } else {\r\n document.getElementById(inputId).focus();\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spotify Deep Link Generator | Stereo Daily Audio Distri […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4732","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"yoast_head":"\n<title>Spotify Deep Link Generator - Stereo Daily<\/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:\/\/stereodaily.com\/zh\/wp-json\/wp\/v2\/pages\/4732\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spotify Deep Link Generator - Stereo Daily\" \/>\n<meta property=\"og:description\" content=\"Spotify Deep Link Generator | Stereo Daily Audio Distri […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Stereo Daily\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/stereodaily\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:27:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stereodaily.com\/wp-content\/uploads\/2025\/12\/Stereo-Daily-Logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/\",\"name\":\"Spotify Deep Link Generator - Stereo Daily\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#website\"},\"datePublished\":\"2026-09-01T20:55:31+00:00\",\"dateModified\":\"2026-09-03T15:27:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spotify Deep Link Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#website\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/\",\"name\":\"Stereo Daily\",\"description\":\"Your Global Music News Since 2012\",\"publisher\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#organization\"},\"alternateName\":\"StereoDaily\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#organization\",\"name\":\"Stereo Daily\",\"alternateName\":\"StereoDaily\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Stereo-Daily-Site-Map.png\",\"contentUrl\":\"https:\\\/\\\/stereodaily.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Stereo-Daily-Site-Map.png\",\"width\":512,\"height\":512,\"caption\":\"Stereo Daily\"},\"image\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/stereodaily\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Spotify Deep Link Generator - Stereo Daily","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:\/\/stereodaily.com\/zh\/wp-json\/wp\/v2\/pages\/4732\/","og_locale":"zh_CN","og_type":"article","og_title":"Spotify Deep Link Generator - Stereo Daily","og_description":"Spotify Deep Link Generator | Stereo Daily Audio Distri […]","og_url":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/","og_site_name":"Stereo Daily","article_publisher":"https:\/\/www.facebook.com\/stereodaily\/","article_modified_time":"2026-09-03T15:27:25+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/stereodaily.com\/wp-content\/uploads\/2025\/12\/Stereo-Daily-Logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/","url":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/","name":"Spotify Deep Link Generator - Stereo Daily","isPartOf":{"@id":"https:\/\/stereodaily.com\/zh\/#website"},"datePublished":"2026-09-01T20:55:31+00:00","dateModified":"2026-09-03T15:27:25+00:00","breadcrumb":{"@id":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stereodaily.com\/zh\/"},{"@type":"ListItem","position":2,"name":"Spotify Deep Link Generator"}]},{"@type":"WebSite","@id":"https:\/\/stereodaily.com\/zh\/#website","url":"https:\/\/stereodaily.com\/zh\/","name":"Stereo Daily","description":"Your Global Music News Since 2012","publisher":{"@id":"https:\/\/stereodaily.com\/zh\/#organization"},"alternateName":"StereoDaily","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stereodaily.com\/zh\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/stereodaily.com\/zh\/#organization","name":"Stereo Daily","alternateName":"StereoDaily","url":"https:\/\/stereodaily.com\/zh\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/stereodaily.com\/zh\/#\/schema\/logo\/image\/","url":"https:\/\/stereodaily.com\/wp-content\/uploads\/2025\/12\/Stereo-Daily-Site-Map.png","contentUrl":"https:\/\/stereodaily.com\/wp-content\/uploads\/2025\/12\/Stereo-Daily-Site-Map.png","width":512,"height":512,"caption":"Stereo Daily"},"image":{"@id":"https:\/\/stereodaily.com\/zh\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/stereodaily\/"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/comments?post=4732"}],"version-history":[{"count":6,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4732\/revisions"}],"predecessor-version":[{"id":4792,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4732\/revisions\/4792"}],"wp:attachment":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/media?parent=4732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Spotify Deep Link Generator | <a href=\"https:\/\/stereodaily.com\/zh\/what-is-stereo-daily-inside-the-modern-music-journalism-platform\/\">Stereo Daily<\/a><\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcodejs\/1.0.0\/qrcode.min.js\"><\/script>\r\n\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&family=Playfair+Display:ital,wght@0,700;0,900;1,400;1,700;1,900&display=swap');\r\n \r\n .font-masthead { font-family: 'Playfair Display', Georgia, serif; }\r\n .font-body { font-family: 'Inter', sans-serif; }\r\n .font-headline { font-family: 'Inter', sans-serif; }\r\n .font-mono-code { font-family: 'JetBrains Mono', monospace; }\r\n\r\n \/* Custom Animation for Logo Marquee *\/\r\n @keyframes scroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n .animate-marquee {\r\n display: flex;\r\n width: 200%;\r\n animation: scroll 28s linear infinite;\r\n }\r\n .animate-marquee:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .glass-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 32px rgba(0,0,0,0.06);\r\n }\r\n\r\n \/* Custom Input Focus Border *\/\r\n .input-editorial:focus {\r\n outline: none;\r\n border-color: #000000;\r\n background-color: #ffffff;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-[#fafafa] text-gray-900 font-body antialiased selection:bg-black selection:text-white\">\r\n\r\n \r\n <div class=\"max-w-[1200px] mx-auto bg-white border-x border-gray-100 font-sans pb-16 shadow-sm overflow-hidden\">\r\n \r\n \r\n <div class=\"relative px-6 py-20 md:py-28 border-b border-gray-100 text-center bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:20px_20px]\">\r\n <div class=\"inline-flex items-center gap-2 mb-6\">\r\n <h6 class=\"font-body text-xs font-bold uppercase tracking-[0.4em] text-gray-400\">Audio Distribution Architecture<\/h6>\r\n <\/div>\r\n \r\n <h1 class=\"font-masthead text-5xl sm:text-7xl md:text-8xl font-black tracking-tighter text-black mb-8 leading-[0.92]\">\r\n Spotify Deep Link <br> <span class=\"italic font-normal font-masthead\">Generator.<\/span>\r\n <\/h1>\r\n \r\n <div class=\"max-w-3xl mx-auto\">\r\n <p class=\"font-body text-lg md:text-xl text-gray-700 leading-relaxed font-light\">\r\n Bypass browser playback barriers. Merge standalone song tracks into their parent playlist container to launch native app autoplay with full queue persistence and deterministic tracking preservation.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 flex flex-wrap items-center justify-center gap-2 font-body text-xs\">\r\n <span class=\"text-gray-400 font-medium uppercase tracking-wider text-[11px] mr-1\">Quick Test:<\/span>\r\n <button onclick=\"loadExactUserSample()\" class=\"px-3.5 py-1.5 border border-black bg-black text-white hover:bg-gray-800 transition-colors uppercase tracking-wider text-[10px] font-bold\">\r\n User Song + Playlist Test\r\n <\/button>\r\n <button onclick=\"loadSample('youtube')\" class=\"px-3.5 py-1.5 border border-gray-200 bg-gray-50 hover:border-black text-gray-800 transition-colors uppercase tracking-wider text-[10px] font-semibold\">\r\n YouTube Queue\r\n <\/button>\r\n <button onclick=\"loadSample('apple')\" class=\"px-3.5 py-1.5 border border-gray-200 bg-gray-50 hover:border-black text-gray-800 transition-colors uppercase tracking-wider text-[10px] font-semibold\">\r\n Apple Music Focus\r\n <\/button>\r\n <button onclick=\"clearAllInputs()\" class=\"px-3 py-1.5 text-gray-400 hover:text-black uppercase tracking-wider text-[10px]\">\r\n Reset\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"py-9 border-b border-gray-100 bg-gray-50 overflow-hidden relative\">\r\n <div class=\"absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-gray-50 to-transparent z-10\"><\/div>\r\n <div class=\"absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-gray-50 to-transparent z-10\"><\/div>\r\n <div class=\"animate-marquee whitespace-nowrap items-center space-x-12 md:space-x-20\">\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Spotify App Protocol<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Universal Links (iOS)<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Android App Links<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Instagram Bio Deep Links<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">WhatsApp Click Triggers<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">YouTube Context Lists<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Apple Music Storefronts<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Spotify App Protocol<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Universal Links (iOS)<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Android App Links<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Instagram Bio Deep Links<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">WhatsApp Click Triggers<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 md:px-12 border-b border-gray-100 bg-[#FCFCFC] flex flex-col md:flex-row items-start md:items-center justify-between gap-4\">\r\n <div class=\"max-w-3xl\">\r\n <span class=\"inline-block font-body text-[10px] font-black uppercase tracking-[0.2em] bg-black text-white px-2 py-0.5 mb-2\">\r\n Protocol Mechanism\r\n <\/span>\r\n <h4 class=\"font-headline text-sm font-bold text-black mb-1\">Why Pasting into a Browser Address Bar Keeps You on the Web<\/h4>\r\n <p class=\"font-body text-xs text-gray-600 leading-relaxed\">\r\n Pasting <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black text-[11px]\">https:\/\/open.spotify.com\/...<\/code> directly into Safari\/Chrome forces standard browser navigation by OS policy. To guarantee the Spotify native player launches immediately, trigger the <strong>Native Scheme URI<\/strong> (<code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black text-[11px]\">spotify:track:...<\/code>) or click the generated hyperlinks directly.\r\n <\/p>\r\n <\/div>\r\n <button onclick=\"openWhyModal()\" class=\"shrink-0 px-4 py-2 border border-gray-300 hover:border-black text-[11px] font-bold uppercase tracking-widest text-black bg-white transition-all\">\r\n Technical Specs →\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 border-b border-gray-100\">\r\n \r\n \r\n <div class=\"p-8 md:p-14 flex flex-col justify-between border-b lg:border-b-0 lg:border-r border-gray-100\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <h2 class=\"font-masthead text-3xl md:text-4xl font-bold italic\">Link Inputs<\/h2>\r\n <span id=\"detectedPlatformBadge\" class=\"font-body text-[10px] uppercase font-bold tracking-widest px-2.5 py-1 bg-gray-100 text-gray-600 border border-gray-200\">\r\n Auto-Detecting\r\n <\/span>\r\n <\/div>\r\n\r\n <p class=\"font-body text-sm text-gray-600 leading-relaxed mb-6\">\r\n Input the song track share link alongside the parent playlist or album URL. The system detects or automatically attaches your persistent tracking signature (<code class=\"font-mono-code text-xs bg-gray-100 px-1\">si<\/code>).\r\n <\/p>\r\n\r\n <div class=\"space-y-5\">\r\n \r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <label class=\"font-headline text-xs font-bold uppercase tracking-wider text-black\">\r\n 1. Song \/ Track Link\r\n <\/label>\r\n <span id=\"songCleanStatus\" class=\"font-mono-code text-[11px] text-gray-400\"><\/span>\r\n <\/div>\r\n <div class=\"relative\">\r\n <input \r\n type=\"text\" \r\n id=\"songInput\" \r\n placeholder=\"https:\/\/open.spotify.com\/track\/03zogVkVXFGwRbuPrx0RHF?si=c37486b325e3457b\" \r\n oninput=\"handleInputsChanged()\"\r\n class=\"w-full p-3.5 pr-20 border border-gray-200 rounded-none bg-gray-50 font-mono-code text-xs text-gray-800 input-editorial transition-all\"\r\n >\r\n <button onclick=\"pasteToInput('songInput')\" class=\"absolute right-2 top-1\/2 -translate-y-1\/2 px-2.5 py-1 text-[10px] font-bold uppercase tracking-widest bg-gray-200 hover:bg-black hover:text-white transition-colors\">\r\n Paste\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <label class=\"font-headline text-xs font-bold uppercase tracking-wider text-black\">\r\n 2. Playlist \/ Album Context Link\r\n <\/label>\r\n <span id=\"playlistCleanStatus\" class=\"font-mono-code text-[11px] text-gray-400\"><\/span>\r\n <\/div>\r\n <div class=\"relative\">\r\n <input \r\n type=\"text\" \r\n id=\"playlistInput\" \r\n placeholder=\"https:\/\/open.spotify.com\/playlist\/6z8khBpwUWcoKtDkeYP205?si=83f8044149de4ad7\" \r\n oninput=\"handleInputsChanged()\"\r\n class=\"w-full p-3.5 pr-20 border border-gray-200 rounded-none bg-gray-50 font-mono-code text-xs text-gray-800 input-editorial transition-all\"\r\n >\r\n <button onclick=\"pasteToInput('playlistInput')\" class=\"absolute right-2 top-1\/2 -translate-y-1\/2 px-2.5 py-1 text-[10px] font-bold uppercase tracking-widest bg-gray-200 hover:bg-black hover:text-white transition-colors\">\r\n Paste\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-1\">\r\n <label class=\"flex items-center gap-3 cursor-pointer group\">\r\n <input \r\n type=\"checkbox\" \r\n id=\"autoplayInput\" \r\n onchange=\"generateMergedLink()\" \r\n class=\"w-4 h-4 accent-black rounded-none border-gray-300 cursor-pointer\"\r\n >\r\n <div class=\"flex flex-col\">\r\n <span class=\"font-headline text-xs font-bold uppercase tracking-wider text-black group-hover:text-gray-600 transition-colors\">\r\n Add Autoplay (?autoplay=true)\r\n <\/span>\r\n <span class=\"font-body text-[11px] text-gray-400\">\r\n Instructs the audio client to immediately start playback on launch\r\n <\/span>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n\r\n \r\n <button \r\n onclick=\"generateMergedLink()\" \r\n id=\"generateBtn\"\r\n class=\"w-full bg-black text-white px-8 py-4 font-body text-xs font-bold uppercase tracking-widest hover:bg-gray-800 transition-all text-center flex items-center justify-center gap-2 shadow-sm\"\r\n >\r\n <span>Compile Context Deep Link<\/span>\r\n <span class=\"text-xs\">→<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 pt-6 border-t border-gray-100\">\r\n <h4 class=\"font-headline text-[11px] font-bold uppercase tracking-widest text-gray-400 mb-3\">Extracted Data Schema<\/h4>\r\n <div class=\"grid grid-cols-3 gap-2 text-xs\">\r\n <div class=\"bg-gray-50 p-2.5 border border-gray-100\">\r\n <span class=\"block text-[9px] uppercase font-bold text-gray-400 tracking-wider\">Track ID<\/span>\r\n <span id=\"inspectTrackId\" class=\"font-mono-code text-black text-[10px] break-all font-semibold\">-<\/span>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-2.5 border border-gray-100\">\r\n <span class=\"block text-[9px] uppercase font-bold text-gray-400 tracking-wider\">Container<\/span>\r\n <span id=\"inspectPlaylistId\" class=\"font-mono-code text-black text-[10px] break-all font-semibold\">-<\/span>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-2.5 border border-gray-100\">\r\n <span class=\"block text-[9px] uppercase font-bold text-gray-400 tracking-wider\">Tracking (SI)<\/span>\r\n <span id=\"inspectSiToken\" class=\"font-mono-code text-emerald-700 text-[10px] break-all font-semibold\">-<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 md:p-14 bg-gray-50 flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <h3 class=\"font-masthead text-3xl md:text-4xl font-bold italic\">Generated Output<\/h3>\r\n <span id=\"outputStateBadge\" class=\"font-body text-[10px] uppercase font-bold tracking-widest px-2.5 py-1 bg-white text-gray-700 border border-gray-200\">\r\n Ready\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-5 border border-black mb-6 shadow-sm\">\r\n <div class=\"flex items-center justify-between mb-2\">\r\n <span class=\"font-headline text-xs font-bold uppercase tracking-widest text-black\">Direct App Launcher<\/span>\r\n <span class=\"font-mono-code text-[10px] uppercase font-bold text-emerald-700\">Native OS Handler<\/span>\r\n <\/div>\r\n <p class=\"font-body text-xs text-gray-600 mb-4 leading-relaxed\">\r\n Triggers the local audio app protocol on macOS, Windows, iOS, and Android to immediately open and queue the track.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-2\">\r\n <button \r\n id=\"directAppTriggerBtn\"\r\n onclick=\"launchDirectAppScheme()\"\r\n class=\"flex-1 bg-black text-white px-5 py-3 font-body text-xs font-bold uppercase tracking-widest hover:bg-gray-800 transition-all text-center flex items-center justify-center gap-2\"\r\n >\r\n <span>Launch App Now<\/span>\r\n <span class=\"font-normal\">↗<\/span>\r\n <\/button>\r\n <button \r\n id=\"copyNativeUriBtn\"\r\n onclick=\"copyNativeAppUri()\"\r\n class=\"px-4 py-3 bg-white border border-gray-300 hover:border-black text-black font-body text-xs font-bold uppercase tracking-wider transition-all\"\r\n >\r\n Copy Native URI\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-5\">\r\n <div class=\"flex justify-between items-center mb-1.5\">\r\n <label class=\"font-headline text-xs font-bold uppercase tracking-wider text-black\">\r\n Universal Context Web Link\r\n <\/label>\r\n <span class=\"font-body text-[11px] text-emerald-600 font-semibold hidden\" id=\"copiedBadge\">Copied to Clipboard!<\/span>\r\n <\/div>\r\n \r\n <div class=\"relative bg-white border border-gray-200 p-3 pr-24\">\r\n <div id=\"mainResultUrl\" class=\"font-mono-code text-xs text-gray-800 break-all min-h-[2rem] flex items-center\">\r\n Paste your links and click Compile to generate.\r\n <\/div>\r\n <button \r\n onclick=\"copyToClipboard(document.getElementById('mainResultUrl').innerText, 'Universal Web Link')\" \r\n class=\"absolute right-2 top-1\/2 -translate-y-1\/2 px-3 py-1.5 bg-black text-white font-body text-[10px] font-bold uppercase tracking-widest hover:bg-gray-800 transition-all\"\r\n >\r\n Copy\r\n <\/button>\r\n <\/div>\r\n <p class=\"font-body text-[11px] text-gray-400 mt-1.5\">\r\n Clicking this URL inside WhatsApp, iMessage, Instagram Bio, or Slack automatically opens the Spotify App.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 gap-3 mb-6\">\r\n <a \r\n id=\"testLaunchBtn\" \r\n href=\"#\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\" \r\n class=\"p-3 bg-white border border-gray-200 hover:border-black font-body text-xs font-bold uppercase tracking-wider text-center text-black transition-all flex items-center justify-center gap-1\"\r\n >\r\n <span>Test Click Link →<\/span>\r\n <\/a>\r\n <button \r\n id=\"qrCodeBtn\" \r\n onclick=\"showQrModal()\" \r\n class=\"p-3 bg-white border border-gray-200 hover:border-black font-body text-xs font-bold uppercase tracking-wider text-center text-black transition-all flex items-center justify-center gap-1\"\r\n >\r\n <span>Scan Mobile QR<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-2 border-t border-gray-200 pt-4\">\r\n <h5 class=\"font-headline text-[10px] font-bold uppercase tracking-widest text-gray-400 mb-2\">Protocol Variants<\/h5>\r\n \r\n <div class=\"flex items-center justify-between p-2.5 bg-white border border-gray-200 text-xs\">\r\n <div class=\"overflow-hidden pr-3\">\r\n <span class=\"block font-bold text-[10px] uppercase text-gray-400\">URI Protocol<\/span>\r\n <span id=\"formatAppUri\" class=\"font-mono-code text-[11px] text-gray-700 truncate block\">spotify:track:...<\/span>\r\n <\/div>\r\n <button onclick=\"copyToClipboard(document.getElementById('formatAppUri').innerText, 'URI')\" class=\"text-[10px] font-bold uppercase tracking-widest px-2 py-1 bg-gray-100 hover:bg-black hover:text-white transition-colors\">Copy<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex items-center justify-between p-2.5 bg-white border border-gray-200 text-xs\">\r\n <div class=\"overflow-hidden pr-3\">\r\n <span class=\"block font-bold text-[10px] uppercase text-gray-400\">Markdown Format<\/span>\r\n <span id=\"formatMarkdown\" class=\"font-mono-code text-[11px] text-gray-700 truncate block\">[Play Track](...)<\/span>\r\n <\/div>\r\n <button onclick=\"copyToClipboard(document.getElementById('formatMarkdown').innerText, 'Markdown')\" class=\"text-[10px] font-bold uppercase tracking-widest px-2 py-1 bg-gray-100 hover:bg-black hover:text-white transition-colors\">Copy<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"status\" class=\"mt-6 p-4 font-body text-sm font-medium hidden\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 md:p-16 border-b border-gray-100 bg-white\">\r\n <h3 class=\"font-masthead text-3xl md:text-4xl font-bold mb-10 italic\">Processing Architecture<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12\">\r\n <div class=\"flex items-start\">\r\n <span class=\"font-masthead text-3xl font-bold mr-6 text-black\">01<\/span>\r\n <div>\r\n <h4 class=\"font-headline text-base font-bold mb-1\">Context Query Injection<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Injects the canonical <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">?context=spotify:playlist:{ID}<\/code> query argument directly into the standalone song endpoint, initializing playlist playback.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-start\">\r\n <span class=\"font-masthead text-3xl font-bold mr-6 text-black\">02<\/span>\r\n <div>\r\n <h4 class=\"font-headline text-base font-bold mb-1\">SI Signature Continuity Engine<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Prioritizes track <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">si<\/code>, falls back to playlist <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">si<\/code>, or persists default <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">c37486b325e3457b<\/code> automatically.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-start\">\r\n <span class=\"font-masthead text-3xl font-bold mr-6 text-black\">03<\/span>\r\n <div>\r\n <h4 class=\"font-headline text-base font-bold mb-1\">Native Protocol Bridges<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Constructs dedicated OS scheme URIs (<code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">spotify:<\/code>, <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">vnd.youtube:<\/code>, <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">music:<\/code>) to execute direct hardware application launching.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-start\">\r\n <span class=\"font-masthead text-3xl font-bold mr-6 text-black\">04<\/span>\r\n <div>\r\n <h4 class=\"font-headline text-base font-bold mb-1\">Local Browser Sandboxing<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Zero external network transmission. All parsing, URI building, and QR rasterization occur entirely inside the local browser client.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-6 py-20 bg-black text-white\">\r\n <div class=\"text-center mb-16\">\r\n <h6 class=\"font-body text-xs font-bold uppercase tracking-[0.4em] text-gray-500 mb-4\">Precision Grid Matrix<\/h6>\r\n <h2 class=\"font-masthead text-4xl md:text-6xl font-bold italic text-white\">Engine Specifications.<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\r\n \r\n <div class=\"border border-white\/20 p-10 flex flex-col items-center text-center\">\r\n <div class=\"font-masthead text-5xl md:text-6xl font-bold mb-4 text-white\">22-Ch<\/div>\r\n <h4 class=\"font-headline text-sm font-bold uppercase tracking-widest mb-3 text-white\">Base62 Identifier Extraction<\/h4>\r\n <p class=\"font-body text-gray-400 text-xs leading-relaxed max-w-sm\">\r\n Validates track and playlist hashes against standard 22-character alphanumeric Spotify ID structures with zero regex performance bottlenecks.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"border border-white\/20 p-10 flex flex-col items-center text-center\">\r\n <div class=\"font-masthead text-5xl md:text-6xl font-bold mb-4 text-white\">100%<\/div>\r\n <h4 class=\"font-headline text-sm font-bold uppercase tracking-widest mb-3 text-white\">Direct App Intent Reliability<\/h4>\r\n <p class=\"font-body text-gray-400 text-xs leading-relaxed max-w-sm\">\r\n Ensures audio continuity by converting web links into direct custom protocol schemes for desktop and mobile streaming engines.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 md:p-14 border-b border-gray-100 bg-white\">\r\n <div class=\"flex items-center justify-between mb-4\">\r\n <div>\r\n <h3 class=\"font-masthead text-2xl md:text-3xl font-bold italic\">Player Stream Preview<\/h3>\r\n <p class=\"font-body text-xs text-gray-500 mt-1\">Live verification of the extracted track stream<\/p>\r\n <\/div>\r\n <span id=\"playerBadge\" class=\"font-mono-code text-[11px] uppercase text-gray-400\">Stream Ready<\/span>\r\n <\/div>\r\n \r\n <div id=\"embedContainer\" class=\"w-full bg-gray-50 border border-gray-200 min-h-[152px] flex items-center justify-center p-4\">\r\n <iframe id=\"spotifyIframe\" style=\"border-radius:0px\" src=\"https:\/\/open.spotify.com\/embed\/track\/03zogVkVXFGwRbuPrx0RHF?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-6 pt-20 pb-16 text-center border-t border-gray-50 bg-white\">\r\n <div class=\"inline-block relative\">\r\n <p class=\"font-masthead text-5xl md:text-7xl italic font-black text-black leading-none\">Stereo Daily <\/p>\r\n <div class=\"h-px w-full bg-black mt-4 scale-x-50 origin-center opacity-20\"><\/div>\r\n <p class=\"font-body text-[10px] uppercase tracking-[0.6em] text-gray-400 mt-8\">A Global Architecture for the Independent Artist<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"whyModal\" class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black\/70 backdrop-blur-sm hidden\">\r\n <div class=\"bg-white border border-black max-w-lg w-full p-8 shadow-2xl text-left relative max-h-[90vh] overflow-y-auto\">\r\n <button onclick=\"closeWhyModal()\" class=\"absolute top-5 right-5 text-gray-400 hover:text-black font-headline text-lg font-bold\">\r\n ×\r\n <\/button>\r\n\r\n <h6 class=\"font-body text-[10px] font-bold uppercase tracking-[0.3em] text-gray-400 mb-2\">Operating System Policy<\/h6>\r\n <h3 class=\"font-masthead text-2xl font-bold mb-4 italic text-black\">Why Copy\/Paste Behaves Differently<\/h3>\r\n\r\n <div class=\"space-y-4 font-body text-xs text-gray-600 leading-relaxed\">\r\n <div class=\"p-4 bg-gray-50 border border-gray-200\">\r\n <strong class=\"text-black block mb-1\">1. Browser Address Bar Navigation<\/strong>\r\n When an <code class=\"font-mono-code text-black text-[11px]\">https:\/\/...<\/code> link is pasted directly into Chrome\/Safari\/Edge's address bar, iOS and Android purposely disable automatic app jumping. The OS assumes that address-bar input signifies intentional web browsing.\r\n <\/div>\r\n\r\n <div class=\"p-4 bg-gray-50 border border-gray-200\">\r\n <strong class=\"text-black block mb-1\">2. Hyperlink \/ Universal Link Click<\/strong>\r\n When that same link is tapped as a hyperlink inside WhatsApp, iMessage, Instagram Bio, Notes, or scanned from a QR code, the OS intercepts it and routes playback directly into the Spotify App.\r\n <\/div>\r\n\r\n <div class=\"p-4 bg-gray-50 border border-gray-200\">\r\n <strong class=\"text-black block mb-1\">3. Native URI Protocol (<code class=\"font-mono-code text-black\">spotify:track:...<\/code>)<\/strong>\r\n Using the direct native URI bypasses web browser routing entirely, commanding the OS to launch Spotify immediately.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-6 text-right\">\r\n <button onclick=\"closeWhyModal()\" class=\"px-5 py-2.5 bg-black text-white text-[10px] font-bold uppercase tracking-widest hover:bg-gray-800\">\r\n Close Window\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"qrModal\" class=\"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black\/70 backdrop-blur-sm hidden\">\r\n <div class=\"bg-white border border-black max-w-sm w-full p-8 shadow-2xl text-center relative\">\r\n <button onclick=\"closeQrModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-black font-headline text-lg font-bold\">\r\n ×\r\n <\/button>\r\n\r\n <h6 class=\"font-body text-[10px] font-bold uppercase tracking-[0.3em] text-gray-400 mb-1\">Mobile Testing<\/h6>\r\n <h3 class=\"font-masthead text-2xl font-bold mb-2 italic text-black\">Scan with Camera<\/h3>\r\n <p class=\"font-body text-xs text-gray-500 mb-6\">Point your phone's camera to trigger the native Spotify app launch.<\/p>\r\n\r\n <div class=\"p-4 bg-white border border-gray-200 inline-block mb-4 shadow-sm\">\r\n <div id=\"qrcode\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"qrLinkText\" class=\"font-mono-code text-[10px] text-gray-600 bg-gray-50 p-2.5 border border-gray-200 break-all text-left\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ Global constant fallback SI\r\n const DEFAULT_SI = 'c37486b325e3457b';\r\n\r\n \/\/ State storage\r\n const state = {\r\n detectedPlatform: 'spotify',\r\n currentMergedUrl: '',\r\n currentAppUri: '',\r\n currentMarkdown: '',\r\n trackId: '03zogVkVXFGwRbuPrx0RHF',\r\n playlistId: '6z8khBpwUWcoKtDkeYP205',\r\n resolvedSi: DEFAULT_SI\r\n };\r\n\r\n const SAMPLES = {\r\n userCase: {\r\n song: 'https:\/\/open.spotify.com\/track\/03zogVkVXFGwRbuPrx0RHF?si=c37486b325e3457b',\r\n playlist: 'https:\/\/open.spotify.com\/playlist\/6z8khBpwUWcoKtDkeYP205?si=83f8044149de4ad7'\r\n },\r\n youtube: {\r\n song: 'https:\/\/www.youtube.com\/watch?v=dQw4w9WgXcQ',\r\n playlist: 'https:\/\/www.youtube.com\/playlist?list=PLrEnWoR732-B4sm4288zUxpeDSCbQY8m5'\r\n },\r\n apple: {\r\n song: 'https:\/\/music.apple.com\/us\/album\/blinding-lights\/1499378108?i=1499378607',\r\n playlist: 'https:\/\/music.apple.com\/us\/playlist\/todays-hits\/pl.f4d1060b52a24d6d9f35e3f1fecdceda'\r\n }\r\n };\r\n\r\n window.addEventListener('DOMContentLoaded', () => {\r\n loadExactUserSample();\r\n });\r\n\r\n \/\/ Helper: Extract SI parameter from any URL string\r\n function extractSiParam(input) {\r\n if (!input) return null;\r\n const match = input.match(\/[?&]si=([a-zA-Z0-9]+)\/i);\r\n return match ? match[1] : null;\r\n }\r\n\r\n \/\/ Spotify track parser (supports raw ID, canonical URLs, \/intl-xx\/ paths, and URI schemes)\r\n function parseSpotifyTrack(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n \r\n const uriMatch = input.match(\/spotify:track:([a-zA-Z0-9]{22})\/i) || input.match(\/spotify:\\\/\\\/track\\\/([a-zA-Z0-9]{22})\/i);\r\n if (uriMatch) return uriMatch[1];\r\n \r\n const urlMatch = input.match(\/spotify\\.com\\\/(?:intl-[a-z]{2}(?:-[a-z]{2})?\\\/)?track\\\/([a-zA-Z0-9]{22})\/i);\r\n if (urlMatch) return urlMatch[1];\r\n\r\n const generalMatch = input.match(\/\\\/track\\\/([a-zA-Z0-9]{22})\/i);\r\n if (generalMatch) return generalMatch[1];\r\n \r\n if (\/^[a-zA-Z0-9]{22}$\/.test(input)) return input;\r\n return null;\r\n }\r\n\r\n \/\/ Spotify playlist and album parser\r\n function parseSpotifyPlaylist(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n \r\n const uriMatch = input.match(\/spotify:(playlist|album):([a-zA-Z0-9]{22})\/i) || input.match(\/spotify:\\\/\\\/(playlist|album)\\\/([a-zA-Z0-9]{22})\/i);\r\n if (uriMatch) return { type: uriMatch[1].toLowerCase(), id: uriMatch[2] };\r\n \r\n const urlMatch = input.match(\/spotify\\.com\\\/(?:intl-[a-z]{2}(?:-[a-z]{2})?\\\/)?(playlist|album)\\\/([a-zA-Z0-9]{22})\/i);\r\n if (urlMatch) return { type: urlMatch[1].toLowerCase(), id: urlMatch[2] };\r\n\r\n const generalMatch = input.match(\/\\\/(playlist|album)\\\/([a-zA-Z0-9]{22})\/i);\r\n if (generalMatch) return { type: generalMatch[1].toLowerCase(), id: generalMatch[2] };\r\n\r\n if (\/^[a-zA-Z0-9]{22}$\/.test(input)) return { type: 'playlist', id: input };\r\n return null;\r\n }\r\n\r\n function parseYouTubeVideo(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n const shortMatch = input.match(\/youtu\\.be\\\/([a-zA-Z0-9_-]{11})\/i);\r\n if (shortMatch) return shortMatch[1];\r\n const paramMatch = input.match(\/[?&]v=([a-zA-Z0-9_-]{11})\/i);\r\n if (paramMatch) return paramMatch[1];\r\n const pathMatch = input.match(\/youtube\\.com\\\/(?:embed|shorts)\\\/([a-zA-Z0-9_-]{11})\/i);\r\n if (pathMatch) return pathMatch[1];\r\n if (\/^[a-zA-Z0-9_-]{11}$\/.test(input)) return input;\r\n return null;\r\n }\r\n\r\n function parseYouTubePlaylist(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n const listMatch = input.match(\/[?&]list=([a-zA-Z0-9_-]+)\/i);\r\n if (listMatch) return listMatch[1];\r\n return null;\r\n }\r\n\r\n function parseAppleMusicTrack(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n const iMatch = input.match(\/[?&]i=([0-9]+)\/i);\r\n if (iMatch) return iMatch[1];\r\n const albumSongMatch = input.match(\/\\\/song\\\/[^\/]+\\\/([0-9]+)\/i);\r\n if (albumSongMatch) return albumSongMatch[1];\r\n if (\/^[0-9]+$\/.test(input)) return input;\r\n return null;\r\n }\r\n\r\n function parseAppleMusicPlaylist(input) {\r\n if (!input) return null;\r\n input = input.trim();\r\n const playlistMatch = input.match(\/music\\.apple\\.com\\\/([a-z]{2})\\\/playlist\\\/([^\/]+)\\\/(pl\\.[a-zA-Z0-9]+)\/i);\r\n if (playlistMatch) {\r\n return {\r\n storefront: playlistMatch[1],\r\n slug: playlistMatch[2],\r\n id: playlistMatch[3],\r\n rawBase: `https:\/\/music.apple.com\/${playlistMatch[1]}\/playlist\/${playlistMatch[2]}\/${playlistMatch[3]}`\r\n };\r\n }\r\n return null;\r\n }\r\n\r\n function detectPlatform(songVal, playlistVal) {\r\n const combined = (songVal + ' ' + playlistVal).toLowerCase();\r\n if (combined.includes('spotify') || combined.includes('spotify:')) return 'spotify';\r\n if (combined.includes('youtube') || combined.includes('youtu.be')) return 'youtube';\r\n if (combined.includes('apple.com') || combined.includes('music.apple')) return 'apple';\r\n if (parseSpotifyTrack(songVal)) return 'spotify';\r\n return 'spotify';\r\n }\r\n\r\n \/\/ Determine the exact SI token based on user hierarchy\r\n function resolveSiToken(songVal, playlistVal) {\r\n const songSi = extractSiParam(songVal);\r\n const playlistSi = extractSiParam(playlistVal);\r\n \r\n \/\/ 1. Always take song si if present\r\n if (songSi) return songSi;\r\n \/\/ 2. If no song si, take playlist si\r\n if (playlistSi) return playlistSi;\r\n \/\/ 3. Fallback if none present\r\n return DEFAULT_SI;\r\n }\r\n\r\n function handleInputsChanged() {\r\n const songVal = document.getElementById('songInput').value.trim();\r\n const playlistVal = document.getElementById('playlistInput').value.trim();\r\n const platform = detectPlatform(songVal, playlistVal);\r\n state.detectedPlatform = platform;\r\n\r\n const badge = document.getElementById('detectedPlatformBadge');\r\n badge.textContent = `${platform.toUpperCase()} DETECTED`;\r\n\r\n let trackId = null;\r\n let playlistId = null;\r\n let resolvedSi = '-';\r\n\r\n if (platform === 'spotify') {\r\n trackId = parseSpotifyTrack(songVal);\r\n const plInfo = parseSpotifyPlaylist(playlistVal);\r\n playlistId = plInfo ? `${plInfo.type}:${plInfo.id}` : null;\r\n resolvedSi = resolveSiToken(songVal, playlistVal);\r\n \r\n document.getElementById('songCleanStatus').textContent = trackId ? `Track: ${trackId}` : '';\r\n document.getElementById('playlistCleanStatus').textContent = playlistId ? `Context: ${playlistId}` : '';\r\n }\r\n\r\n document.getElementById('inspectTrackId').textContent = trackId || (songVal ? 'Invalid' : '-');\r\n document.getElementById('inspectPlaylistId').textContent = playlistId || (playlistVal ? 'Invalid' : '-');\r\n document.getElementById('inspectSiToken').textContent = resolvedSi;\r\n }\r\n\r\n function generateMergedLink() {\r\n const songVal = document.getElementById('songInput').value.trim();\r\n const playlistVal = document.getElementById('playlistInput').value.trim();\r\n const autoplayChecked = document.getElementById('autoplayInput').checked;\r\n const statusDiv = document.getElementById('status');\r\n statusDiv.style.display = 'none';\r\n\r\n if (!songVal || !playlistVal) {\r\n showStatus('Please provide both a song track URL and a playlist\/album URL.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n\r\n const platform = detectPlatform(songVal, playlistVal);\r\n\r\n let webUrl = '';\r\n let appUri = '';\r\n let markdown = '';\r\n let embedHtml = '';\r\n\r\n if (platform === 'spotify') {\r\n const trackId = parseSpotifyTrack(songVal);\r\n const playlistInfo = parseSpotifyPlaylist(playlistVal);\r\n\r\n if (!trackId) {\r\n showStatus('Error: Invalid Spotify Track ID format.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n if (!playlistInfo) {\r\n showStatus('Error: Invalid Spotify Playlist or Album ID format.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n\r\n \/\/ SI Resolution Protocol\r\n const finalSi = resolveSiToken(songVal, playlistVal);\r\n state.resolvedSi = finalSi;\r\n document.getElementById('inspectSiToken').textContent = finalSi;\r\n\r\n const autoParam = autoplayChecked ? '&autoplay=true' : '';\r\n const siParam = `&si=${finalSi}`;\r\n\r\n \/\/ Canonical Deep Link Formula with persistent SI at the end\r\n webUrl = `https:\/\/open.spotify.com\/track\/${trackId}?context=spotify:${playlistInfo.type}:${playlistInfo.id}${autoParam}${siParam}`;\r\n appUri = `spotify:track:${trackId}?context=spotify:${playlistInfo.type}:${playlistInfo.id}${autoParam}${siParam}`;\r\n markdown = `[Play on Spotify in Playlist](${webUrl})`;\r\n \r\n embedHtml = `<iframe style=\"border-radius:0px\" src=\"https:\/\/open.spotify.com\/embed\/track\/${trackId}?utm_source=generator&theme=0\" width=\"100%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>`;\r\n document.getElementById('playerBadge').textContent = 'Spotify Stream Ready';\r\n } \r\n else if (platform === 'youtube') {\r\n const videoId = parseYouTubeVideo(songVal);\r\n const listId = parseYouTubePlaylist(playlistVal);\r\n if (!videoId || !listId) {\r\n showStatus('Error: Invalid YouTube track or playlist parameters.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n const autoParam = autoplayChecked ? '&autoplay=1' : '';\r\n webUrl = `https:\/\/www.youtube.com\/watch?v=${videoId}&list=${listId}${autoParam}`;\r\n appUri = `vnd.youtube:\/\/${videoId}?list=${listId}${autoParam}`;\r\n markdown = `[Play in YouTube Playlist](${webUrl})`;\r\n embedHtml = `<iframe width=\"100%\" height=\"180\" src=\"https:\/\/www.youtube.com\/embed\/${videoId}?list=${listId}${autoplayChecked ? '&autoplay=1' : ''}\" frameborder=\"0\" allowfullscreen><\/iframe>`;\r\n document.getElementById('playerBadge').textContent = 'YouTube Context Ready';\r\n }\r\n else if (platform === 'apple') {\r\n const trackId = parseAppleMusicTrack(songVal);\r\n const playlistInfo = parseAppleMusicPlaylist(playlistVal);\r\n if (!trackId || !playlistInfo) {\r\n showStatus('Error: Invalid Apple Music parameters.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n const autoParam = autoplayChecked ? '&autoplay=true' : '';\r\n webUrl = `${playlistInfo.rawBase}?i=${trackId}${autoParam}`;\r\n appUri = `music:\/\/music.apple.com\/${playlistInfo.storefront}\/playlist\/${playlistInfo.slug}\/${playlistInfo.id}?i=${trackId}${autoParam}`;\r\n markdown = `[Play on Apple Music](${webUrl})`;\r\n embedHtml = `<div class=\"p-4 text-center text-xs text-gray-700\">Apple Music Focus Link Generated: <a href=\"${webUrl}\" target=\"_blank\" class=\"font-bold underline text-black block mt-1\">Launch in Apple Music<\/a><\/div>`;\r\n document.getElementById('playerBadge').textContent = 'Apple Music Ready';\r\n }\r\n\r\n state.currentMergedUrl = webUrl;\r\n state.currentAppUri = appUri;\r\n state.currentMarkdown = markdown;\r\n\r\n document.getElementById('mainResultUrl').textContent = webUrl;\r\n document.getElementById('formatAppUri').textContent = appUri;\r\n document.getElementById('formatMarkdown').textContent = markdown;\r\n document.getElementById('testLaunchBtn').href = webUrl;\r\n document.getElementById('embedContainer').innerHTML = embedHtml;\r\n\r\n document.getElementById('outputStateBadge').textContent = 'COMPILED';\r\n document.getElementById('outputStateBadge').className = 'font-body text-[10px] uppercase font-bold tracking-widest px-2.5 py-1 bg-black text-white border border-black';\r\n\r\n showStatus('Deep Link successfully compiled with persistent SI tracking.', 'bg-green-50 text-green-800 border border-green-100');\r\n }\r\n\r\n function launchDirectAppScheme() {\r\n if (!state.currentAppUri) {\r\n generateMergedLink();\r\n }\r\n if (state.currentAppUri) {\r\n window.location.href = state.currentAppUri;\r\n showStatus('Executing direct native URI protocol dispatch...', 'bg-gray-100 text-gray-900 border border-gray-200');\r\n }\r\n }\r\n\r\n function copyNativeAppUri() {\r\n if (!state.currentAppUri) generateMergedLink();\r\n if (state.currentAppUri) {\r\n copyToClipboard(state.currentAppUri, 'Native Spotify URI');\r\n }\r\n }\r\n\r\n function copyToClipboard(text, label = 'Link') {\r\n if (!text || text.includes('Paste your links')) {\r\n showStatus('Please compile a deep link first.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n\r\n const textArea = document.createElement('textarea');\r\n textArea.value = text;\r\n textArea.style.position = 'fixed';\r\n textArea.style.left = '-999999px';\r\n textArea.style.top = '-999999px';\r\n document.body.appendChild(textArea);\r\n textArea.focus();\r\n textArea.select();\r\n\r\n try {\r\n const successful = document.execCommand('copy');\r\n if (successful) {\r\n showStatus(`${label} copied to clipboard successfully!`, 'bg-green-50 text-green-800 border border-green-100');\r\n const badge = document.getElementById('copiedBadge');\r\n if (badge) {\r\n badge.classList.remove('hidden');\r\n setTimeout(() => badge.classList.add('hidden'), 2500);\r\n }\r\n }\r\n } catch (err) {\r\n if (navigator.clipboard && navigator.clipboard.writeText) {\r\n navigator.clipboard.writeText(text).then(() => {\r\n showStatus(`${label} copied to clipboard!`, 'bg-green-50 text-green-800 border border-green-100');\r\n });\r\n }\r\n } finally {\r\n document.body.removeChild(textArea);\r\n }\r\n }\r\n\r\n function showStatus(text, classes) {\r\n const statusDiv = document.getElementById('status');\r\n statusDiv.innerText = text;\r\n statusDiv.className = 'mt-6 p-4 font-body text-xs font-semibold ' + classes;\r\n statusDiv.style.display = 'block';\r\n }\r\n\r\n function showQrModal() {\r\n if (!state.currentMergedUrl) generateMergedLink();\r\n if (!state.currentMergedUrl) return;\r\n\r\n const modal = document.getElementById('qrModal');\r\n const qrContainer = document.getElementById('qrcode');\r\n const linkText = document.getElementById('qrLinkText');\r\n\r\n qrContainer.innerHTML = '';\r\n linkText.textContent = state.currentMergedUrl;\r\n\r\n new QRCode(qrContainer, {\r\n text: state.currentMergedUrl,\r\n width: 170,\r\n height: 170,\r\n colorDark: \"#000000\",\r\n colorLight: \"#FFFFFF\",\r\n correctLevel: QRCode.CorrectLevel.M\r\n });\r\n\r\n modal.classList.remove('hidden');\r\n }\r\n\r\n function closeQrModal() {\r\n document.getElementById('qrModal').classList.add('hidden');\r\n }\r\n\r\n function openWhyModal() {\r\n document.getElementById('whyModal').classList.remove('hidden');\r\n }\r\n\r\n function closeWhyModal() {\r\n document.getElementById('whyModal').classList.add('hidden');\r\n }\r\n\r\n function loadSample(type) {\r\n if (SAMPLES[type]) {\r\n document.getElementById('songInput').value = SAMPLES[type].song;\r\n document.getElementById('playlistInput').value = SAMPLES[type].playlist;\r\n handleInputsChanged();\r\n generateMergedLink();\r\n }\r\n }\r\n\r\n function loadExactUserSample() {\r\n document.getElementById('songInput').value = SAMPLES.userCase.song;\r\n document.getElementById('playlistInput').value = SAMPLES.userCase.playlist;\r\n handleInputsChanged();\r\n generateMergedLink();\r\n }\r\n\r\n function clearAllInputs() {\r\n document.getElementById('songInput').value = '';\r\n document.getElementById('playlistInput').value = '';\r\n document.getElementById('autoplayInput').checked = false;\r\n document.getElementById('inspectTrackId').textContent = '-';\r\n document.getElementById('inspectPlaylistId').textContent = '-';\r\n document.getElementById('inspectSiToken').textContent = '-';\r\n document.getElementById('songCleanStatus').textContent = '';\r\n document.getElementById('playlistCleanStatus').textContent = '';\r\n document.getElementById('mainResultUrl').textContent = 'Paste your links and click Compile to generate.';\r\n document.getElementById('formatAppUri').textContent = 'spotify:track:...';\r\n document.getElementById('formatMarkdown').textContent = '[Play Track](...)';\r\n document.getElementById('status').style.display = 'none';\r\n document.getElementById('embedContainer').innerHTML = `\r\n <div class=\"text-center py-6 text-gray-400 font-body text-xs\">\r\n Compile a link above to initialize player preview\r\n <\/div>\r\n `;\r\n }\r\n\r\n function pasteToInput(inputId) {\r\n if (navigator.clipboard && navigator.clipboard.readText) {\r\n navigator.clipboard.readText().then(text => {\r\n if (text) {\r\n document.getElementById(inputId).value = text;\r\n handleInputsChanged();\r\n showStatus('Link inserted from clipboard.', 'bg-gray-100 text-gray-900 border border-gray-200');\r\n }\r\n }).catch(() => {\r\n document.getElementById(inputId).focus();\r\n });\r\n } else {\r\n document.getElementById(inputId).focus();\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spotify Deep Link Generator | Stereo Daily Audio Distri […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4732","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"yoast_head":"\n<title>Spotify Deep Link Generator - Stereo Daily<\/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:\/\/stereodaily.com\/zh\/wp-json\/wp\/v2\/pages\/4732\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spotify Deep Link Generator - Stereo Daily\" \/>\n<meta property=\"og:description\" content=\"Spotify Deep Link Generator | Stereo Daily Audio Distri […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Stereo Daily\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/stereodaily\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:27:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stereodaily.com\/wp-content\/uploads\/2025\/12\/Stereo-Daily-Logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/\",\"name\":\"Spotify Deep Link Generator - Stereo Daily\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#website\"},\"datePublished\":\"2026-09-01T20:55:31+00:00\",\"dateModified\":\"2026-09-03T15:27:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/spotify-deep-link-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spotify Deep Link Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#website\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/\",\"name\":\"Stereo Daily\",\"description\":\"Your Global Music News Since 2012\",\"publisher\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#organization\"},\"alternateName\":\"StereoDaily\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#organization\",\"name\":\"Stereo Daily\",\"alternateName\":\"StereoDaily\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Stereo-Daily-Site-Map.png\",\"contentUrl\":\"https:\\\/\\\/stereodaily.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Stereo-Daily-Site-Map.png\",\"width\":512,\"height\":512,\"caption\":\"Stereo Daily\"},\"image\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/zh\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/stereodaily\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Spotify Deep Link Generator - Stereo Daily","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:\/\/stereodaily.com\/zh\/wp-json\/wp\/v2\/pages\/4732\/","og_locale":"zh_CN","og_type":"article","og_title":"Spotify Deep Link Generator - Stereo Daily","og_description":"Spotify Deep Link Generator | Stereo Daily Audio Distri […]","og_url":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/","og_site_name":"Stereo Daily","article_publisher":"https:\/\/www.facebook.com\/stereodaily\/","article_modified_time":"2026-09-03T15:27:25+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/stereodaily.com\/wp-content\/uploads\/2025\/12\/Stereo-Daily-Logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/","url":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/","name":"Spotify Deep Link Generator - Stereo Daily","isPartOf":{"@id":"https:\/\/stereodaily.com\/zh\/#website"},"datePublished":"2026-09-01T20:55:31+00:00","dateModified":"2026-09-03T15:27:25+00:00","breadcrumb":{"@id":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stereodaily.com\/zh\/spotify-deep-link-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stereodaily.com\/zh\/"},{"@type":"ListItem","position":2,"name":"Spotify Deep Link Generator"}]},{"@type":"WebSite","@id":"https:\/\/stereodaily.com\/zh\/#website","url":"https:\/\/stereodaily.com\/zh\/","name":"Stereo Daily","description":"Your Global Music News Since 2012","publisher":{"@id":"https:\/\/stereodaily.com\/zh\/#organization"},"alternateName":"StereoDaily","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stereodaily.com\/zh\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/stereodaily.com\/zh\/#organization","name":"Stereo Daily","alternateName":"StereoDaily","url":"https:\/\/stereodaily.com\/zh\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/stereodaily.com\/zh\/#\/schema\/logo\/image\/","url":"https:\/\/stereodaily.com\/wp-content\/uploads\/2025\/12\/Stereo-Daily-Site-Map.png","contentUrl":"https:\/\/stereodaily.com\/wp-content\/uploads\/2025\/12\/Stereo-Daily-Site-Map.png","width":512,"height":512,"caption":"Stereo Daily"},"image":{"@id":"https:\/\/stereodaily.com\/zh\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/stereodaily\/"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/comments?post=4732"}],"version-history":[{"count":6,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4732\/revisions"}],"predecessor-version":[{"id":4792,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4732\/revisions\/4792"}],"wp:attachment":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/media?parent=4732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}