{"id":27,"date":"2025-09-12T10:32:13","date_gmt":"2025-09-12T10:32:13","guid":{"rendered":"https:\/\/jamacarufm.com\/?page_id=27"},"modified":"2025-09-15T22:03:16","modified_gmt":"2025-09-15T22:03:16","slug":"player","status":"publish","type":"page","link":"https:\/\/jamacarufm.com\/index.php\/player\/","title":{"rendered":"player"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8faae78 e-flex e-con-boxed e-con e-parent\" data-id=\"8faae78\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da6c6e7 elementor-widget elementor-widget-html\" data-id=\"da6c6e7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Jamacaru FM \u2014 Player<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n  <style>\n    :root{\n      --bg-green-1:#0e7a2f;   \/* fundo principal *\/\n      --bg-green-2:#0f9d39;   \/* gradiente *\/\n      --panel:#ffffff;        \/* card *\/\n      --text:#f2f2f2;         \/* textos claros *\/\n      --muted:#c8c8c8;        \/* textos de apoio *\/\n      --accent:#ffd54a;       \/* botao play (amarelo) *\/\n      --accent-press:#ffcc00; \/* hover\/active *\/\n      --shadow:0 14px 40px rgba(0,0,0,.35);\n      --radius-xl:20px;\n    }\n\n    *{box-sizing:border-box}\n    html,body{height:100%;margin:0}\n    body{\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n      color:var(--text);\n      overflow:hidden;\n      background: linear-gradient(135deg,var(--bg-green-1) 0%, var(--bg-green-2) 100%);\n    }\n\n    \/* CAMADA DE BACKGROUND COM A ARTE ENVIADA SOBRE O FUNDO VERDE *\/\n    .bg-art{\n      position:fixed; inset:0;\n      background-image:url('https:\/\/jamacarufm.com\/wp-content\/uploads\/2025\/09\/radio-bg.png');\n      background-size:cover; background-position:center;\n      z-index:0; \/* cobre o fundo *\/\n    }\n\n    \/* CONTE\u00daDO CENTRAL *\/\n    .stage{\n      position:relative;\n      z-index:1; \/* acima do fundo *\/\n      display:grid; place-items:center;\n      padding:32px;\n      height:100%;\n    }\n\n    .stack{ width:min(1050px,92vw); text-align:center; }\n\n    .brand{\n      width:190px; height:190px; margin:0 auto 28px; display:grid; place-items:center;\n      background:rgba(255,255,255,.07); border-radius:999px; backdrop-filter: blur(4px);\n      box-shadow: 0 10px 30px rgba(0,0,0,.25) inset, 0 12px 40px rgba(0,0,0,.18);\n    }\n    .brand img{ width:70%; height:auto; display:block; }\n\n    .player{\n      margin: 4px auto 18px;\n      width:min(660px,92vw);\n      background:var(--panel);\n      border-radius: var(--radius-xl);\n      box-shadow: var(--shadow);\n      display:flex; align-items:center; gap:18px;\n      padding: 16px 18px; color:#1e1e1e;\n    }\n\n    .pp-btn{\n      width:64px; height:64px; flex:0 0 64px;\n      display:grid; place-items:center; cursor:pointer;\n      border-radius:999px; background:var(--accent);\n      box-shadow:0 6px 16px rgba(0,0,0,.25);\n      transition: transform .12s ease, filter .12s ease, background .12s ease;\n      border:none; outline:none;\n    }\n    .pp-btn:hover{ filter:brightness(1.02); background:var(--accent-press); transform: translateY(-1px); }\n    .pp-btn:active{ transform: translateY(0); }\n\n    \/* CAPA DO ARTISTA (quadrada) *\/\n    .cover{\n      width:72px; height:72px; flex:0 0 72px; object-fit:cover; border-radius:0; display:block;\n      box-shadow:0 6px 16px rgba(0,0,0,.18);\n    }\n\n    .meta{\n      flex:1 1 auto; min-width:0;\n      display:flex; flex-direction:column; gap:6px;\n    }\n    .meta .onair{ font-size:12px; letter-spacing:.3px; color:#6a6a6a; font-weight:700; text-transform:uppercase; }\n    .meta .title{ font-size:14px; color:#2b2b2b; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n\n    .vol{ width:36px; height:36px; display:grid; place-items:center; color:#6a6a6a; }\n\n    .contacts{\n      margin-top: 6px;\n      display:flex; justify-content:center; gap:44px; flex-wrap:wrap;\n      font-size: 14px; color: var(--text);\n      text-shadow:0 2px 10px rgba(0,0,0,.45);\n    }\n    .contacts .item{ display:flex; align-items:center; gap:10px; opacity:.95; }\n    .contacts svg{ width:18px; height:18px; }\n\n    .footer-cta{\n      position:fixed; left:18px; bottom:14px; font-size:12px; font-weight:700; letter-spacing:.3px; display:flex; align-items:center; gap:8px; opacity:.9;\n    }\n    .footer-cta img{ width:18px; height:18px; display:inline-block; }\n\n    .footer-music{\n      position:fixed; right:18px; bottom:14px; font-size:12px; font-weight:800; letter-spacing:.3px; display:flex; align-items:center; gap:8px; opacity:.95;\n    }\n    .footer-music svg{ width:14px; height:14px; }\n\n    .share{\n      position:fixed; right:22px; top:16px; display:flex; gap:16px; align-items:center; font-size:12px; opacity:.9;\n    }\n    .share a{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); opacity:.85; }\n\n    @media (max-width:480px){\n      .brand{ width:150px; height:150px; }\n      .pp-btn{ width:56px; height:56px; }\n      .player{ gap:12px; padding:14px; }\n      .meta .title{ font-size:13px; }\n      .contacts{ gap:22px; font-size:13px; }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"bg-art\"><\/div>\n\n  <!-- TOPO -->\n  <div class=\"share\" aria-hidden=\"true\">\n    <span>Compartilhar<\/span>\n    <a href=\"#\" title=\"Facebook\" aria-label=\"Facebook\">\n      <svg viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M22 12.06C22 6.49 17.52 2 12 2S2 6.49 2 12.06c0 5.02 3.66 9.19 8.44 9.94v-7.03H7.9v-2.91h2.54V9.41c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.23.2 2.23.2v2.45h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.75 8.44-4.92 8.44-9.94z\"\/><\/svg>\n    <\/a>\n    <a href=\"#\" title=\"X\" aria-label=\"X\/Twitter\">\n      <svg viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M17.53 3H20.3l-6.01 6.88L21 21h-5.78l-4.52-5.9L5.45 21H2.68l6.43-7.36L3 3h5.86l4.09 5.45L17.53 3zm-1.01 16h1.52L7.57 5h-1.6l10.55 14z\"\/><\/svg>\n    <\/a>\n    <a href=\"#\" title=\"E-mail\" aria-label=\"E-mail\">\n      <svg viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 13 2 6.76V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6.76L12 13zm10-7-10 6L2 6h20z\"\/><\/svg>\n    <\/a>\n  <\/div>\n\n  <main class=\"stage\">\n    <section class=\"stack\">\n      <div class=\"brand\"><img decoding=\"async\" src=\"https:\/\/jamacarufm.com\/wp-content\/uploads\/2025\/09\/logo-new-1.png\" alt=\"Logo da r\u00e1dio\" \/><\/div>\n\n      <div class=\"player\" role=\"region\" aria-label=\"Player de \u00e1udio\">\n        <button class=\"pp-btn\" id=\"pp\" aria-label=\"Tocar\">\n          <svg id=\"icon-play\" viewBox=\"0 0 24 24\" width=\"28\" height=\"28\"><path d=\"M8 5v14l11-7z\" fill=\"#1e1e1e\"><\/path><\/svg>\n          <svg id=\"icon-pause\" viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" style=\"display:none\"><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" fill=\"#1e1e1e\"><\/path><\/svg>\n        <\/button>\n\n        <!-- NOVO: capa do artista\/\u00e1lbum -->\n        <img decoding=\"async\" id=\"cover\" class=\"cover\" src=\"https:\/\/jamacarufm.com\/wp-content\/uploads\/2025\/09\/logo-new-1.png\" alt=\"Capa da m\u00fasica\" \/>\n\n        <div class=\"meta\">\n          <div class=\"onair\" id=\"onair\"><\/div>\n          <div class=\"title\" id=\"title\">Tocando: Carregando...<\/div>\n        <\/div>\n\n        <div class=\"vol\"><svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"#6a6a6a\"><path d=\"M3 10v4h4l5 5V5L7 10H3zm13.5 2a4.5 4.5 0 0 0-2.5-4.03v8.06A4.5 4.5 0 0 0 16.5 12zm0-8.5v2.09A8 8 0 0 1 20 12a8 8 0 0 1-3.5 6.41V20A10 10 0 0 0 22 12 10 10 0 0 0 16.5 3.5z\"\/><\/svg><\/div>\n      <\/div>\n\n      <div class=\"contacts\">\n        <div class=\"item\"><svg viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M6.62 10.79a15.053 15.053 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V21a1 1 0 0 1-1 1C10.07 22 2 13.93 2 3a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.58.12.34.04.72-.24 1.01l-2.2 2.2z\"\/><\/svg><span id=\"phone\">(88)98119-7386<\/span><\/div>\n        <div class=\"item\"><svg viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M20.52 3.5H3.48A1.98 1.98 0 0 0 1.5 5.48v13.04c0 1.1.9 1.98 1.98 1.98h17.04c1.1 0 1.98-.9 1.98-1.98V5.48c0-1.1-.9-1.98-1.98-1.98zM12 14.5l-8-6h16l-8 6z\"\/><\/svg><span id=\"whatsapp\">(88)98119-7386<\/span><\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <div class=\"footer-cta\"><span>BAIXE NOSSO APP:<\/span><\/div>\n  <div class=\"footer-music\"><svg viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 3v10.55a4 4 0 1 0 2 3.45V7h4V3h-6z\"\/><\/svg><span>PE\u00c7A SUA M\u00daSICA<\/span><\/div>\n\n  <audio id=\"audio\" preload=\"none\" crossorigin=\"anonymous\"><source src=\"https:\/\/stm1.glaudiotecnology.uk:7004\/stream\" type=\"audio\/mpeg\" \/><\/audio>\n\n  <script>\n    (function(){\n      const audio=document.getElementById('audio');\n      const btn=document.getElementById('pp');\n      const iconPlay=document.getElementById('icon-play');\n      const iconPause=document.getElementById('icon-pause');\n      const titleEl=document.getElementById('title');\n      const coverEl=document.getElementById('cover');\n\n      const META_URL='https:\/\/glaudiotecnology.uk\/api\/NzAwNCsx';\n      const DEFAULT_COVER='https:\/\/jamacarufm.com\/wp-content\/uploads\/2025\/09\/logo-new-1.png';\n\n      function setPlayingUI(isPlaying){\n        if(isPlaying){iconPlay.style.display='none';iconPause.style.display='block';btn.setAttribute('aria-label','Pausar');}\n        else{iconPlay.style.display='block';iconPause.style.display='none';btn.setAttribute('aria-label','Tocar');}\n      }\n\n      btn.addEventListener('click',async()=>{\n        try{if(audio.paused){await audio.play();setPlayingUI(true);}else{audio.pause();setPlayingUI(false);}}catch(err){console.error(err);titleEl.textContent='Erro ao iniciar o \u00e1udio';}\n      });\n\n      audio.addEventListener('playing',()=>setPlayingUI(true));\n      audio.addEventListener('pause',()=>setPlayingUI(false));\n      audio.addEventListener('stalled',()=>{titleEl.textContent='Carregando o streaming...';});\n      audio.addEventListener('waiting',()=>{titleEl.textContent='Carregando o streaming...';});\n\n      async function atualizarMusica(){\n        try{\n          const resp=await fetch(META_URL,{cache:'no-store'});\n          const xmlText=await resp.text();\n          const parser=new DOMParser();\n          const xmlDoc=parser.parseFromString(xmlText,'text\/xml');\n\n          const musicaNode=xmlDoc.getElementsByTagName('musica_atual')[0];\n          const capaNode=xmlDoc.getElementsByTagName('capa_musica')[0];\n\n          const musicaAtual=(musicaNode?.textContent||'').trim();\n          const capaMusica=(capaNode?.textContent||'').trim();\n\n          if(musicaAtual){\n            titleEl.textContent='Tocando: ' + musicaAtual;\n            document.title='Jamacaru FM \u2014 ' + musicaAtual;\n          }\n\n          const novaCapa=capaMusica||DEFAULT_COVER;\n          if(coverEl.getAttribute('src')!==novaCapa){\n            \/\/ pr\u00e9-carrega para evitar flicker\n            const tmp=new Image();\n            tmp.onload=()=>{coverEl.src=novaCapa};\n            tmp.onerror=()=>{coverEl.src=DEFAULT_COVER};\n            tmp.crossOrigin='anonymous';\n            tmp.src=novaCapa;\n          }\n        }catch(e){\n          console.error('Erro ao buscar m\u00fasica atual:',e);\n          if(!coverEl.src) coverEl.src=DEFAULT_COVER;\n        }\n      }\n\n      \/\/ primeira carga + intervalo\n      atualizarMusica();\n      setInterval(atualizarMusica,20000);\n    })();\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81fb7e1 e-flex e-con-boxed e-con e-parent\" data-id=\"81fb7e1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Jamacaru FM \u2014 Player Compartilhar Tocando: Carregando&#8230; (88)98119-7386 (88)98119-7386 BAIXE NOSSO APP: PE\u00c7A SUA M\u00daSICA<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jamacarufm.com\/index.php\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jamacarufm.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jamacarufm.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jamacarufm.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jamacarufm.com\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":28,"href":"https:\/\/jamacarufm.com\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/jamacarufm.com\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/jamacarufm.com\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}