{"id":963,"date":"2025-08-01T08:29:54","date_gmt":"2025-08-01T08:29:54","guid":{"rendered":"https:\/\/rizostyle.com\/?page_id=963"},"modified":"2025-08-01T09:14:25","modified_gmt":"2025-08-01T09:14:25","slug":"add-bg-music","status":"publish","type":"page","link":"https:\/\/rizostyle.com\/?page_id=963","title":{"rendered":"ADD BG MUSIC"},"content":{"rendered":"\n<!-- \u2460 Put this in your theme\u2019s footer.php right before <\/body> -->\n<audio id=\"site-intro\" preload=\"auto\" autoplay playsinline>\n    <source src=\"https:\/\/rizostyle.com\/wp-content\/uploads\/2025\/07\/Not-Like-Us-Raag.Fm_.mp3\" type=\"audio\/mpeg\">\n    <!-- Optional: add an OGG fallback for ancient Firefox -->\n    <!-- <source src=\"https:\/\/example.com\/audio\/intro.ogg\" type=\"audio\/ogg\"> -->\n    Your browser does not support the audio element.\n<\/audio>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const player = document.getElementById('site-intro');\n\n    \/\/ \u2461 Force-play if the browser kindly allows it\n    const tryPlay = () => {\n        player.play().catch(() => {\n            \/\/ \u2462 Fallback: show a tiny play button if autoplay is blocked\n            if (!document.getElementById('audio-fallback')) {\n                const btn = document.createElement('button');\n                btn.id = 'audio-fallback';\n                btn.innerText = '\ud83d\udd0a Tap to enable sound';\n                btn.style.cssText = `\n                    position:fixed;bottom:1rem;right:1rem;z-index:9999;\n                    background:#111;color:#fff;padding:.6rem 1rem;\n                    border:none;border-radius:.3rem;cursor:pointer;\n                    font:600 0.9rem\/1 sans-serif;`;\n                btn.onclick = () => { player.play(); btn.remove(); };\n                document.body.appendChild(btn);\n            }\n        });\n    };\n\n    \/\/ \u2463 First attempt immediately\u2026\n    tryPlay();\n\n    \/\/ \u2464 \u2026then again after first user interaction (covers iOS & Chrome)\n    ['click','touchstart','keydown'].forEach(evt =>\n        window.addEventListener(evt, tryPlay, { once:true })\n    );\n});\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your browser does not support the audio element.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-963","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/rizostyle.com\/index.php?rest_route=\/wp\/v2\/pages\/963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rizostyle.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rizostyle.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rizostyle.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rizostyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=963"}],"version-history":[{"count":10,"href":"https:\/\/rizostyle.com\/index.php?rest_route=\/wp\/v2\/pages\/963\/revisions"}],"predecessor-version":[{"id":979,"href":"https:\/\/rizostyle.com\/index.php?rest_route=\/wp\/v2\/pages\/963\/revisions\/979"}],"wp:attachment":[{"href":"https:\/\/rizostyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}