{"id":3001,"date":"2025-01-14T18:30:37","date_gmt":"2025-01-14T15:30:37","guid":{"rendered":"https:\/\/mia.iv.bh\/%d8%a7%d9%84%d8%a8%d8%ab-%d8%a7%d9%84%d8%a5%d8%b0%d8%a7%d8%b9%d9%8a-%d8%a7%d9%84%d9%85%d8%a8%d8%a7%d8%b4%d8%b1\/"},"modified":"2026-07-26T11:36:38","modified_gmt":"2026-07-26T08:36:38","slug":"live-radio","status":"publish","type":"page","link":"https:\/\/mia.infovillage.net\/ar\/services\/live-radio\/","title":{"rendered":"\u0627\u0644\u0628\u062b \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0644\u0642\u0646\u0648\u0627\u062a \u0625\u0630\u0627\u0639\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3001\" class=\"elementor elementor-3001 elementor-1520\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afd8431 about-page-section e-flex e-con-boxed e-con e-parent\" data-id=\"afd8431\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-undefined-ea5c514 animated-slow e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"undefined-ea5c514\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-1097ca1 elementor-widget elementor-widget-heading\" data-id=\"undefined-1097ca1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0625\u0630\u0627\u0639\u064a\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-e945f00 elementor-widget elementor-widget-text-editor\" data-id=\"undefined-e945f00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0627\u0633\u062a\u0645\u0639 \u0625\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0625\u0630\u0627\u0639\u064a\u0629 \u0627\u0644\u062d\u064a\u0629\u060c \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u0643\u0644 \u0645\u0646\u0647\u0627 \u0623\u0635\u0648\u0627\u062a\u064b\u0627 \u0648\u0623\u0646\u0648\u0627\u0639\u064b\u0627 \u0645\u0648\u0633\u064a\u0642\u064a\u0629 \u0641\u0631\u064a\u062f\u0629. \u0627\u0643\u062a\u0634\u0641 \u0628\u0631\u0627\u0645\u062c\u0643 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u0623\u0648 \u0627\u0633\u062a\u0643\u0634\u0641 \u0628\u0631\u0627\u0645\u062c \u062c\u062f\u064a\u062f\u0629\u060c \u0648\u0642\u062f \u0635\u064f\u0645\u0645\u062a \u062c\u0645\u064a\u0639\u0647\u0627 \u0644\u062a\u0648\u0641\u0631 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0635\u0648\u062a\u064a\u0629 \u062c\u0630\u0627\u0628\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649 \u0623\u0648 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0623\u0648 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062d\u0648\u0627\u0631\u064a\u0629\u060c \u0641\u0647\u0646\u0627\u0643 \u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u062c\u0645\u064a\u0639 \u0647\u0646\u0627. \u0645\u0627 \u0639\u0644\u064a\u0643 \u0633\u0648\u0649 \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0644\u0628\u062f\u0621 \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47d4df1 animated-slow e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"47d4df1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f20496 elementor-widget elementor-widget-html\" data-id=\"3f20496\" 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<style>\r\n.live-btn-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .live-btn-container {\r\n    flex-direction: column;\r\n    gap: 5px;\r\n  }\r\n}\r\n\r\n.live-btn-container button {\r\n  color: #012E5D;\r\n  border: 1px solid #012E5D;\r\n  background: #fff;\r\n  margin-block-end: 20px;\r\n  cursor: pointer;\r\n  transition: all .3s ease;\r\n}\r\n\r\n.live-btn-container button.active {\r\n  background: #012E5D !important;\r\n  color: #fff !important;\r\n  border-color: #012E5D !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"live-container\">\r\n  <div class=\"live-btn-container\">\r\n    <button onclick=\"switchChannel('radio965')\">\r\n  \u0625\u0630\u0627\u0639\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0646 96.5 (\u0625\u0646\u062c\u0644\u064a\u0632\u064a)\r\n    <\/button>\r\n\r\n    <button onclick=\"switchChannel('radio1023')\">\r\n  \u0631\u0627\u062f\u064a\u0648 \u0627\u0644\u0628\u062d\u0631\u064a\u0646 102.3 (\u0639\u0631\u0628\u064a)\r\n    <\/button>\r\n\r\n    <button onclick=\"switchChannel('radio933')\">\r\n  \u0625\u0630\u0627\u0639\u0629 \u0627\u0644\u0628\u062d\u0631\u064a\u0646 93.3 FM 93.3 (\u0627\u0644\u0639\u0631\u0628\u064a\u0629)\r\n    <\/button>\r\n\r\n    <button onclick=\"switchChannel('radio950')\">\r\n  \u0627\u0644\u0631\u0627\u062f\u064a\u0648 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a 95.0 (\u0639\u0631\u0628\u064a)\r\n    <\/button>\r\n\r\n    <button onclick=\"switchChannel('radio1061')\">\r\n  \u0642\u0631\u0622\u0646 \u0643\u0631\u064a\u0645 106.1 (\u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629)\r\n    <\/button>\r\n\r\n    <button onclick=\"switchChannel('radio1042')\">\r\n  \u0631\u0627\u062f\u064a\u0648 \u0625\u0646\u062f\u064a\u0627\u0646 104.2\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <audio id=\"audio\" controls=\"\" autoplay=\"\" muted=\"\" style=\"margin-top:20px;width:100%;\"><\/audio>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b50428 elementor-widget elementor-widget-html\" data-id=\"3b50428\" 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<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@latest\"><\/script><script>const audio = document.getElementById('audio');\r\nlet hls;\r\n\r\nconst channels = {\r\n  radio965: 'https:\/\/5c7b683162943.streamlock.net:443\/live\/ngrp:radio-96-5_all\/playlist.m3u8',\r\n  radio1023: 'https:\/\/5c7b683162943.streamlock.net:443\/live\/ngrp:radio-102-3_all\/playlist.m3u8',\r\n  radio933: 'https:\/\/5c7b683162943.streamlock.net:443\/live\/ngrp:radio-93-3_all\/playlist.m3u8',\r\n  radio950: 'https:\/\/5c7b683162943.streamlock.net:443\/live\/ngrp:radio-95-0_all\/playlist.m3u8',\r\n  radio1061: 'https:\/\/5c7b683162943.streamlock.net:443\/live\/ngrp:radio-106-1_all\/playlist.m3u8',\r\n  radio1042: 'https:\/\/5c7b683162943.streamlock.net:443\/live\/ngrp:indianradio_all\/playlist.m3u8'\r\n};\r\n\r\nfunction switchChannel(channelKey) {\r\n  const streamUrl = channels[channelKey];\r\n\r\n  \/\/ Update active button\r\n  const buttons = document.querySelectorAll('.live-btn-container button');\r\n  buttons.forEach(btn => btn.classList.remove('active'));\r\n\r\n  const activeBtn = [...buttons].find(btn =>btn.getAttribute('onclick')?.includes(channelKey)\r\n  );\r\n\r\n  if (activeBtn) {\r\n    activeBtn.classList.add('active');\r\n  }\r\n\r\n  \/\/ Destroy previous HLS instance\r\n  if (hls) {\r\n    hls.destroy();\r\n  }\r\n\r\n  if (Hls.isSupported()) {\r\n    hls = new Hls();\r\n    hls.loadSource(streamUrl);\r\n    hls.attachMedia(audio);\r\n\r\n    hls.on(Hls.Events.MANIFEST_PARSED, () => {\r\n      audio.play().catch(err => console.log(err));\r\n    });\r\n\r\n  } else if (audio.canPlayType('application\/vnd.apple.mpegurl')) {\r\n    audio.src = streamUrl;\r\n\r\n    audio.addEventListener('loadedmetadata', () => {\r\n      audio.play().catch(err => console.log(err));\r\n    }, { once: true });\r\n\r\n  } else {\r\n    alert(\"Your browser does not support HLS.\");\r\n  }\r\n}\r\n\r\n\/\/ Load default station\r\nwindow.addEventListener('load', () => {\r\n  setTimeout(() => {\r\n    switchChannel('radio965');\r\n  }, 300);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\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>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0625\u0630\u0627\u0639\u064a\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 \u0627\u0633\u062a\u0645\u0639 \u0625\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0625\u0630\u0627\u0639\u064a\u0629 \u0627\u0644\u062d\u064a\u0629\u060c \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u0643\u0644 \u0645\u0646\u0647\u0627 \u0623\u0635\u0648\u0627\u062a\u064b\u0627 \u0648\u0623\u0646\u0648\u0627\u0639\u064b\u0627 \u0645\u0648\u0633\u064a\u0642\u064a\u0629 \u0641\u0631\u064a\u062f\u0629. \u0627\u0643\u062a\u0634\u0641 \u0628\u0631\u0627\u0645\u062c\u0643 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u0623\u0648 \u0627\u0633\u062a\u0643\u0634\u0641 \u0628\u0631\u0627\u0645\u062c \u062c\u062f\u064a\u062f\u0629\u060c \u0648\u0642\u062f \u0635\u064f\u0645\u0645\u062a \u062c\u0645\u064a\u0639\u0647\u0627 \u0644\u062a\u0648\u0641\u0631 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0635\u0648\u062a\u064a\u0629 \u062c\u0630\u0627\u0628\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649 \u0623\u0648 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0623\u0648 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062d\u0648\u0627\u0631\u064a\u0629\u060c \u0641\u0647\u0646\u0627\u0643 \u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u062c\u0645\u064a\u0639 \u0647\u0646\u0627. \u0645\u0627 \u0639\u0644\u064a\u0643 \u0633\u0648\u0649 \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3924,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3001","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/pages\/3001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/comments?post=3001"}],"version-history":[{"count":5,"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/pages\/3001\/revisions"}],"predecessor-version":[{"id":11286,"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/pages\/3001\/revisions\/11286"}],"up":[{"embeddable":true,"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/pages\/3924"}],"wp:attachment":[{"href":"https:\/\/mia.infovillage.net\/ar\/wp-json\/wp\/v2\/media?parent=3001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}