Apple Music Deep Link Generator | <a href=\"https:\/\/stereodaily.com\/ms\/what-is-stereo-daily-inside-the-modern-music-journalism-platform\/\">Stereo Daily<\/a><\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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 @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 .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 <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 <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 Apple Music <br> <span class=\"italic font-normal font-masthead\">Deep Link 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 Strip region-locked storefront segments, mirror the primary link ID to the target item parameter (<code class=\"font-mono-code font-bold text-black text-sm bg-gray-100 px-1 py-0.5\">{ID}?i={ID}&app=itunes<\/code>), and route directly to native media engines.\r\n <\/p>\r\n <\/div>\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=\"loadSample('africanSingle')\" 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 African House Single\r\n <\/button>\r\n <button onclick=\"loadSample('trompeta')\" 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 Trompeta Salvaje\r\n <\/button>\r\n <button onclick=\"loadSample('defaultSong')\" 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 \"We\" Track Link\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 <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\">Matched Dynamic Target Item<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Universal Storefront Stripping<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Native iTunes Delegation<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Apple Music URL Schemes<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">iOS & macOS Intent Routing<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Matched Dynamic Target Item<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Universal Storefront Stripping<\/span>\r\n <\/div>\r\n <\/div>\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 Dynamic Architecture\r\n <\/span>\r\n <h4 class=\"font-headline text-sm font-bold text-black mb-1\">Self-Referencing Item ID Matching<\/h4>\r\n <p class=\"font-body text-xs text-gray-600 leading-relaxed\">\r\n The link ID extracted from the URL path is immediately paired directly to <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black text-[11px]\">?i={ID}<\/code>. The field is fully editable if a manual target override is needed.\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 \u2192\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 border-b border-gray-100\">\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 Awaiting Link\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 Paste any Apple Music URL. Country codes are stripped, and the target item ID automatically mirrors the ID found in the link.\r\n <\/p>\r\n\r\n <div class=\"space-y-5\">\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. Apple Music Link\r\n <\/label>\r\n <span id=\"urlCleanStatus\" 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=\"appleUrlInput\" \r\n placeholder=\"https:\/\/music.apple.com\/album\/african-house-music-single\/1791872566\" \r\n oninput=\"handleUrlInputChange()\"\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('appleUrlInput')\" 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 <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 flex items-center gap-1.5\">\r\n <span>2. Target Item ID (?i=)<\/span>\r\n <span id=\"itemFieldBadge\" class=\"font-mono-code text-[9px] bg-emerald-600 text-white px-1.5 py-0.5 uppercase tracking-wider\">Synced with Link ID<\/span>\r\n <\/label>\r\n <button \r\n type=\"button\" \r\n onclick=\"syncItemWithUrl()\" \r\n class=\"font-body text-[10px] font-bold uppercase tracking-widest text-gray-500 hover:text-black transition-colors underline underline-offset-2\"\r\n >\r\n Resync to Link\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"relative\">\r\n <input \r\n type=\"text\" \r\n id=\"itemIdInput\" \r\n value=\"1791872566\" \r\n oninput=\"handleItemInputChange()\"\r\n class=\"w-full p-3.5 pr-20 border border-gray-200 rounded-none bg-white font-mono-code text-xs font-bold text-black input-editorial transition-all\"\r\n >\r\n <button \r\n type=\"button\"\r\n onclick=\"clearItemId()\" \r\n 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 >\r\n Clear\r\n <\/button>\r\n <\/div>\r\n <p class=\"font-body text-[11px] text-gray-400 mt-1.5\">\r\n Automatically matches the URL's ID. Edit freely at any <a href=\"https:\/\/stereodaily.com\/ms\/time\/\">time<\/a> if you need to point to a specific song inside the release.\r\n <\/p>\r\n <\/div>\r\n\r\n <button \r\n onclick=\"generateAppleLink()\" \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 Apple Music Deep Link<\/span>\r\n <span class=\"text-xs\">\u2192<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\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\">Strip Region<\/span>\r\n <span id=\"inspectRegion\" 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\">Entity Path<\/span>\r\n <span id=\"inspectType\" 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\">Active Item (?i=)<\/span>\r\n <span id=\"inspectActiveId\" class=\"font-mono-code text-emerald-700 text-[10px] break-all font-semibold\">1791872566<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\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 <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 Protocol 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 system handler (<code class=\"font-mono-code text-[11px] bg-gray-100 px-1 text-black\">music:\/\/<\/code>) to open Apple Music natively on macOS and iOS.\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 <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 iTunes \/ Music 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 link and click Compile to generate.\r\n <\/div>\r\n <button \r\n onclick=\"copyToClipboard(document.getElementById('mainResultUrl').innerText, 'Universal 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 Country code stripped, preserving path with mirrored <code class=\"text-black font-mono-code\">?i={ID}&app=itunes<\/code> appended.\r\n <\/p>\r\n <\/div>\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 \u2192<\/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 <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\">music:\/\/music.apple.com\/...<\/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\">[Listen on Apple Music](...)<\/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 <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 <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\">Country Territory Removal<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Detects and excises any 2-letter ISO country prefix (e.g. <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">\/us\/<\/code>, <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">\/fr\/<\/code>) to create universal, geo-agnostic links.\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\">Entity & Slug Preservation<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Keeps whether the link is an <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">\/album\/<\/code> or <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">\/song\/<\/code> path intact, together with the title slug and primary catalog ID.\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\">Dynamic Item ID Mirroring<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n The target <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">?i=<\/code> parameter defaults to the exact ID extracted from the link, with full manual override access.\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\">iTunes App Parameter Handoff<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Appends <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">&app=itunes<\/code> to trigger native app launch instead of keeping the user trapped in browser playback.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\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 id=\"playerSubtext\" class=\"font-body text-xs text-gray-500 mt-1\">Showing default preview (\"We\")<\/p>\r\n <\/div>\r\n <span id=\"playerBadge\" class=\"font-mono-code text-[11px] uppercase text-gray-400\">Default Preview Active<\/span>\r\n <\/div>\r\n \r\n <div id=\"embedContainer\" class=\"w-full bg-gray-50 border border-gray-200 min-h-[175px] flex items-center justify-center p-0\">\r\n <\/div>\r\n <\/div>\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 <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 \u00d7\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 Storefront Stripping & Parameters Matter<\/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. Territorial Storefront Lockout<\/strong>\r\n When an Apple Music URL includes a country code like <code class=\"font-mono-code text-black text-[11px]\">\/fr\/<\/code> or <code class=\"font-mono-code text-black text-[11px]\">\/us\/<\/code>, foreign listeners encounter storefront mismatch warnings. Stripping the region lets the user's OS route directly into their local catalog.\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. Mirrored Item Directive (<code class=\"font-mono-code text-black\">?i={ID}<\/code>)<\/strong>\r\n Supplying the container's own ID ensures focus is directly anchored to that specific item without generic album delays.\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. The iTunes Trigger (<code class=\"font-mono-code text-black\">app=itunes<\/code>)<\/strong>\r\n Instructs modern browsers to immediately pass playback to the native iOS\/macOS Music engine.\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 <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 \u00d7\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 camera to test direct native app interception.<\/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 <script>\r\n \/\/ Fallback constants\r\n const DEFAULT_FALLBACK_ID = '1799773064';\r\n const DEFAULT_FALLBACK_EMBED = 'https:\/\/embed.music.apple.com\/us\/song\/we\/1799773064';\r\n\r\n let userHasManuallyEditedItem = false;\r\n\r\n const state = {\r\n currentMergedUrl: '',\r\n currentAppUri: '',\r\n currentMarkdown: ''\r\n };\r\n\r\n const SAMPLES = {\r\n africanSingle: 'https:\/\/music.apple.com\/album\/african-house-music-single\/1791872566',\r\n trompeta: 'https:\/\/music.apple.com\/us\/song\/trompeta-salvaje\/1836584217',\r\n defaultSong: 'https:\/\/music.apple.com\/us\/song\/we\/1799773064'\r\n };\r\n\r\n window.addEventListener('DOMContentLoaded', () => {\r\n loadSample('africanSingle');\r\n });\r\n\r\n function mountDefaultEmbed() {\r\n const container = document.getElementById('embedContainer');\r\n container.innerHTML = `\r\n <iframe allow=\"autoplay *; encrypted-media *; fullscreen *; clipboard-write\" \r\n frameborder=\"0\" \r\n height=\"175\" \r\n style=\"width:100%;max-width:100%;overflow:hidden;border-radius:0px;\" \r\n sandbox=\"allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation\" \r\n src=\"${DEFAULT_FALLBACK_EMBED}?theme=light\">\r\n <\/iframe>\r\n `;\r\n document.getElementById('playerBadge').textContent = 'Default Preview Active';\r\n document.getElementById('playerBadge').className = 'font-mono-code text-[11px] uppercase text-gray-400';\r\n document.getElementById('playerSubtext').textContent = 'Showing default preview (\"We\")';\r\n }\r\n\r\n function parseAppleMusicUrl(rawUrl) {\r\n if (!rawUrl) return null;\r\n let urlStr = rawUrl.trim();\r\n\r\n if (!urlStr.startsWith('http:\/\/') && !urlStr.startsWith('https:\/\/')) {\r\n urlStr = 'https:\/\/' + urlStr;\r\n }\r\n\r\n let parsed;\r\n try {\r\n parsed = new URL(urlStr);\r\n } catch (e) {\r\n return null;\r\n }\r\n\r\n if (!parsed.hostname.includes('apple.com')) {\r\n return null;\r\n }\r\n\r\n const pathname = parsed.pathname;\r\n const segments = pathname.split('\/').filter(Boolean);\r\n\r\n let region = null;\r\n let startIndex = 0;\r\n\r\n \/\/ Strip 2-letter country prefix (\/us\/, \/fr\/, etc.)\r\n if (segments.length > 0 && \/^[a-z]{2}$\/i.test(segments[0])) {\r\n region = segments[0].toLowerCase();\r\n startIndex = 1;\r\n }\r\n\r\n const remainingSegments = segments.slice(startIndex);\r\n if (remainingSegments.length < 2) {\r\n return null;\r\n }\r\n\r\n const entityType = remainingSegments[0].toLowerCase(); \/\/ 'album' or 'song'\r\n const baseId = remainingSegments[remainingSegments.length - 1];\r\n const universalPath = '\/' + remainingSegments.join('\/');\r\n\r\n return {\r\n hostname: parsed.hostname,\r\n region: region,\r\n entityType: entityType,\r\n baseId: baseId,\r\n universalPath: universalPath\r\n };\r\n }\r\n\r\n function handleUrlInputChange() {\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n\r\n if (parsed) {\r\n \/\/ Automatically sync the Item ID field with the link's baseId unless user explicitly typed a custom one\r\n if (!userHasManuallyEditedItem) {\r\n document.getElementById('itemIdInput').value = parsed.baseId;\r\n updateItemBadge(true);\r\n }\r\n }\r\n\r\n updateUIFromState(parsed);\r\n }\r\n\r\n function handleItemInputChange() {\r\n userHasManuallyEditedItem = true;\r\n updateItemBadge(false);\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n updateUIFromState(parsed);\r\n }\r\n\r\n function syncItemWithUrl() {\r\n userHasManuallyEditedItem = false;\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n if (parsed) {\r\n document.getElementById('itemIdInput').value = parsed.baseId;\r\n updateItemBadge(true);\r\n showStatus('Target Item ID resynced to URL ID: ' + parsed.baseId, 'bg-gray-100 text-gray-900 border border-gray-200');\r\n } else {\r\n document.getElementById('itemIdInput').value = DEFAULT_FALLBACK_ID;\r\n updateItemBadge(true);\r\n }\r\n updateUIFromState(parsed);\r\n if (parsed) generateAppleLink();\r\n }\r\n\r\n function clearItemId() {\r\n document.getElementById('itemIdInput').value = '';\r\n userHasManuallyEditedItem = true;\r\n updateItemBadge(false);\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n updateUIFromState(parsed);\r\n }\r\n\r\n function updateItemBadge(isSynced) {\r\n const badge = document.getElementById('itemFieldBadge');\r\n if (isSynced) {\r\n badge.textContent = 'Synced with Link ID';\r\n badge.className = 'font-mono-code text-[9px] bg-emerald-600 text-white px-1.5 py-0.5 uppercase tracking-wider';\r\n } else {\r\n badge.textContent = 'Manual Override';\r\n badge.className = 'font-mono-code text-[9px] bg-black text-white px-1.5 py-0.5 uppercase tracking-wider';\r\n }\r\n }\r\n\r\n function getActiveItemId(parsed) {\r\n const fieldVal = document.getElementById('itemIdInput').value.trim();\r\n if (fieldVal) return fieldVal;\r\n if (parsed && parsed.baseId) return parsed.baseId;\r\n return DEFAULT_FALLBACK_ID;\r\n }\r\n\r\n function updateUIFromState(parsed) {\r\n const activeId = getActiveItemId(parsed);\r\n const badge = document.getElementById('detectedPlatformBadge');\r\n const cleanStatus = document.getElementById('urlCleanStatus');\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n\r\n document.getElementById('inspectActiveId').textContent = activeId;\r\n\r\n if (parsed) {\r\n badge.textContent = 'VALID APPLE URL';\r\n badge.className = 'font-body text-[10px] uppercase font-bold tracking-widest px-2.5 py-1 bg-black text-white border border-black';\r\n cleanStatus.textContent = `${parsed.entityType.toUpperCase()}: ${parsed.baseId}`;\r\n\r\n document.getElementById('inspectRegion').textContent = parsed.region ? `\/${parsed.region}\/ (Removed)` : 'None (Universal)';\r\n document.getElementById('inspectType').textContent = `\/${parsed.entityType}\/`;\r\n } else {\r\n badge.textContent = urlInput ? 'INVALID FORMAT' : 'AWAITING LINK';\r\n badge.className = '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 cleanStatus.textContent = '';\r\n\r\n document.getElementById('inspectRegion').textContent = '-';\r\n document.getElementById('inspectType').textContent = '-';\r\n\r\n if (!urlInput) {\r\n mountDefaultEmbed();\r\n }\r\n }\r\n }\r\n\r\n function generateAppleLink() {\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const statusDiv = document.getElementById('status');\r\n statusDiv.style.display = 'none';\r\n\r\n if (!urlInput) {\r\n showStatus('Please paste an Apple Music link to convert.', 'bg-red-50 text-red-800 border border-red-100');\r\n mountDefaultEmbed();\r\n return;\r\n }\r\n\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n if (!parsed) {\r\n showStatus('Error: Invalid Apple Music URL format. Please provide a valid music.apple.com link.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n\r\n const activeItemId = getActiveItemId(parsed);\r\n const queryParams = `?i=${activeItemId}&app=itunes`;\r\n\r\n \/\/ Construct Universal and Native URLs\r\n const webUrl = `https:\/\/music.apple.com${parsed.universalPath}${queryParams}`;\r\n const appUri = `music:\/\/music.apple.com${parsed.universalPath}${queryParams}`;\r\n const markdown = `[Listen on Apple Music](${webUrl})`;\r\n\r\n \/\/ Embed constructor\r\n const embedPath = parsed.region ? `\/${parsed.region}${parsed.universalPath}` : parsed.universalPath;\r\n const embedUrl = `https:\/\/embed.music.apple.com${embedPath}?i=${activeItemId}&theme=light`;\r\n\r\n const embedHtml = `\r\n <iframe allow=\"autoplay *; encrypted-media *; fullscreen *; clipboard-write\" \r\n frameborder=\"0\" \r\n height=\"175\" \r\n style=\"width:100%;max-width:100%;overflow:hidden;border-radius:0px;\" \r\n sandbox=\"allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation\" \r\n src=\"${embedUrl}\">\r\n <\/iframe>\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 \r\n \/\/ Inject new embed\r\n document.getElementById('embedContainer').innerHTML = embedHtml;\r\n document.getElementById('playerBadge').textContent = 'Compiled Stream Loaded';\r\n document.getElementById('playerBadge').className = 'font-mono-code text-[11px] uppercase font-bold text-emerald-700';\r\n document.getElementById('playerSubtext').textContent = `Active Preview: ${parsed.universalPath}?i=${activeItemId}`;\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(`Universal Deep Link generated with item i=${activeItemId}!`, '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 generateAppleLink();\r\n }\r\n if (state.currentAppUri) {\r\n window.location.href = state.currentAppUri;\r\n showStatus('Dispatching direct music:\/\/ protocol scheme...', '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) generateAppleLink();\r\n if (state.currentAppUri) {\r\n copyToClipboard(state.currentAppUri, 'Native Apple Music URI');\r\n }\r\n }\r\n\r\n function copyToClipboard(text, label = 'Link') {\r\n if (!text || text.includes('Paste your link')) {\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!`, '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) generateAppleLink();\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(key) {\r\n if (SAMPLES[key]) {\r\n userHasManuallyEditedItem = false;\r\n document.getElementById('appleUrlInput').value = SAMPLES[key];\r\n handleUrlInputChange();\r\n generateAppleLink();\r\n }\r\n }\r\n\r\n function clearAllInputs() {\r\n userHasManuallyEditedItem = false;\r\n document.getElementById('appleUrlInput').value = '';\r\n document.getElementById('itemIdInput').value = DEFAULT_FALLBACK_ID;\r\n updateItemBadge(true);\r\n document.getElementById('inspectRegion').textContent = '-';\r\n document.getElementById('inspectType').textContent = '-';\r\n document.getElementById('inspectActiveId').textContent = DEFAULT_FALLBACK_ID;\r\n document.getElementById('urlCleanStatus').textContent = '';\r\n document.getElementById('mainResultUrl').textContent = 'Paste your link and click Compile to generate.';\r\n document.getElementById('formatAppUri').textContent = 'music:\/\/music.apple.com\/...';\r\n document.getElementById('formatMarkdown').textContent = '[Listen on Apple Music](...)';\r\n document.getElementById('status').style.display = 'none';\r\n \r\n mountDefaultEmbed();\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 handleUrlInputChange();\r\n showStatus('Link pasted 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>Apple Music Deep Link Generator | Stereo Daily Audio Distribution Architecture Apple Music Deep Link Generator. Strip region-locked storefront segments, mirror the primary link ID to the target item parameter ({ID}?i={ID}&app=itunes), and route directly to native media engines. Quick Test: African House Single Trompeta Salvaje “We” Track Link Reset Matched Dynamic Target Item Universal Storefront […]<\/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-4755","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"yoast_head":"\n<title>Apple Music 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\/ms\/wp-json\/wp\/v2\/pages\/4755\/\" \/>\n<meta property=\"og:locale\" content=\"ms_MY\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apple Music Deep Link Generator - Stereo Daily\" \/>\n<meta property=\"og:description\" content=\"Apple Music Deep Link Generator | Stereo Daily Audio Distribution Architecture Apple Music Deep Link Generator. Strip region-locked storefront segments, mirror the primary link ID to the target item parameter ({ID}?i={ID}&app=itunes), and route directly to native media engines. Quick Test: African House Single Trompeta Salvaje “We” Track Link Reset Matched Dynamic Target Item Universal Storefront […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stereodaily.com\/ms\/apple-music-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-04T06:31:37+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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/\",\"name\":\"Apple Music Deep Link Generator - Stereo Daily\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#website\"},\"datePublished\":\"2026-09-04T06:12:30+00:00\",\"dateModified\":\"2026-09-04T06:31:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/#breadcrumb\"},\"inLanguage\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apple Music Deep Link Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#website\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/\",\"name\":\"Stereo Daily\",\"description\":\"Your Global Music News Since 2012\",\"publisher\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#organization\"},\"alternateName\":\"StereoDaily\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#organization\",\"name\":\"Stereo Daily\",\"alternateName\":\"StereoDaily\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#\\\/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\\\/ms\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/stereodaily\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Apple Music 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\/ms\/wp-json\/wp\/v2\/pages\/4755\/","og_locale":"ms_MY","og_type":"article","og_title":"Apple Music Deep Link Generator - Stereo Daily","og_description":"Apple Music Deep Link Generator | Stereo Daily Audio Distribution Architecture Apple Music Deep Link Generator. Strip region-locked storefront segments, mirror the primary link ID to the target item parameter ({ID}?i={ID}&app=itunes), and route directly to native media engines. Quick Test: African House Single Trompeta Salvaje “We” Track Link Reset Matched Dynamic Target Item Universal Storefront […]","og_url":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/","og_site_name":"Stereo Daily","article_publisher":"https:\/\/www.facebook.com\/stereodaily\/","article_modified_time":"2026-09-04T06:31:37+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":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/","url":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/","name":"Apple Music Deep Link Generator - Stereo Daily","isPartOf":{"@id":"https:\/\/stereodaily.com\/ms\/#website"},"datePublished":"2026-09-04T06:12:30+00:00","dateModified":"2026-09-04T06:31:37+00:00","breadcrumb":{"@id":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/#breadcrumb"},"inLanguage":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stereodaily.com\/ms\/"},{"@type":"ListItem","position":2,"name":"Apple Music Deep Link Generator"}]},{"@type":"WebSite","@id":"https:\/\/stereodaily.com\/ms\/#website","url":"https:\/\/stereodaily.com\/ms\/","name":"Stereo Daily","description":"Your Global Music News Since 2012","publisher":{"@id":"https:\/\/stereodaily.com\/ms\/#organization"},"alternateName":"StereoDaily","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stereodaily.com\/ms\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ms-MY"},{"@type":"Organization","@id":"https:\/\/stereodaily.com\/ms\/#organization","name":"Stereo Daily","alternateName":"StereoDaily","url":"https:\/\/stereodaily.com\/ms\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/stereodaily.com\/ms\/#\/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\/ms\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/stereodaily\/"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4755","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=4755"}],"version-history":[{"count":6,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4755\/revisions"}],"predecessor-version":[{"id":4783,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4755\/revisions\/4783"}],"wp:attachment":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/media?parent=4755"}],"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 Apple Music Deep Link Generator | <a href=\"https:\/\/stereodaily.com\/ms\/what-is-stereo-daily-inside-the-modern-music-journalism-platform\/\">Stereo Daily<\/a><\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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 @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 .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 <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 <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 Apple Music <br> <span class=\"italic font-normal font-masthead\">Deep Link 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 Strip region-locked storefront segments, mirror the primary link ID to the target item parameter (<code class=\"font-mono-code font-bold text-black text-sm bg-gray-100 px-1 py-0.5\">{ID}?i={ID}&app=itunes<\/code>), and route directly to native media engines.\r\n <\/p>\r\n <\/div>\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=\"loadSample('africanSingle')\" 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 African House Single\r\n <\/button>\r\n <button onclick=\"loadSample('trompeta')\" 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 Trompeta Salvaje\r\n <\/button>\r\n <button onclick=\"loadSample('defaultSong')\" 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 \"We\" Track Link\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 <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\">Matched Dynamic Target Item<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Universal Storefront Stripping<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Native iTunes Delegation<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Apple Music URL Schemes<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">iOS & macOS Intent Routing<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Matched Dynamic Target Item<\/span>\r\n <span class=\"font-headline text-xl font-black text-gray-300 uppercase tracking-tighter\">Universal Storefront Stripping<\/span>\r\n <\/div>\r\n <\/div>\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 Dynamic Architecture\r\n <\/span>\r\n <h4 class=\"font-headline text-sm font-bold text-black mb-1\">Self-Referencing Item ID Matching<\/h4>\r\n <p class=\"font-body text-xs text-gray-600 leading-relaxed\">\r\n The link ID extracted from the URL path is immediately paired directly to <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black text-[11px]\">?i={ID}<\/code>. The field is fully editable if a manual target override is needed.\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 \u2192\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 border-b border-gray-100\">\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 Awaiting Link\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 Paste any Apple Music URL. Country codes are stripped, and the target item ID automatically mirrors the ID found in the link.\r\n <\/p>\r\n\r\n <div class=\"space-y-5\">\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. Apple Music Link\r\n <\/label>\r\n <span id=\"urlCleanStatus\" 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=\"appleUrlInput\" \r\n placeholder=\"https:\/\/music.apple.com\/album\/african-house-music-single\/1791872566\" \r\n oninput=\"handleUrlInputChange()\"\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('appleUrlInput')\" 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 <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 flex items-center gap-1.5\">\r\n <span>2. Target Item ID (?i=)<\/span>\r\n <span id=\"itemFieldBadge\" class=\"font-mono-code text-[9px] bg-emerald-600 text-white px-1.5 py-0.5 uppercase tracking-wider\">Synced with Link ID<\/span>\r\n <\/label>\r\n <button \r\n type=\"button\" \r\n onclick=\"syncItemWithUrl()\" \r\n class=\"font-body text-[10px] font-bold uppercase tracking-widest text-gray-500 hover:text-black transition-colors underline underline-offset-2\"\r\n >\r\n Resync to Link\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"relative\">\r\n <input \r\n type=\"text\" \r\n id=\"itemIdInput\" \r\n value=\"1791872566\" \r\n oninput=\"handleItemInputChange()\"\r\n class=\"w-full p-3.5 pr-20 border border-gray-200 rounded-none bg-white font-mono-code text-xs font-bold text-black input-editorial transition-all\"\r\n >\r\n <button \r\n type=\"button\"\r\n onclick=\"clearItemId()\" \r\n 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 >\r\n Clear\r\n <\/button>\r\n <\/div>\r\n <p class=\"font-body text-[11px] text-gray-400 mt-1.5\">\r\n Automatically matches the URL's ID. Edit freely at any <a href=\"https:\/\/stereodaily.com\/ms\/time\/\">time<\/a> if you need to point to a specific song inside the release.\r\n <\/p>\r\n <\/div>\r\n\r\n <button \r\n onclick=\"generateAppleLink()\" \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 Apple Music Deep Link<\/span>\r\n <span class=\"text-xs\">\u2192<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\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\">Strip Region<\/span>\r\n <span id=\"inspectRegion\" 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\">Entity Path<\/span>\r\n <span id=\"inspectType\" 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\">Active Item (?i=)<\/span>\r\n <span id=\"inspectActiveId\" class=\"font-mono-code text-emerald-700 text-[10px] break-all font-semibold\">1791872566<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\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 <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 Protocol 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 system handler (<code class=\"font-mono-code text-[11px] bg-gray-100 px-1 text-black\">music:\/\/<\/code>) to open Apple Music natively on macOS and iOS.\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 <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 iTunes \/ Music 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 link and click Compile to generate.\r\n <\/div>\r\n <button \r\n onclick=\"copyToClipboard(document.getElementById('mainResultUrl').innerText, 'Universal 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 Country code stripped, preserving path with mirrored <code class=\"text-black font-mono-code\">?i={ID}&app=itunes<\/code> appended.\r\n <\/p>\r\n <\/div>\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 \u2192<\/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 <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\">music:\/\/music.apple.com\/...<\/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\">[Listen on Apple Music](...)<\/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 <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 <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\">Country Territory Removal<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Detects and excises any 2-letter ISO country prefix (e.g. <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">\/us\/<\/code>, <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">\/fr\/<\/code>) to create universal, geo-agnostic links.\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\">Entity & Slug Preservation<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Keeps whether the link is an <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">\/album\/<\/code> or <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">\/song\/<\/code> path intact, together with the title slug and primary catalog ID.\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\">Dynamic Item ID Mirroring<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n The target <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">?i=<\/code> parameter defaults to the exact ID extracted from the link, with full manual override access.\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\">iTunes App Parameter Handoff<\/h4>\r\n <p class=\"font-body text-gray-500 text-xs leading-relaxed\">\r\n Appends <code class=\"bg-gray-100 px-1 py-0.5 font-mono-code text-black\">&app=itunes<\/code> to trigger native app launch instead of keeping the user trapped in browser playback.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\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 id=\"playerSubtext\" class=\"font-body text-xs text-gray-500 mt-1\">Showing default preview (\"We\")<\/p>\r\n <\/div>\r\n <span id=\"playerBadge\" class=\"font-mono-code text-[11px] uppercase text-gray-400\">Default Preview Active<\/span>\r\n <\/div>\r\n \r\n <div id=\"embedContainer\" class=\"w-full bg-gray-50 border border-gray-200 min-h-[175px] flex items-center justify-center p-0\">\r\n <\/div>\r\n <\/div>\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 <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 \u00d7\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 Storefront Stripping & Parameters Matter<\/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. Territorial Storefront Lockout<\/strong>\r\n When an Apple Music URL includes a country code like <code class=\"font-mono-code text-black text-[11px]\">\/fr\/<\/code> or <code class=\"font-mono-code text-black text-[11px]\">\/us\/<\/code>, foreign listeners encounter storefront mismatch warnings. Stripping the region lets the user's OS route directly into their local catalog.\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. Mirrored Item Directive (<code class=\"font-mono-code text-black\">?i={ID}<\/code>)<\/strong>\r\n Supplying the container's own ID ensures focus is directly anchored to that specific item without generic album delays.\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. The iTunes Trigger (<code class=\"font-mono-code text-black\">app=itunes<\/code>)<\/strong>\r\n Instructs modern browsers to immediately pass playback to the native iOS\/macOS Music engine.\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 <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 \u00d7\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 camera to test direct native app interception.<\/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 <script>\r\n \/\/ Fallback constants\r\n const DEFAULT_FALLBACK_ID = '1799773064';\r\n const DEFAULT_FALLBACK_EMBED = 'https:\/\/embed.music.apple.com\/us\/song\/we\/1799773064';\r\n\r\n let userHasManuallyEditedItem = false;\r\n\r\n const state = {\r\n currentMergedUrl: '',\r\n currentAppUri: '',\r\n currentMarkdown: ''\r\n };\r\n\r\n const SAMPLES = {\r\n africanSingle: 'https:\/\/music.apple.com\/album\/african-house-music-single\/1791872566',\r\n trompeta: 'https:\/\/music.apple.com\/us\/song\/trompeta-salvaje\/1836584217',\r\n defaultSong: 'https:\/\/music.apple.com\/us\/song\/we\/1799773064'\r\n };\r\n\r\n window.addEventListener('DOMContentLoaded', () => {\r\n loadSample('africanSingle');\r\n });\r\n\r\n function mountDefaultEmbed() {\r\n const container = document.getElementById('embedContainer');\r\n container.innerHTML = `\r\n <iframe allow=\"autoplay *; encrypted-media *; fullscreen *; clipboard-write\" \r\n frameborder=\"0\" \r\n height=\"175\" \r\n style=\"width:100%;max-width:100%;overflow:hidden;border-radius:0px;\" \r\n sandbox=\"allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation\" \r\n src=\"${DEFAULT_FALLBACK_EMBED}?theme=light\">\r\n <\/iframe>\r\n `;\r\n document.getElementById('playerBadge').textContent = 'Default Preview Active';\r\n document.getElementById('playerBadge').className = 'font-mono-code text-[11px] uppercase text-gray-400';\r\n document.getElementById('playerSubtext').textContent = 'Showing default preview (\"We\")';\r\n }\r\n\r\n function parseAppleMusicUrl(rawUrl) {\r\n if (!rawUrl) return null;\r\n let urlStr = rawUrl.trim();\r\n\r\n if (!urlStr.startsWith('http:\/\/') && !urlStr.startsWith('https:\/\/')) {\r\n urlStr = 'https:\/\/' + urlStr;\r\n }\r\n\r\n let parsed;\r\n try {\r\n parsed = new URL(urlStr);\r\n } catch (e) {\r\n return null;\r\n }\r\n\r\n if (!parsed.hostname.includes('apple.com')) {\r\n return null;\r\n }\r\n\r\n const pathname = parsed.pathname;\r\n const segments = pathname.split('\/').filter(Boolean);\r\n\r\n let region = null;\r\n let startIndex = 0;\r\n\r\n \/\/ Strip 2-letter country prefix (\/us\/, \/fr\/, etc.)\r\n if (segments.length > 0 && \/^[a-z]{2}$\/i.test(segments[0])) {\r\n region = segments[0].toLowerCase();\r\n startIndex = 1;\r\n }\r\n\r\n const remainingSegments = segments.slice(startIndex);\r\n if (remainingSegments.length < 2) {\r\n return null;\r\n }\r\n\r\n const entityType = remainingSegments[0].toLowerCase(); \/\/ 'album' or 'song'\r\n const baseId = remainingSegments[remainingSegments.length - 1];\r\n const universalPath = '\/' + remainingSegments.join('\/');\r\n\r\n return {\r\n hostname: parsed.hostname,\r\n region: region,\r\n entityType: entityType,\r\n baseId: baseId,\r\n universalPath: universalPath\r\n };\r\n }\r\n\r\n function handleUrlInputChange() {\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n\r\n if (parsed) {\r\n \/\/ Automatically sync the Item ID field with the link's baseId unless user explicitly typed a custom one\r\n if (!userHasManuallyEditedItem) {\r\n document.getElementById('itemIdInput').value = parsed.baseId;\r\n updateItemBadge(true);\r\n }\r\n }\r\n\r\n updateUIFromState(parsed);\r\n }\r\n\r\n function handleItemInputChange() {\r\n userHasManuallyEditedItem = true;\r\n updateItemBadge(false);\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n updateUIFromState(parsed);\r\n }\r\n\r\n function syncItemWithUrl() {\r\n userHasManuallyEditedItem = false;\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n if (parsed) {\r\n document.getElementById('itemIdInput').value = parsed.baseId;\r\n updateItemBadge(true);\r\n showStatus('Target Item ID resynced to URL ID: ' + parsed.baseId, 'bg-gray-100 text-gray-900 border border-gray-200');\r\n } else {\r\n document.getElementById('itemIdInput').value = DEFAULT_FALLBACK_ID;\r\n updateItemBadge(true);\r\n }\r\n updateUIFromState(parsed);\r\n if (parsed) generateAppleLink();\r\n }\r\n\r\n function clearItemId() {\r\n document.getElementById('itemIdInput').value = '';\r\n userHasManuallyEditedItem = true;\r\n updateItemBadge(false);\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n updateUIFromState(parsed);\r\n }\r\n\r\n function updateItemBadge(isSynced) {\r\n const badge = document.getElementById('itemFieldBadge');\r\n if (isSynced) {\r\n badge.textContent = 'Synced with Link ID';\r\n badge.className = 'font-mono-code text-[9px] bg-emerald-600 text-white px-1.5 py-0.5 uppercase tracking-wider';\r\n } else {\r\n badge.textContent = 'Manual Override';\r\n badge.className = 'font-mono-code text-[9px] bg-black text-white px-1.5 py-0.5 uppercase tracking-wider';\r\n }\r\n }\r\n\r\n function getActiveItemId(parsed) {\r\n const fieldVal = document.getElementById('itemIdInput').value.trim();\r\n if (fieldVal) return fieldVal;\r\n if (parsed && parsed.baseId) return parsed.baseId;\r\n return DEFAULT_FALLBACK_ID;\r\n }\r\n\r\n function updateUIFromState(parsed) {\r\n const activeId = getActiveItemId(parsed);\r\n const badge = document.getElementById('detectedPlatformBadge');\r\n const cleanStatus = document.getElementById('urlCleanStatus');\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n\r\n document.getElementById('inspectActiveId').textContent = activeId;\r\n\r\n if (parsed) {\r\n badge.textContent = 'VALID APPLE URL';\r\n badge.className = 'font-body text-[10px] uppercase font-bold tracking-widest px-2.5 py-1 bg-black text-white border border-black';\r\n cleanStatus.textContent = `${parsed.entityType.toUpperCase()}: ${parsed.baseId}`;\r\n\r\n document.getElementById('inspectRegion').textContent = parsed.region ? `\/${parsed.region}\/ (Removed)` : 'None (Universal)';\r\n document.getElementById('inspectType').textContent = `\/${parsed.entityType}\/`;\r\n } else {\r\n badge.textContent = urlInput ? 'INVALID FORMAT' : 'AWAITING LINK';\r\n badge.className = '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 cleanStatus.textContent = '';\r\n\r\n document.getElementById('inspectRegion').textContent = '-';\r\n document.getElementById('inspectType').textContent = '-';\r\n\r\n if (!urlInput) {\r\n mountDefaultEmbed();\r\n }\r\n }\r\n }\r\n\r\n function generateAppleLink() {\r\n const urlInput = document.getElementById('appleUrlInput').value.trim();\r\n const statusDiv = document.getElementById('status');\r\n statusDiv.style.display = 'none';\r\n\r\n if (!urlInput) {\r\n showStatus('Please paste an Apple Music link to convert.', 'bg-red-50 text-red-800 border border-red-100');\r\n mountDefaultEmbed();\r\n return;\r\n }\r\n\r\n const parsed = parseAppleMusicUrl(urlInput);\r\n if (!parsed) {\r\n showStatus('Error: Invalid Apple Music URL format. Please provide a valid music.apple.com link.', 'bg-red-50 text-red-800 border border-red-100');\r\n return;\r\n }\r\n\r\n const activeItemId = getActiveItemId(parsed);\r\n const queryParams = `?i=${activeItemId}&app=itunes`;\r\n\r\n \/\/ Construct Universal and Native URLs\r\n const webUrl = `https:\/\/music.apple.com${parsed.universalPath}${queryParams}`;\r\n const appUri = `music:\/\/music.apple.com${parsed.universalPath}${queryParams}`;\r\n const markdown = `[Listen on Apple Music](${webUrl})`;\r\n\r\n \/\/ Embed constructor\r\n const embedPath = parsed.region ? `\/${parsed.region}${parsed.universalPath}` : parsed.universalPath;\r\n const embedUrl = `https:\/\/embed.music.apple.com${embedPath}?i=${activeItemId}&theme=light`;\r\n\r\n const embedHtml = `\r\n <iframe allow=\"autoplay *; encrypted-media *; fullscreen *; clipboard-write\" \r\n frameborder=\"0\" \r\n height=\"175\" \r\n style=\"width:100%;max-width:100%;overflow:hidden;border-radius:0px;\" \r\n sandbox=\"allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation\" \r\n src=\"${embedUrl}\">\r\n <\/iframe>\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 \r\n \/\/ Inject new embed\r\n document.getElementById('embedContainer').innerHTML = embedHtml;\r\n document.getElementById('playerBadge').textContent = 'Compiled Stream Loaded';\r\n document.getElementById('playerBadge').className = 'font-mono-code text-[11px] uppercase font-bold text-emerald-700';\r\n document.getElementById('playerSubtext').textContent = `Active Preview: ${parsed.universalPath}?i=${activeItemId}`;\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(`Universal Deep Link generated with item i=${activeItemId}!`, '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 generateAppleLink();\r\n }\r\n if (state.currentAppUri) {\r\n window.location.href = state.currentAppUri;\r\n showStatus('Dispatching direct music:\/\/ protocol scheme...', '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) generateAppleLink();\r\n if (state.currentAppUri) {\r\n copyToClipboard(state.currentAppUri, 'Native Apple Music URI');\r\n }\r\n }\r\n\r\n function copyToClipboard(text, label = 'Link') {\r\n if (!text || text.includes('Paste your link')) {\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!`, '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) generateAppleLink();\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(key) {\r\n if (SAMPLES[key]) {\r\n userHasManuallyEditedItem = false;\r\n document.getElementById('appleUrlInput').value = SAMPLES[key];\r\n handleUrlInputChange();\r\n generateAppleLink();\r\n }\r\n }\r\n\r\n function clearAllInputs() {\r\n userHasManuallyEditedItem = false;\r\n document.getElementById('appleUrlInput').value = '';\r\n document.getElementById('itemIdInput').value = DEFAULT_FALLBACK_ID;\r\n updateItemBadge(true);\r\n document.getElementById('inspectRegion').textContent = '-';\r\n document.getElementById('inspectType').textContent = '-';\r\n document.getElementById('inspectActiveId').textContent = DEFAULT_FALLBACK_ID;\r\n document.getElementById('urlCleanStatus').textContent = '';\r\n document.getElementById('mainResultUrl').textContent = 'Paste your link and click Compile to generate.';\r\n document.getElementById('formatAppUri').textContent = 'music:\/\/music.apple.com\/...';\r\n document.getElementById('formatMarkdown').textContent = '[Listen on Apple Music](...)';\r\n document.getElementById('status').style.display = 'none';\r\n \r\n mountDefaultEmbed();\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 handleUrlInputChange();\r\n showStatus('Link pasted 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>Apple Music Deep Link Generator | Stereo Daily Audio Distribution Architecture Apple Music Deep Link Generator. Strip region-locked storefront segments, mirror the primary link ID to the target item parameter ({ID}?i={ID}&app=itunes), and route directly to native media engines. Quick Test: African House Single Trompeta Salvaje “We” Track Link Reset Matched Dynamic Target Item Universal Storefront […]<\/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-4755","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"yoast_head":"\n<title>Apple Music 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\/ms\/wp-json\/wp\/v2\/pages\/4755\/\" \/>\n<meta property=\"og:locale\" content=\"ms_MY\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apple Music Deep Link Generator - Stereo Daily\" \/>\n<meta property=\"og:description\" content=\"Apple Music Deep Link Generator | Stereo Daily Audio Distribution Architecture Apple Music Deep Link Generator. Strip region-locked storefront segments, mirror the primary link ID to the target item parameter ({ID}?i={ID}&app=itunes), and route directly to native media engines. Quick Test: African House Single Trompeta Salvaje “We” Track Link Reset Matched Dynamic Target Item Universal Storefront […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stereodaily.com\/ms\/apple-music-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-04T06:31:37+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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/\",\"name\":\"Apple Music Deep Link Generator - Stereo Daily\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#website\"},\"datePublished\":\"2026-09-04T06:12:30+00:00\",\"dateModified\":\"2026-09-04T06:31:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/#breadcrumb\"},\"inLanguage\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/apple-music-deep-link-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apple Music Deep Link Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#website\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/\",\"name\":\"Stereo Daily\",\"description\":\"Your Global Music News Since 2012\",\"publisher\":{\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#organization\"},\"alternateName\":\"StereoDaily\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#organization\",\"name\":\"Stereo Daily\",\"alternateName\":\"StereoDaily\",\"url\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\\\/\\\/stereodaily.com\\\/ms\\\/#\\\/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\\\/ms\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/stereodaily\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Apple Music 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\/ms\/wp-json\/wp\/v2\/pages\/4755\/","og_locale":"ms_MY","og_type":"article","og_title":"Apple Music Deep Link Generator - Stereo Daily","og_description":"Apple Music Deep Link Generator | Stereo Daily Audio Distribution Architecture Apple Music Deep Link Generator. Strip region-locked storefront segments, mirror the primary link ID to the target item parameter ({ID}?i={ID}&app=itunes), and route directly to native media engines. Quick Test: African House Single Trompeta Salvaje “We” Track Link Reset Matched Dynamic Target Item Universal Storefront […]","og_url":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/","og_site_name":"Stereo Daily","article_publisher":"https:\/\/www.facebook.com\/stereodaily\/","article_modified_time":"2026-09-04T06:31:37+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":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/","url":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/","name":"Apple Music Deep Link Generator - Stereo Daily","isPartOf":{"@id":"https:\/\/stereodaily.com\/ms\/#website"},"datePublished":"2026-09-04T06:12:30+00:00","dateModified":"2026-09-04T06:31:37+00:00","breadcrumb":{"@id":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/#breadcrumb"},"inLanguage":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stereodaily.com\/ms\/apple-music-deep-link-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stereodaily.com\/ms\/"},{"@type":"ListItem","position":2,"name":"Apple Music Deep Link Generator"}]},{"@type":"WebSite","@id":"https:\/\/stereodaily.com\/ms\/#website","url":"https:\/\/stereodaily.com\/ms\/","name":"Stereo Daily","description":"Your Global Music News Since 2012","publisher":{"@id":"https:\/\/stereodaily.com\/ms\/#organization"},"alternateName":"StereoDaily","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stereodaily.com\/ms\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ms-MY"},{"@type":"Organization","@id":"https:\/\/stereodaily.com\/ms\/#organization","name":"Stereo Daily","alternateName":"StereoDaily","url":"https:\/\/stereodaily.com\/ms\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/stereodaily.com\/ms\/#\/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\/ms\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/stereodaily\/"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4755","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=4755"}],"version-history":[{"count":6,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4755\/revisions"}],"predecessor-version":[{"id":4783,"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/pages\/4755\/revisions\/4783"}],"wp:attachment":[{"href":"https:\/\/stereodaily.com\/wp-json\/wp\/v2\/media?parent=4755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}