{"id":23,"date":"2022-05-30T02:16:48","date_gmt":"2022-05-30T02:16:48","guid":{"rendered":"https:\/\/radio.zou.ac.zw\/?page_id=23"},"modified":"2026-07-23T06:46:04","modified_gmt":"2026-07-23T06:46:04","slug":"home-1","status":"publish","type":"page","link":"https:\/\/radio.zou.ac.zw\/","title":{"rendered":"Home 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23\" class=\"elementor elementor-23\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4d4d874 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4d4d874\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27118d3\" data-id=\"27118d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-82d322c animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"82d322c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ova-move-right&quot;,&quot;_animation_tablet&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Listen<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28acfa8 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"28acfa8\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ova-move-up&quot;,&quot;_animation_tablet&quot;:&quot;none&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">To Us Daily<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f7b608 elementor-widget elementor-widget-html\" data-id=\"7f7b608\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div style=\"display:flex; justify-content:center; align-items:center; padding:20px; font-family:'Segoe UI', Arial, sans-serif;\">\r\n  <div style=\"background:rgba(30,30,30,0.92); border-radius:18px; padding:40px 50px; max-width:480px; width:100%; text-align:center; box-shadow:0 8px 40px rgba(0,0,0,0.5);\">\r\n\r\n    <div style=\"font-size:24px; font-weight:700; color:#ffffff; margin-bottom:8px;\">\r\n      \ud83c\udf99\ufe0f ZOU FM Campus Radio\r\n    <\/div>\r\n\r\n    <div style=\"font-size:13px; color:#aaaaaa; margin-bottom:10px;\">\r\n      105.2 FM Harare &nbsp;|&nbsp; 88.8 FM Bulawayo &nbsp;|&nbsp; 101.3 FM Gweru\r\n    <\/div>\r\n\r\n    <div style=\"font-size:13px; color:#cccccc; font-style:italic; margin-bottom:28px;\">\r\n      \"Amplifying knowledge, Realising dreams!\"\r\n    <\/div>\r\n\r\n    <!-- Using onclick directly on window function \u2014 bypasses all Elementor\/jQuery scope issues -->\r\n    <button\r\n      onclick=\"zouTogglePlay()\"\r\n      id=\"zou-play-btn\"\r\n      style=\"\r\n        background: linear-gradient(135deg, #e8354a, #c0392b);\r\n        color: #ffffff;\r\n        border: none;\r\n        border-radius: 50px;\r\n        padding: 16px 48px;\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        box-shadow: 0 4px 18px rgba(200,50,60,0.45);\r\n        margin-bottom: 26px;\r\n        width: 100%;\r\n        justify-content: center;\r\n      \"\r\n    >\r\n      <span id=\"zou-btn-icon\">\u25b6<\/span>\r\n      <span id=\"zou-btn-text\">Click to Play<\/span>\r\n    <\/button>\r\n\r\n    <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:20px;\">\r\n      <span style=\"font-size:18px;\">\ud83d\udd0a<\/span>\r\n      <input\r\n        id=\"zou-volume-slider\"\r\n        type=\"range\"\r\n        min=\"0\" max=\"100\" value=\"80\"\r\n        oninput=\"zouSetVolume(this.value)\"\r\n        style=\"\r\n          flex:1;\r\n          -webkit-appearance:none;\r\n          appearance:none;\r\n          height:5px;\r\n          border-radius:5px;\r\n          background: linear-gradient(to right, #e8354a 80%, #555 80%);\r\n          outline:none;\r\n          cursor:pointer;\r\n        \"\r\n      >\r\n      <span id=\"zou-volume-label\" style=\"color:#ffffff; font-size:13px; min-width:36px;\">80%<\/span>\r\n    <\/div>\r\n\r\n    <div style=\"\r\n      background:rgba(0,0,0,0.35);\r\n      border-radius:30px;\r\n      padding:10px 18px;\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      font-size:13px;\r\n      color:#dddddd;\r\n    \">\r\n      <span id=\"zou-status-dot\" style=\"width:9px;height:9px;border-radius:50%;background:#888888;display:inline-block;flex-shrink:0;\"><\/span>\r\n      <span id=\"zou-status-text\">Ready \u2014 click to start streaming<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  #zou-volume-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 50%;\r\n    background: #e8354a;\r\n    cursor: pointer;\r\n    box-shadow: 0 0 4px rgba(0,0,0,0.4);\r\n  }\r\n  #zou-volume-slider::-moz-range-thumb {\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 50%;\r\n    background: #e8354a;\r\n    cursor: pointer;\r\n    border: none;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Attach everything to window so it's globally accessible\r\n\/\/ regardless of jQuery conflicts or Elementor scoping\r\nwindow.zouRadioPlaying = false;\r\nwindow.zouRadioAudio = null;\r\n\r\nwindow.zouTogglePlay = function() {\r\n  var STREAM = 'https:\/\/listen.radioking.com\/radio\/907396\/stream\/978161';\r\n\r\n  var btn  = document.getElementById('zou-play-btn');\r\n  var icon = document.getElementById('zou-btn-icon');\r\n  var text = document.getElementById('zou-btn-text');\r\n  var dot  = document.getElementById('zou-status-dot');\r\n  var stat = document.getElementById('zou-status-text');\r\n\r\n  if (!window.zouRadioPlaying) {\r\n\r\n    \/\/ Always create a brand new Audio object on each play press\r\n    if (window.zouRadioAudio) {\r\n      window.zouRadioAudio.pause();\r\n      window.zouRadioAudio = null;\r\n    }\r\n\r\n    var audio = new Audio(STREAM);\r\n    audio.volume = (document.getElementById('zou-volume-slider').value || 80) \/ 100;\r\n    window.zouRadioAudio = audio;\r\n\r\n    \/\/ Update UI to \"connecting\"\r\n    if (dot)  { dot.style.background = '#f39c12'; dot.style.boxShadow = '0 0 6px #f39c12'; }\r\n    if (stat) stat.textContent = '\u23f3 Connecting...';\r\n\r\n    var promise = audio.play();\r\n\r\n    if (promise !== undefined) {\r\n      promise.then(function() {\r\n        window.zouRadioPlaying = true;\r\n        if (btn)  { btn.style.background = 'linear-gradient(135deg,#333,#555)'; btn.style.boxShadow = 'none'; }\r\n        if (icon) icon.textContent = '\u23f9';\r\n        if (text) text.textContent = 'Stop';\r\n        if (dot)  { dot.style.background = '#2ecc71'; dot.style.boxShadow = '0 0 6px #2ecc71'; }\r\n        if (stat) stat.textContent = '\ud83d\udfe2 Live \u2014 ZOU FM Campus Radio';\r\n      }).catch(function(e) {\r\n        console.warn('ZOU play error:', e.name, e.message);\r\n        if (dot)  { dot.style.background = '#e8354a'; dot.style.boxShadow = '0 0 6px #e8354a'; }\r\n        if (stat) stat.textContent = '\u274c Error: ' + e.message;\r\n      });\r\n    } else {\r\n      \/\/ No promise (old browser) \u2014 assume it worked\r\n      window.zouRadioPlaying = true;\r\n      if (btn)  { btn.style.background = 'linear-gradient(135deg,#333,#555)'; btn.style.boxShadow = 'none'; }\r\n      if (icon) icon.textContent = '\u23f9';\r\n      if (text) text.textContent = 'Stop';\r\n      if (dot)  { dot.style.background = '#2ecc71'; dot.style.boxShadow = '0 0 6px #2ecc71'; }\r\n      if (stat) stat.textContent = '\ud83d\udfe2 Live \u2014 ZOU FM Campus Radio';\r\n    }\r\n\r\n  } else {\r\n    \/\/ STOP\r\n    if (window.zouRadioAudio) {\r\n      window.zouRadioAudio.pause();\r\n      window.zouRadioAudio.src = '';\r\n      window.zouRadioAudio = null;\r\n    }\r\n    window.zouRadioPlaying = false;\r\n    if (btn)  { btn.style.background = 'linear-gradient(135deg,#e8354a,#c0392b)'; btn.style.boxShadow = '0 4px 18px rgba(200,50,60,0.45)'; }\r\n    if (icon) icon.textContent = '\u25b6';\r\n    if (text) text.textContent = 'Click to Play';\r\n    if (dot)  { dot.style.background = '#888888'; dot.style.boxShadow = 'none'; }\r\n    if (stat) stat.textContent = 'Ready \u2014 click to start streaming';\r\n  }\r\n};\r\n\r\nwindow.zouSetVolume = function(val) {\r\n  if (window.zouRadioAudio) {\r\n    window.zouRadioAudio.volume = val \/ 100;\r\n  }\r\n  var label  = document.getElementById('zou-volume-label');\r\n  var slider = document.getElementById('zou-volume-slider');\r\n  if (label)  label.textContent = val + '%';\r\n  if (slider) slider.style.background = 'linear-gradient(to right, #e8354a ' + val + '%, #555 ' + val + '%)';\r\n};\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Listen To Us Daily \ud83c\udf99\ufe0f ZOU FM Campus Radio 105.2 FM Harare &nbsp;|&nbsp; 88.8 FM Bulawayo &nbsp;|&nbsp; 101.3 FM Gweru &#8220;Amplifying knowledge, Realising dreams!&#8221; \u25b6 Click to Play \ud83d\udd0a 80% Ready \u2014 click to start streaming<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radio.zou.ac.zw\/index.php?rest_route=\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radio.zou.ac.zw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radio.zou.ac.zw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radio.zou.ac.zw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radio.zou.ac.zw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23"}],"version-history":[{"count":139,"href":"https:\/\/radio.zou.ac.zw\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":5395,"href":"https:\/\/radio.zou.ac.zw\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions\/5395"}],"wp:attachment":[{"href":"https:\/\/radio.zou.ac.zw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}