Audio Streaming - Voice of Indonesia

<!doctype html> <html lang="en">  <head>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="keywords" content="boot, Bootstrap, Podover - Podcast HTML Template">  <meta name="description" content="Podover - Podcast HTML Template">  <title>Audio Streaming - Voice of Indonesia</title>  <link rel="shortcut icon" href="/home/img/logo/favicon.png" type="image/x-icon">  <link rel="stylesheet" href="/home/css/bootstrap.min.css">  <link rel="stylesheet" href="/home/css/all.min.css">  <link rel="stylesheet" href="/home/css/magnific-popup.css">  <link rel="stylesheet" href="/home/css/nice-select.css">  <link rel="stylesheet" href="/home/css/swiper.min.css">  <link rel="stylesheet" href="/home/css/aos.css">  <link rel="stylesheet" href="/home/css/main.css">  <script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script> </head> <body class="position-relative bg2-clr">  <header class="header-section header-onestyle header-threestyle cmn-breadcrumnd-header cmn-fixed py-lg-0 py-6"> <div class="sub-header-wrap heading2-bg py-3 d-lg-block d-none"> <div class="container"> <div class="sub-header d-flex align-items-center justify-content-between gap-4"> <div class="sub-header-envelop"> <div class="d-flex align-items-center gap-xxl-7 gap-xl-5 gap-4"> <a href="mailto:voi@voinews.id" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-envelope theme-clr fs18"></i> <span class="pra-clr2 d-block fs14"> voi@voinews.id </span> </a> <a href="mailto:voilistener@gmail.com" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-envelope theme-clr fs18"></i> <span class="pra-clr2 d-block fs14"> voilisteners@gmail.com </span> </a> <a href="https://maps.app.goo.gl/ky1KNE7wZx6LZaEc8" target="blank" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-map-pin theme-clr fs18"></i> <span class="pra-clr2 d-block fs14"> 4-5, Medan Merdeka Barat, Jakarta </span> </a> </div> </div> <div class="sub-header-right d-flex align-items-center gap-xxl-9 gap-xl-7 gap-lg-5 gap-4"> <ul class="tag-social d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2"> <li> <a href="https://x.com/voiindonesia" target="blank" class="d-center"> <i class="ph-fill ph-twitter-logo white-clr fs20"></i> </a> </li> <li> <a href="https://web.facebook.com/voiindonesia" target="blank" class="d-center"> <i class="ph-fill ph-facebook-logo white-clr fs20"></i> </a> </li> <li> <a href="https://www.youtube.com/@VoI_Official" target="blank" class="d-center"> <i class="ph-fill ph-youtube-logo white-clr fs20"></i> </a> </li> <li> <a href="https://www.instagram.com/voi__official" target="blank" class="d-center"> <i class="ph-fill ph-instagram-logo white-clr fs20"></i> </a> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="main-navbar"> <nav class="navbar-custom"> <div class="d-lg-flex flex-xl-nowrap flex-wrap align-items-center justify-content-lg-between"> <div class="d-flex align-items-center justify-content-between"> <a href="/" class="brand-logo"> <img class="w-100" src="/img/logo-voi.png" alt="logo"> </a> <div class="d-flex align-items-center gap-xxl-5 gap-5"> <div class="d-lg-none d-block"> <a href="#0" class="search-trigger search-icon d-center radius100"> <i class="fal fa-search"></i> </a> </div> <button class="navbar-toggle-btn d-block d-lg-none" type="button"> <span></span> <span></span> <span></span> <span></span> </button> </div> </div> <div class="navbar-toggle-item"> <ul class="custom-nav d-lg-flex d-grid gap-xxl-12 gap-xl-8 gap-lg-5 gap-md-2 gap-2 pt-lg-0 pt-5"> <li class="menu-item position-relative"> <a href="/" class="fw_500"> Home </a> </li> <li class="menu-item position-relative"> <button class="position-relative fw_500 white-clr cus-z1"> About </button> <ul class="sub-menu px-lg-4 py-xxl-3 py-2"> <li class="menu-link py-1"> <a href="/about" class="fw_500 white-clr">About Us</a> </li> <li class="menu-link py-1"> <a href="/program" class="fw_500 white-clr">Programs</a> </li> <li class="menu-link py-1"> <a href="/team" class="fw_500 white-clr">Team</a> </li> <li class="menu-link py-1"> <a href="/schedule" class="fw_500 white-clr">Schedule</a> </li> </ul> </li> <li class="menu-item position-relative pe-lg-5"> <button class="position-relative fw_500 white-clr cus-z1"> Language </button> <ul class="sub-menu px-lg-4 py-xxl-3 py-2"> <li class="menu-link py-1"> <a href="/english" class="fw_500 white-clr">English</a> </li> <li class="menu-link py-1"> <a href="/indonesian" class="fw_500 white-clr">Indonesian</a> </li> <li class="menu-link py-1"> <a href="/mandarin" class="fw_500 white-clr">Mandarin</a> </li> <li class="menu-link py-1"> <a href="/japanese" class="fw_500 white-clr">Japanese</a> </li> <li class="menu-link py-1"> <a href="/arabic" class="fw_500 white-clr">Arabic</a> </li> <li class="menu-link py-1"> <a href="/spanish" class="fw_500 white-clr">Spanish</a> </li> <li class="menu-link py-1"> <a href="/french" class="fw_500 white-clr">French</a> </li> <li class="menu-link py-1"> <a href="/dutch" class="fw_500 white-clr">Dutch</a> </li> <li class="menu-link py-1"> <a href="/german" class="fw_500 white-clr">German</a> </li> </ul> </li> <li class="menu-item position-relative pe-lg-5"> <button class="position-relative fw_500 white-clr cus-z1"> Portal </button> <ul class="sub-menu px-lg-4 py-xxl-3 py-2"> <li class="menu-link py-1"> <a href="/audiostream" class="fw_500 white-clr">VOI Audio Streaming</a> </li> <li class="menu-link py-1"> <a href="/videostream" class="fw_500 white-clr">VOI Video Streaming</a> </li> <li class="menu-link py-1"> <a href="https://rri.co.id/voi" target="blank" class="fw_500 white-clr">RRI News Portal</a> </li> <li class="menu-link py-1"> <a href="https://digital.rri.co.id/sharing/radio/010536" target="blank" class="fw_500 white-clr">RRI Digital</a> </li> </ul> </li> <li class="menu-item position-relative"> <a href="/contact" class="fw_500"> Contact Us </a> </li> </ul> </div> <div class="d-lg-flex d-none d-grid justify-content-center ph-clickwrap align-items-center gap-xxl-3 gap-xl-2 gap-1"> <div class="search-shopcart d-flex gap-xxl-9 gap-xl-5 gap-3"> <a href="#0" class="search-trigger search-icon d-center radius100"> <i class="fal fa-search"></i> </a> </div> <a target="_blank" href="https://www.rri.co.id/voi" class="d-flex align-items-center text-uppercase fw-500 py-2 pe-2 ps-xxl-7 ps-3 theme-bg gap-sm-4 gap-2 touch-btn"> READ VOI NEWS <span class="icon d-center whitebg"> <i class="ph-fill ph-newspaper theme-clr"></i> </span> </a> </div> </div> </nav> </div> </div> </header>   <div class="search-wrap"> <div class="search-inner"> <i class="fas fa-times search-close" id="search-close"></i> <div class="search-cell"> <form action="/search" method="GET" id="form"> <div class="search-field-holder"> <input type="search" name="word" class="main-search-input" placeholder="Search..." value=""> </div> <button type="submit"> <span><i class="icon-search"></i></span> </button> </form> </div> </div> </div>    <section class="hero-section-version2 zindex1 position-relative" style="background-image: url(/img/breadcumb/audiostream.jpg);"> <div class="container"> <div class="hero-v2-content"> <span class="listing-text" data-aos="zoom-in-left" data-aos-duration="1400"> <img src="home/img/element/reey-text2.png" alt="img"> </span> <h1 class="hero-title white-clr mb-xxl-5 mb-4" data-aos="zoom-in-right" data-aos-duration="1700"> Listen to our latest episode! </h1> <p class="fs20 fw-400 mb-xxl-12 mb-xl-10 mb-lg-8 mb-md-6 mb-4" data-aos="zoom-in-up" data-aos-duration="1800" style="color: #279fbf"> Available on RRI Digital </p> <div class="d-flex flex-sm-nowrap flex-wrap align-items-center gap-xxl-4 gap-3"> <div class="fs20 fw-700 theme-clr" data-aos="zoom-in-left" data-aos-duration="1000"> Access on: </div> <div class="hero-tag flex-sm-nowrap flex-wrap"> <a href="https://play.rri.co.id" target="blank" style="background: #279fbf" class="hero-tag-item d-flex align-items-center gap-2 py-xxl-3 py-2 px-xxl-8 px-xl-6 px-5" data-aos="zoom-in-right" data-aos-duration="1700"> <i class="ph-fill ph-globe-hemisphere-west fs20"></i> <span class="fs12 fw-700 body-font white-clr text-uppercase"> Web </span> </a> <a href="https://play.google.com/store/apps/details?id=com.desert.strom.mobile.app.rriplaygo&hl=id" target="blank" style="background: #279fbf" class="hero-tag-item d-flex align-items-center gap-2 py-xxl-3 py-2 px-xxl-8 px-xl-6 px-5" data-aos="zoom-in-right" data-aos-duration="2100"> <i class="ph-fill ph-google-play-logo fs20"></i> <span class="fs12 fw-700 body-font white-clr text-uppercase"> Android </span> </a> <a href="https://apps.apple.com/id/app/rri-digital/id6443905767" target="blank" style="background: #279fbf" class="hero-tag-item d-flex align-items-center gap-2 py-xxl-3 py-2 px-xxl-8 px-xl-6 px-5" data-aos="zoom-in-right" data-aos-duration="2400"> <i class="ph-fill ph-apple-logo fs20"></i> <span class="fs12 fw-700 body-font white-clr text-uppercase"> IOS </span> </a> </div> </div> </div> </div> </section>   <div class="audio-onetime-player02 theme-bg overflow-visible py-xxl-8 py-xl-6 py-5"> <div class="container"> <div class="cmn-playerwrap"> <audio id="myAudio" ontimeupdate="onTimeUpdate()"> <source id="source-audio" src="https://stream-node0.rri.co.id/streaming/25/9125/voi.mp3" type="audio/mpeg"> </audio> <div class="d-md-flex d-grid justify-content-md-start justify-content-center align-items-center gap-xxl-10 gap-xl-7 gap-lg-4 gap-4"> <div class="bn-musicthumb m-md-0 m-auto"> <img src="/image/052820-20241210.jpg" alt="img" width="160px" height="160px"> </div> <div class="player-ctn"> <div class="d-flex align-items-center justify-content-between gap-3"> <div class="title-audio-adjust d-md-flex d-grid align-items-center justify-content-md-start justify-content-center gap-xxl-8 gap-xl-4 gap-3 pe-xxl-8 pe-xl-6 pe-lg-5 pe-4"> <div class="d-flex justify-content-md-start justify-content-center align-items-center gap-xxl-4 gap-xl-3 gap-2 pe-xxl-5 pe-3"> <div class="btn-action rewindforword" onclick="rewind()"> <div id="btn-faws-rewind"> <i class='fas fa-backward'></i> </div> </div> <div class="btn-action heading-bg theme-circle-audio" id="clickButton" onclick="toggleAudio()"> <div id="btn-faws-play-pause"> <i class='fas fa-play' id="icon-play"></i> <i class='fas fa-pause' id="icon-pause" style="display: none"></i> </div> </div> <div class="btn-play rewindforword" onclick="forward()"> <div id="btn-faws-forward"> <i class='fas fa-forward'></i> </div> </div> </div> <div class="audio-cmn-title text-md-start text-center"> <a href="listing2.html" class="white-clr d-block fs20 fw-700 body-font hoverblack"> Voice of Indonesia </a> <span class="episode-sri d-flex align-items-center gap-2 position-relative" > 06:00 - 18:00 UTC+7 <span class="vdot"></span> <span class=""> Indonesia Today (English) </span> </span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <a href="/about#schedule" class="view-all white-clr d-md-flex d-none align-items-center gap-2 text-uppercase"> View Schedule <i class="ph-bold ph-arrow-right white-clr"></i> </a> </div> <div class="btn-ctn right-adjustment"> <div class="btn-action first-btn d-none" onclick="previous()"> <div id="btn-faws-back"> <i class='fas fa-step-backward'></i> </div> </div> <div class="btn-action d-none" onclick="next()"> <div id="btn-faws-next"> <i class='fas fa-step-forward'></i> </div> </div> <div class="infos-ctn ps-2 d-md-flex d-none"> <div class="timer me-2 text-white fs14">00:00</div> <div class="title d-none"></div> <div id="myProgress"> <div id="myBar"></div> </div> <div class="duration ms-2 text-white fs14">00:00</div> </div> <div class="btn-mute d-md-block d-none ps-xxl-8 ps-xl-4 ps-3" id="toggleMute" onclick="toggleMute()"> <div id="btn-faws-volume"> <i id="icon-vol-up" class="fas fa-volume-up"></i> <i id="icon-vol-mute" class="fas fa-volume-mute" style="display: none"></i> </div> </div> </div> <div class="playlist-ctn d-none"></div> </div> </div> </div> </div> </div>    <footer class="footer-version-one heading-bg zindex1 position-relative"> <div class="container"> <div class="footer-topversion-one pt-20 pb-20"> <div class="row gy-lg-0 gy-10 mt-xxl-5 mb-xxl-5 justify-content-sm-between justify-content-center"> <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="footer-widget"> <p class="white-clr fs20 body-font mb-xxl-7 mb-6" data-aos="zoom-in" data-aos-duration="1600"> Voice of Indonesia, RRI International Radio Broadcasting. From Indonesia to the World. </p> <ul class="common-social d-flex align-items-center gap-2"> <li data-aos="zoom-in-right" data-aos-duration="1400"> <a href="https://web.facebook.com/voiindonesia" target="blank" class="d-center socialbg border-0 radius100"> <svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.8" clip-path="url(#clip0_6308_2810)"> <path d="M8.72266 9L9.16703 6.10437H6.38859V4.22531C6.38859 3.43313 6.77672 2.66094 8.02109 2.66094H9.28422V0.195625C9.28422 0.195625 8.13797 0 7.04203 0C4.75391 0 3.25828 1.38688 3.25828 3.8975V6.10437H0.714844V9H3.25828V16H6.38859V9H8.72266Z" fill="white" /> </g> <defs> <clipPath id="clip0_6308_2810"> <rect width="10" height="16" fill="white" /> </clipPath> </defs> </svg> </a> </li> <li data-aos="zoom-in-right" data-aos-duration="1600"> <a href="https://x.com/voiindonesia" target="blank" class="d-center socialbg border-0 radius100"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.3553 4.74149C14.3655 4.88362 14.3655 5.02577 14.3655 5.1679C14.3655 9.5029 11.066 14.4978 5.03553 14.4978C3.17766 14.4978 1.45178 13.9597 0 13.0258C0.263969 13.0562 0.51775 13.0664 0.791875 13.0664C2.32484 13.0664 3.73603 12.5486 4.86294 11.6654C3.42131 11.6349 2.21319 10.6907 1.79694 9.39124C2 9.42168 2.20303 9.44199 2.41625 9.44199C2.71066 9.44199 3.00509 9.40137 3.27919 9.33034C1.77666 9.02574 0.649719 7.70596 0.649719 6.11205V6.07146C1.08625 6.31512 1.59391 6.4674 2.13194 6.48768C1.24869 5.89884 0.670031 4.89377 0.670031 3.75671C0.670031 3.14759 0.832437 2.58921 1.11672 2.1019C2.73094 4.09174 5.15734 5.39121 7.87812 5.53337C7.82737 5.28971 7.79691 5.03593 7.79691 4.78212C7.79691 2.97499 9.25884 1.50293 11.0761 1.50293C12.0202 1.50293 12.873 1.89887 13.472 2.53846C14.2131 2.39634 14.9238 2.12221 15.5532 1.74659C15.3096 2.50802 14.7918 3.14762 14.1116 3.55368C14.7715 3.48265 15.4111 3.29987 15.9999 3.04609C15.5533 3.6958 14.9949 4.27446 14.3553 4.74149V4.74149Z" fill="white" /> </svg> </a> </li> <li data-aos="zoom-in-right" data-aos-duration="1800"> <a href="https://www.instagram.com/voi__official" target="blank" class="d-center socialbg border-0 radius100"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffffff" viewBox="0 0 256 256"><path d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160ZM176,24H80A56.06,56.06,0,0,0,24,80v96a56.06,56.06,0,0,0,56,56h96a56.06,56.06,0,0,0,56-56V80A56.06,56.06,0,0,0,176,24Zm40,152a40,40,0,0,1-40,40H80a40,40,0,0,1-40-40V80A40,40,0,0,1,80,40h96a40,40,0,0,1,40,40ZM192,76a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z"></path></svg> </a> </li> <li data-aos="zoom-in-right" data-aos-duration="1900"> <a href="https://www.youtube.com/@VoI_Official" target="blank" class="d-center socialbg border-0 radius100"> <svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.1769 1.87759C16.9806 1.13853 16.4023 0.556469 15.668 0.358938C14.337 0 9.00014 0 9.00014 0C9.00014 0 3.66327 0 2.3323 0.358938C1.59802 0.5565 1.0197 1.13853 0.823422 1.87759C0.466797 3.21719 0.466797 6.01213 0.466797 6.01213C0.466797 6.01213 0.466797 8.80706 0.823422 10.1467C1.0197 10.8857 1.59802 11.4435 2.3323 11.6411C3.66327 12 9.00014 12 9.00014 12C9.00014 12 14.337 12 15.668 11.6411C16.4023 11.4435 16.9806 10.8857 17.1769 10.1467C17.5335 8.80706 17.5335 6.01213 17.5335 6.01213C17.5335 6.01213 17.5335 3.21719 17.1769 1.87759V1.87759ZM7.25467 8.54972V3.47453L11.7153 6.01219L7.25467 8.54972V8.54972Z" fill="white" /> </svg> </a> </li> </ul> </div> </div> <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-sm-6"> <div class="footer-widget"> <div class="footer-title d-flex align-items-center fs20 fw-700 body-font gap-2 mb-xxl-8 mb-xl-6 mb-5" data-aos="zoom-in-down" data-aos-duration="1900"> Explore <img src="/home/img/element/line.png" alt="img"> </div> <ul class="link-footer d-grid gap-xxl-3 gap-3" data-aos="zoom-in" data-aos-duration="1400"> <li> <a href="/about" class="d-flex align-items-center gap-2 flink-items pra-clr"> About </a> </li> <li> <a href="/program" class="d-flex align-items-center gap-2 flink-items pra-clr"> Programs </a> </li> <li> <a href="/team" class="d-flex align-items-center gap-2 flink-items pra-clr"> Teams </a> </li> <li> <a href="/contact" class="d-flex align-items-center gap-2 flink-items pra-clr"> Contact </a> </li> </ul> </div> </div> <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="footer-widget"> <div class="footer-title d-flex align-items-center fs20 fw-700 body-font gap-2 mb-xxl-8 mb-xl-6 mb-5" data-aos="zoom-in-down" data-aos-duration="1900"> Find Us <img src="/home/img/element/line.png" alt="img"> </div> <div class="widget-map"> <a href="https://maps.app.goo.gl/ky1KNE7wZx6LZaEc8" class="cmn-hover pra-clr"> 4-5, Medan Merdeka Barat, Jakarta </a> </div> </div> </div> <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6 col-sm-6"> <div class="footer-widget"> <div class="footer-title d-flex align-items-center fs20 fw-700 body-font gap-2 mb-xxl-8 mb-xl-6 mb-5" data-aos="zoom-in-down" data-aos-duration="1900"> Download RRI Digital <img src="/home/img/element/line.png" alt="img"> </div> <div class="widget-call d-grid gap-xxl-4 gap-3"> <div class="d-flex align-items-center gap-xxl-4 gap-3"> <a href="https://play.google.com/store/apps/details?id=com.desert.strom.mobile.app.rriplaygo&hl=id" target="blank"><img src="/img/google-play.png" width="200px" alt="Google-Play"></a> <a href="https://apps.apple.com/id/app/rri-digital/id6443905767" target="blank"><img src="/img/app-store.png" width="170px" alt="App-Store"></a> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom-version-one heading-bg overflow-hidden cmn-bordert text-center px-xxl-7 px-6 py-xxl-6 py-xl-6 py-7"> <p class="pra-clr"> © All Copyright 2025 by <a href="/" class="pra-clr primaryhover cmn-hover">TMB VOI</a> </p> </div>  <img src="/home/img/element/footer-element.png" alt="img" class="footer-sound-element">  </footer>   <div id="progress"> <span id="valiu"><i class="fas fa-arrow-up"></i></span> </div>  <script>var listAudio = [ { name: "Artist 1 - audio 1", file: "https://stream-node0.rri.co.id/streaming/25/9125/voi.mp3", }, ];</script>  <script src="/home/js/jquery.js"></script>  <script src="/home/js/bootstrap.bundle.min.js"></script>  <script src="home/js/jquery.waypoints.js"></script>  <script src="/home/js/magnific-popup.js"></script>  <script src="/home/js/jquery.nice-select.min.js"></script>  <script src="/home/js/swiper.js"></script>  <script src="/home/js/jquery.counterup.min.js"></script>  <script src="/home/js/aos.js"></script>  <script src="/home/js/vanilla-tilt.min.js"></script>  <script src="/home/js/customplay.js"></script>  //<script src="https://unpkg.com/@phosphor-icons/web"></script>  <script src="/home/js/main.js"></script> <script> var slideIndex = 1; showSlides(slideIndex); var timer; function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { if (timer) { clearTimeout(timer); } var i; var slides = document.getElementsByClassName("slide"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slides[slideIndex-1].style.display = "block"; timer = setTimeout( function(){ plusSlides(1); }, 5000 ); } function submitForm(){ document.getElementById('body').onkeyup = function(e) { if (e.keyCode === 13) { document.getElementById('form').submit(); // your form has an id="form" } return true; } } </script> <script> // Get reference to the button element const button = document.getElementById('clickButton'); // Define a function to simulate a button click function autoClick() { button.click(); // Triggers the button's click event } // Add an event listener to log a message when the button is clicked button.addEventListener('click', function() { console.log('Button was clicked automatically!'); }); // Call the function to auto-click the button after a short delay setTimeout(autoClick, 500); // Auto-clicks the button after 1 second </script> </body> </html>

CINXE.COM

Audio Streaming - Voice of Indonesia