{"id":603,"date":"2026-01-22T04:39:00","date_gmt":"2026-01-22T04:39:00","guid":{"rendered":"https:\/\/docusradio-music.docusflix.com\/?page_id=603"},"modified":"2026-01-22T04:39:00","modified_gmt":"2026-01-22T04:39:00","slug":"test-6","status":"publish","type":"page","link":"https:\/\/docusradio-music.docusflix.com\/?page_id=603","title":{"rendered":"TEST 6"},"content":{"rendered":"\n<style>\n  body { background: #050505; color: white; font-family: 'Segoe UI', sans-serif; margin: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; }\n\n  \/* Le Lecteur Mire-TV *\/\n  .mire-tv {\n    position: relative;\n    width: 100%;\n    max-width: 900px;\n    aspect-ratio: 16\/9;\n    background: #000;\n    overflow: hidden;\n    border-radius: 12px;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.8);\n    border: 1px solid #222;\n  }\n\n  \/* EFFET GRAIN - CORRIG\u00c9 : pointer-events: none pour cliquer \u00e0 travers *\/\n  .mire-tv::before {\n    content: \"\"; position: absolute; inset: 0;\n    background: repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 2px);\n    animation: grain 0.2s infinite; \n    pointer-events: none; \/* <--- Permet de cliquer sur les boutons du son *\/\n    z-index: 2;\n  }\n\n  @keyframes grain { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } }\n\n  \/* VIDEO - On s'assure qu'elle est cliquable *\/\n  video { \n    width: 100%; \n    height: 100%; \n    display: block; \n    position: relative;\n    z-index: 1; \/* Derri\u00e8re les effets mais accessible *\/\n  }\n\n  \/* Barre d'info - pointer-events: none \u00e9galement *\/\n  .info-overlay {\n    position: absolute; top: 15px; left: 20px; \n    z-index: 3; color: #ff3c00; font-weight: bold; \n    text-transform: uppercase; letter-spacing: 2px;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n    pointer-events: none;\n  }\n\n  \/* LA GRILLE DE CHA\u00ceNES EN BAS *\/\n  .channels-grid {\n    width: 100%;\n    max-width: 900px;\n    margin-top: 25px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));\n    gap: 8px;\n    padding: 10px;\n  }\n\n  .chan-btn {\n    background: #111;\n    border: 1px solid #333;\n    color: #888;\n    padding: 10px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 11px;\n    text-align: center;\n    transition: all 0.2s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 45px;\n    text-transform: uppercase;\n  }\n\n  .chan-btn:hover { background: #222; border-color: #ff3c00; color: white; }\n  .chan-btn.active { \n    background: #ff3c00; \n    color: white; \n    border-color: #ff3c00; \n    font-weight: bold; \n    box-shadow: 0 0 15px rgba(255, 60, 0, 0.3); \n  }\n\n<\/style>\n\n<div class=\"mire-tv\">\n  <video id=\"tvPlayer\" controls autoplay playsinline muted><\/video>\n  <div class=\"info-overlay\" id=\"currentTitle\">STINGRAY ROCK<\/div>\n<\/div>\n\n<div class=\"channels-grid\" id=\"grid\"><\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@latest\"><\/script>\n<script>\nconst playlist = [\n    { name: \"Stingray Classic Rock\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-101ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Qello Concerts\", url: \"https:\/\/lotus.stingray.com\/manifest\/qello-qello001-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Classica\", url: \"https:\/\/lotus.stingray.com\/manifest\/classica-cla008-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray CMusic\", url: \"https:\/\/lotus.stingray.com\/manifest\/cmusic-cme004-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray DJAZZ\", url: \"https:\/\/lotus.stingray.com\/manifest\/djazz-djaads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Easy Listening\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-137ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Flashback 70s\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-115ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Hit List\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-107ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Holiday Hits\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-155ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Hot Country\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-108ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Karaoke\", url: \"https:\/\/lotus.stingray.com\/manifest\/karaoke-kar000-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Naturescape\", url: \"https:\/\/lotus.stingray.com\/manifest\/naturescape-a003-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Nothin' But 90s\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-142ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Pop Adult\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-104ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Remember the 80s\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-128ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Rock Alternative\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-102ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Romance Latino\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-202ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Smooth Jazz\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-140ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Soul Storm\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-134ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray The Spa\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-122ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Today's KPOP\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-317ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Today's Latin Pop\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-190ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Stingray Urban Beat\", url: \"https:\/\/lotus.stingray.com\/manifest\/ose-133ads-montreal\/samsungtvplus\/master.m3u8\" },\n    { name: \"Holidayscapes\", url: \"https:\/\/plextv.ott-channels.stingray.com\/holidayscapes\/master.m3u8\" }\n];\n\nconst video = document.getElementById('tvPlayer');\nconst grid = document.getElementById('grid');\nconst titleDisp = document.getElementById('currentTitle');\nlet hls = null;\n\nfunction loadChannel(index, btn) {\n    const channel = playlist[index];\n    titleDisp.textContent = channel.name;\n    document.querySelectorAll('.chan-btn').forEach(b => b.classList.remove('active'));\n    btn.classList.add('active');\n\n    if (Hls.isSupported()) {\n        if (hls) hls.destroy();\n        hls = new Hls();\n        hls.loadSource(channel.url);\n        hls.attachMedia(video);\n        hls.on(Hls.Events.MANIFEST_PARSED, () => video.play());\n    }\n}\n\nplaylist.forEach((channel, index) => {\n    const btn = document.createElement('div');\n    btn.className = 'chan-btn';\n    btn.innerText = channel.name;\n    btn.onclick = () => loadChannel(index, btn);\n    grid.appendChild(btn);\n    if(index === 0) window.onload = () => loadChannel(0, btn);\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>STINGRAY ROCK<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docusradio-music.docusflix.com\/index.php?rest_route=\/wp\/v2\/pages\/603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docusradio-music.docusflix.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docusradio-music.docusflix.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docusradio-music.docusflix.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docusradio-music.docusflix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=603"}],"version-history":[{"count":0,"href":"https:\/\/docusradio-music.docusflix.com\/index.php?rest_route=\/wp\/v2\/pages\/603\/revisions"}],"wp:attachment":[{"href":"https:\/\/docusradio-music.docusflix.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}