{"id":79,"date":"2023-10-13T17:24:09","date_gmt":"2023-10-13T17:24:09","guid":{"rendered":"https:\/\/margareteaquila.com.br\/binaural\/?page_id=79"},"modified":"2026-06-18T18:27:53","modified_gmt":"2026-06-18T18:27:53","slug":"programacao","status":"publish","type":"page","link":"https:\/\/margareteaquila.com.br\/binaural\/programacao\/","title":{"rendered":"Programa\u00e7\u00e3o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"79\" class=\"elementor elementor-79\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3a73a0 e-flex e-con-boxed e-con e-parent\" data-id=\"f3a73a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d5fa43 elementor-widget elementor-widget-html\" data-id=\"5d5fa43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"binaural-player-container\">\n    <!-- Bloco do Player Principal -->\n    <div class=\"main-player-box\">\n        <h3 id=\"current-track-title\">Selecione uma faixa para iniciar<\/h3>\n        <p id=\"current-track-artist\">Margarete \u00c1quila \u2014 Frequ\u00eancias Binaurais<\/p>\n        \n        <audio id=\"binaural-audio-element\" controlslist=\"nodownload\"><\/audio>\n        \n        <!-- Controles Customizados e Responsivos -->\n        <div class=\"player-controls\">\n            <button id=\"play-pause-btn\" class=\"control-btn\" onclick=\"togglePlay()\" aria-label=\"Play\/Pause\">\n                <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path id=\"play-icon\" d=\"M8 5v14l11-7z\" fill=\"#ffffff\"\/><\/svg>\n            <\/button>\n            <div class=\"progress-container\" onclick=\"setTrackProgress(event)\">\n                <div id=\"progress-bar\" class=\"progress-bar\"><\/div>\n            <\/div>\n            <span id=\"time-display\">00:00 \/ 00:00<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Lista de M\u00fasicas (Layout em Coluna \u00danica) -->\n    <div class=\"binaural-playlist\">\n        <!-- Faixa 1 -->\n        <div class=\"playlist-item\" onclick=\"loadTrack(0)\" id=\"track-0\">\n            <div class=\"track-status-icon\">\u25b6<\/div>\n            <div class=\"track-info\">\n                <span class=\"track-title\">PROGRAMA 1 \u2013 ALPHA 7,8 HZ<\/span>\n            <\/div>\n        <\/div>\n        <!-- Faixa 2 -->\n        <div class=\"playlist-item\" onclick=\"loadTrack(1)\" id=\"track-1\">\n            <div class=\"track-status-icon\">\u25b6<\/div>\n            <div class=\"track-info\">\n                <span class=\"track-title\">PROGRAMA 2 \u2013 THETA 5 HZ<\/span>\n            <\/div>\n        <\/div>\n        <!-- Faixa 3 -->\n        <div class=\"playlist-item\" onclick=\"loadTrack(2)\" id=\"track-2\">\n            <div class=\"track-status-icon\">\u25b6<\/div>\n            <div class=\"track-info\">\n                <span class=\"track-title\">PROGRAMA 3 \u2013 ALPHA 9,55 HZ<\/span>\n            <\/div>\n        <\/div>\n        <!-- Faixa 4 -->\n        <div class=\"playlist-item\" onclick=\"loadTrack(3)\" id=\"track-3\">\n            <div class=\"track-status-icon\">\u25b6<\/div>\n            <div class=\"track-info\">\n                <span class=\"track-title\">PROGRAMA 4 \u2013 BETA 15 HZ<\/span>\n            <\/div>\n        <\/div>\n        <!-- Faixa 5 -->\n        <div class=\"playlist-item\" onclick=\"loadTrack(4)\" id=\"track-4\">\n            <div class=\"track-status-icon\">\u25b6<\/div>\n            <div class=\"track-info\">\n                <span class=\"track-title\">PROGRAMA 5 \u2013 DELTA 1,9 HZ<\/span>\n            <\/div>\n        <\/div>\n        <!-- Faixa 6 -->\n        <div class=\"playlist-item\" onclick=\"loadTrack(5)\" id=\"track-5\">\n            <div class=\"track-status-icon\">\u25b6<\/div>\n            <div class=\"track-info\">\n                <span class=\"track-title\">PROGRAMA 6 \u2013 BETA BAIXA 12 HZ<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Estiliza\u00e7\u00e3o Geral em harmonia com o site *\/\n.binaural-player-container {\n    max-width: 100%;\n    margin: 20px auto;\n    font-family: 'Montserrat', Arial, sans-serif;\n    background: #ffffff !important;\n    border-radius: 8px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n    overflow: hidden;\n}\n.main-player-box {\n    background: #0d1b2a !important; \/* Azul escuro elegante *\/\n    padding: 25px;\n    text-align: center;\n}\n.main-player-box h3 {\n    margin: 0 0 6px 0 !important;\n    font-size: 1.15rem !important;\n    color: #ffffff !important;\n    font-weight: 600 !important;\n}\n.main-player-box p {\n    margin: 0 0 22px 0 !important;\n    font-size: 0.85rem !important;\n    color: #8da2bb !important;\n    letter-spacing: 0.5px !important;\n}\n#binaural-audio-element {\n    display: none;\n}\n.player-controls {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n.control-btn {\n    background: #1d3557 !important;\n    border: none !important;\n    border-radius: 50% !important;\n    width: 46px !important;\n    height: 46px !important;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.2s, transform 0.1s;\n}\n.control-btn:hover {\n    background: #457b9d !important;\n}\n.control-btn:active {\n    transform: scale(0.95);\n}\n.progress-container {\n    flex-grow: 1;\n    background: rgba(255,255,255,0.15) !important;\n    height: 6px;\n    border-radius: 3px;\n    cursor: pointer;\n    position: relative;\n}\n.progress-bar {\n    background: #a8dadc !important; \/* Tom azul\/verde claro para indicar progresso sutil *\/\n    height: 100%;\n    width: 0%;\n    border-radius: 3px;\n}\n#time-display {\n    font-size: 0.8rem !important;\n    font-family: monospace !important;\n    min-width: 90px;\n    color: #e0e1dd !important;\n    text-align: right;\n}\n.binaural-playlist {\n    background: #f8f9fa !important;\n    padding: 12px;\n}\n.playlist-item {\n    display: flex;\n    align-items: center;\n    padding: 14px 18px;\n    margin-bottom: 8px;\n    background: #ffffff !important;\n    border: 1px solid #e9ecef !important;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n}\n.playlist-item:hover {\n    background: #f1f3f5 !important;\n    border-color: #dee2e6 !important;\n}\n.playlist-item.active-track {\n    background: #edf2f4 !important;\n    border-color: #457b9d !important;\n}\n.playlist-item .track-title {\n    color: #2b3a4a !important; \/* For\u00e7a a cor escura nas faixas normais *\/\n    font-size: 0.92rem !important;\n    font-weight: 500 !important;\n}\n.playlist-item.active-track .track-title {\n    color: #1d3557 !important; \/* Destaca a m\u00fasica ativa *\/\n    font-weight: 700 !important;\n}\n.track-status-icon {\n    margin-right: 15px;\n    font-size: 0.95rem !important;\n    color: #adb5bd !important;\n    min-width: 15px;\n}\n.playlist-item.active-track .track-status-icon {\n    color: #1d3557 !important;\n}\n.track-info {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n}\n<\/style>\n\n<script>\n\/\/ Banco de dados programado com seus links reais e estruturados\nconst tracks = [\n    { title: \"PROGRAMA 1 \u2013 ALPHA 7,8 HZ\", url: \"https:\/\/margareteaquila.com.br\/binaural\/wp-content\/uploads\/2023\/10\/programa%201-7v8hz.mp3\" },\n    { title: \"PROGRAMA 2 \u2013 THETA 5 HZ\", url: \"https:\/\/margareteaquila.com.br\/binaural\/wp-content\/uploads\/2023\/10\/programa2-5hz.mp3\" },\n    { title: \"PROGRAMA 3 \u2013 ALPHA 9,55 HZ\", url: \"https:\/\/margareteaquila.com.br\/binaural\/wp-content\/uploads\/2023\/10\/programa3-9v55hz.mp3\" },\n    { title: \"PROGRAMA 4 \u2013 BETA 15 HZ\", url: \"https:\/\/margareteaquila.com.br\/binaural\/wp-content\/uploads\/2023\/10\/programa4-15hz.mp3\" },\n    { title: \"PROGRAMA 5 \u2013 DELTA 1,9 HZ\", url: \"https:\/\/margareteaquila.com.br\/binaural\/wp-content\/uploads\/2023\/10\/programa5-1v9hz.mp3\" },\n    { title: \"PROGRAMA 6 \u2013 BETA BAIXA 12 HZ\", url: \"https:\/\/margareteaquila.com.br\/binaural\/wp-content\/uploads\/2023\/10\/programa6-12hz.mp3\" }\n];\n\nconst audio = document.getElementById('binaural-audio-element');\nconst playPauseBtn = document.getElementById('play-pause-btn');\nconst playIcon = document.getElementById('play-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.querySelector('.progress-container');\nconst timeDisplay = document.getElementById('time-display');\nconst currentTitle = document.getElementById('current-track-title');\n\nlet currentTrackIndex = null;\n\nfunction loadTrack(index) {\n    if (index === currentTrackIndex) {\n        togglePlay();\n        return;\n    }\n    \n    \/\/ Limpa estado da faixa tocando anteriormente\n    if (currentTrackIndex !== null) {\n        const prevElement = document.getElementById(`track-${currentTrackIndex}`);\n        if(prevElement) {\n            prevElement.classList.remove('active-track');\n            prevElement.querySelector('.track-status-icon').innerText = \"\u25b6\";\n        }\n    }\n    \n    currentTrackIndex = index;\n    const track = tracks[index];\n    \n    \/\/ Ativa nova faixa na lista visual\n    const activeElement = document.getElementById(`track-${index}`);\n    if(activeElement) {\n        activeElement.classList.add('active-track');\n        activeElement.querySelector('.track-status-icon').innerText = \"\u23f8\";\n    }\n    currentTitle.innerText = track.title;\n    \n    audio.src = track.url;\n    audio.play().catch(err => console.log(\"O navegador aguarda intera\u00e7\u00e3o para iniciar \u00e1udio.\", err));\n    playIcon.setAttribute('d', 'M6 19h4V5H6v14zm8-14v14h4V5h-4z'); \/\/ \u00cdcone de Pause\n}\n\nfunction togglePlay() {\n    if (currentTrackIndex === null) {\n        loadTrack(0);\n        return;\n    }\n    \n    const statusIcon = document.querySelector(`#track-${currentTrackIndex} .track-status-icon`);\n    \n    if (audio.paused) {\n        audio.play();\n        playIcon.setAttribute('d', 'M6 19h4V5H6v14zm8-14v14h4V5h-4z');\n        if(statusIcon) statusIcon.innerText = \"\u23f8\";\n    } else {\n        audio.pause();\n        playIcon.setAttribute('d', 'M8 5v14l11-7z'); \/\/ \u00cdcone de Play\n        if(statusIcon) statusIcon.innerText = \"\u25b6\";\n    }\n}\n\naudio.addEventListener('timeupdate', () => {\n    const percent = (audio.currentTime \/ audio.duration) * 100;\n    progressBar.style.width = `${percent}%`;\n    timeDisplay.innerText = `${formatTime(audio.currentTime)} \/ ${formatTime(audio.duration || 0)}`;\n});\n\naudio.addEventListener('ended', () => {\n    if (currentTrackIndex < tracks.length - 1) {\n        loadTrack(currentTrackIndex + 1); \/\/ Passa para o pr\u00f3ximo sozinho\n    } else {\n        playIcon.setAttribute('d', 'M8 5v14l11-7z');\n        const statusIcon = document.querySelector(`#track-${currentTrackIndex} .track-status-icon`);\n        if(statusIcon) statusIcon.innerText = \"\u25b6\";\n    }\n});\n\nfunction formatTime(seconds) {\n    const min = Math.floor(seconds \/ 60);\n    const sec = Math.floor(seconds % 60);\n    return `${min.toString().padStart(2, '0')}:${sec.toString().padStart(2, '0')}`;\n}\n\nfunction setTrackProgress(e) {\n    const width = progressContainer.clientWidth;\n    const clickX = e.offsetX;\n    const duration = audio.duration;\n    if (duration) {\n        audio.currentTime = (clickX \/ width) * duration;\n    }\n}\n<\/script>\t\t\t\t<\/div>\n\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>Selecione uma faixa para iniciar Margarete \u00c1quila \u2014 Frequ\u00eancias Binaurais 00:00 \/ 00:00 \u25b6 PROGRAMA 1 \u2013 ALPHA 7,8 HZ \u25b6 PROGRAMA 2 \u2013 THETA 5 HZ \u25b6 PROGRAMA 3 \u2013 ALPHA 9,55 HZ \u25b6 PROGRAMA 4 \u2013 BETA 15 HZ \u25b6 PROGRAMA 5 \u2013 DELTA 1,9 HZ \u25b6 PROGRAMA 6 \u2013 BETA BAIXA 12 [&hellip;]<\/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-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/margareteaquila.com.br\/binaural\/wp-json\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/margareteaquila.com.br\/binaural\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/margareteaquila.com.br\/binaural\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/margareteaquila.com.br\/binaural\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/margareteaquila.com.br\/binaural\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":20,"href":"https:\/\/margareteaquila.com.br\/binaural\/wp-json\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":566,"href":"https:\/\/margareteaquila.com.br\/binaural\/wp-json\/wp\/v2\/pages\/79\/revisions\/566"}],"wp:attachment":[{"href":"https:\/\/margareteaquila.com.br\/binaural\/wp-json\/wp\/v2\/media?parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}