Radio NU, Web Application Radio

<!DOCTYPE html> <html lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://radio.nu.or.id:80/","20190513172540","https://web.archive.org/","web","/_static/", "1557768340"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"/> <title>Radio NU, Web Application Radio</title> <meta name="description" content="Music, Musician, Bootstrap"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui"/> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-barstyle" content="black-translucent"> <link rel="apple-touch-icon" href="/web/20190513172540im_/http://radio.nu.or.id/images/logo.png"> <meta name="apple-mobile-web-app-title" content="Flatkit">  <meta name="mobile-web-app-capable" content="yes"> <link rel="shortcut icon" sizes="196x196" href="/web/20190513172540im_/http://radio.nu.or.id/images/logo.png">  <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/css/animate.css/animate.min.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/css/glyphicons/glyphicons.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/css/font-awesome/css/font-awesome.min.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/css/material-design-icons/material-design-icons.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/css/bootstrap/dist/css/bootstrap.min.css" type="text/css"/>  <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/css/styles/app.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/css/styles/style.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/css/styles/font.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/libs/owl.carousel/dist/assets/owl.carousel.min.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/libs/owl.carousel/dist/assets/owl.theme.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/libs/mediaelement/build/mediaelementplayer.min.css" type="text/css"/> <link rel="stylesheet" href="/web/20190513172540cs_/http://radio.nu.or.id/libs/mediaelement/build/mep.css" type="text/css"/>  <link href="/web/20190513172540cs_/http://radio.nu.or.id/css/bootstrap-rtl/dist/bootstrap-rtl.css" rel="stylesheet"/> <link href="/web/20190513172540cs_/http://radio.nu.or.id/css/styles/app.rtl.css" rel="stylesheet"/> <link href="/web/20190513172540cs_/http://radio.nu.or.id/libs/mediaelement/build/mep.rtl.css" rel="stylesheet"/> </head> <body> <div class="app dk" id="app">   <div id="aside" class="app-aside modal fade nav-dropdown">  <div class="left navside grey dk" data-layout="column"> <div class="navbar no-radius">  <a href="index.html" class="navbar-brand md"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 48 48" width="32" height="32"> <circle cx="24" cy="24" r="24" fill="rgba(255,255,255,0.2)"/> <circle cx="24" cy="24" r="22" fill="#1c202b" class="brand-color"/> <circle cx="24" cy="24" r="10" fill="#ffffff"/> <circle cx="13" cy="13" r="2" fill="#ffffff" class="brand-animate"/> <path d="M 14 24 L 24 24 L 14 44 Z" fill="#FFFFFF"/> <circle cx="24" cy="24" r="3" fill="#000000"/> </svg> <img src="/web/20190513172540im_/http://radio.nu.or.id/images/RADIO-NU.png" alt="." class="hide"> <span class="hidden-folded inline">RADIO NU</span> </a>  </div> <div data-flex class="hide-scroll"> <nav class="scroll nav-stacked nav-active-primary"> <ul class="nav" data-ui-nav> <li class="nav-header hidden-folded"> <span class="text-xs text-muted">Main</span> </li> <li> <a href=""> <span class="nav-icon"> <i class="material-icons"> play_circle_outline </i> </span> <span class="nav-text">Live Radio</span> </a> </li> <li> <a href=""> <span class="nav-icon"> <i class="material-icons"> sort </i> </span> <span class="nav-text">Browse</span> </a> </li> <li> <a href=""> <span class="nav-icon"> <i class="material-icons"> portrait </i> </span> <span class="nav-text">Kiai</span> </a> </li> <li> <a data-toggle="modal" data-target="#search-modal"> <span class="nav-icon"> <i class="material-icons"> search </i> </span> <span class="nav-text">Search</span> </a> </li> <li class="nav-header hidden-folded m-t"> <span class="text-xs text-muted">Your collection</span> </li> <li> <a href="profile.html#tracks"> <span class="nav-label"> <b class="label">8</b> </span> <span class="nav-icon"> <i class="material-icons"> list </i> </span> <span class="nav-text">Tracks</span> </a> </li> <li> <a href="#playlists"> <span class="nav-icon"> <i class="material-icons"> queue_music </i> </span> <span class="nav-text">Playlists</span> </a> </li> <li> <a href="profile.html#likes"> <span class="nav-icon"> <i class="material-icons"> favorite_border </i> </span> <span class="nav-text">Likes</span> </a> </li> </ul> </nav> </div> <div data-flex-no-shrink> <div class="nav-fold dropup"> <a data-toggle="dropdown"> <span class="pull-left"> <img src="/web/20190513172540im_/http://radio.nu.or.id/images/a3.jpg" alt="..." class="w-32 img-circle"> </span> <span class="clear hidden-folded p-x p-y-xs"> <span class="block _500 text-ellipsis">RADIO NU</span> </span> </a> <div class="dropdown-menu w dropdown-menu-scale "> <a class="dropdown-item" href="profile.html#profile"> <span>Profile</span> </a> <a class="dropdown-item" href="profile.html#tracks"> <span>Tracks</span> </a> <a class="dropdown-item" href="profile.html#playlists"> <span>Playlists</span> </a> <a class="dropdown-item" href="profile.html#likes"> <span>Likes</span> </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="docs.html"> Need help? </a> <a class="dropdown-item" href="signin.html">Sign out</a> </div> </div> </div> </div> </div>   <div id="content" class="app-content white bg box-shadow-z2" role="main"> <div class="app-header hidden-lg-up white lt box-shadow-z1"> <div class="navbar">  <a href="index.html" class="navbar-brand md"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 48 48" width="32" height="32"> <circle cx="24" cy="24" r="24" fill="rgba(255,255,255,0.2)"/> <circle cx="24" cy="24" r="22" fill="#1c202b" class="brand-color"/> <circle cx="24" cy="24" r="10" fill="#ffffff"/> <circle cx="13" cy="13" r="2" fill="#ffffff" class="brand-animate"/> <path d="M 14 24 L 24 24 L 14 44 Z" fill="#FFFFFF"/> <circle cx="24" cy="24" r="3" fill="#000000"/> </svg> <img src="/web/20190513172540im_/http://radio.nu.or.id/images/logo.png" alt="." class="hide"> <span class="hidden-folded inline">Radio NU</span> </a>   <ul class="nav navbar-nav pull-right"> <li class="nav-item">  <a data-toggle="modal" data-target="#aside" class="nav-link"> <i class="material-icons">menu</i> </a>  </li> </ul>  </div> </div> <div class="app-footer app-player grey bg"> <div class="playlist" style="width:100%"></div> </div> <div class="app-body" id="view">  <div class="page-content"> <div class="padding"> <div class="page-title m-b"> <h1 class="inline m-a-0">Live Radio</h1> </div> <div class="item-info-overlay"> <div class="owl-carousel owl-theme owl-dots-center" data-ui-jp="owlCarousel" data-ui-options="{ margin: 20, rtl: true }"> <div class=""> <div class="item r" data-id="item-5" data-src="https://web.archive.org/web/20190513172540oe_/http://103.219.249.39:9300/" autoplay="autoplay" "> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/RADIO-NU.png');"></a> <div class="item-overlay center"> <button class="btn-playpause" autoplay="autoplay">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">Live Radio</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Radio NU</a> </div> </div> </div> </div> </div> </div> </div> <div class="row-col"> <div class="col-lg-9 b-r no-border-md"> <div class="padding"> <h2 class="widget-title h4 m-b">Treading</h2> <div class="owl-carousel owl-theme owl-dots-center" data-ui-jp="owlCarousel" data-ui-options="{ margin: 20, rtl: true, responsiveClass:true, responsive:{ 0:{ items: 2 }, 543:{ items: 3 } } }"> <div class=""> <div class="item r" data-id="item-9" data-src="https://web.archive.org/web/20190513172540oe_/http://radio.nu.or.id/puFile/radio_nu_or_id/audio_files/KHSyaroniAhmadi_TafsirJalalain.mp3"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHSYARONIAHMADI.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH SYA'RONI AHMADI</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Tafsir</a> </div> </div> </div> </div> <div class=""> <div class="item r" data-id="item-2" data-src="https://web.archive.org/web/20190513172540oe_/http://radio.nu.or.id/puFile/radio_nu_or_id/audio_files/GusMusBurdah.mp3"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/GUSMUS.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">Gus Mus</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Pengajian</a> </div> </div> </div> </div> <div class=""> <div class="item r" data-id="item-8" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHLUKMANHAKIM.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH LUKMAN HAKIM</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Hikam</a> </div> </div> </div> </div> <div class=""> <div class="item r" data-id="item-11" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b10.jpg');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">Spring</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Pablo Nouvelle</a> </div> </div> </div> </div> <div class=""> <div class="item r" data-id="item-10" data-src="https://web.archive.org/web/20190513172540oe_/http://radio.nu.or.id/puFile/radio_nu_or_id/audio_files/KHSyaroniAhmadi_TafsirJalalain.mp3"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHSYARONIAHMADI.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH SYARONI AHMADI</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Tafsir</a> </div> </div> </div> </div> <div class=""> <div class="item r" data-id="item-3" data-src="https://web.archive.org/web/20190513172540oe_/http://radio.nu.or.id/puFile/radio_nu_or_id/audio_files/GusMusBurdah.mp3"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/GUSMUS.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">Gus Mus</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Ngaji</a> </div> </div> </div> </div> <div class=""> <div class="item r" data-id="item-7" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHLUKMANHAKIM.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH Lukman Hakim</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">CAhaya Sufi</a> </div> </div> </div> </div> <div class=""> <div class="item r" data-id="item-1" data-src="https://web.archive.org/web/20190513172540oe_/http://radio.nu.or.id/puFile/radio_nu_or_id/audio_files/KHSyaroniAhmadi_TafsirJalalain.mp3"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHSYARONIAHMADI.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH SYARONI AHMADI</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Summerella</a> </div> </div> </div> </div> </div> <h2 class="widget-title h4 m-b">New</h2> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-3"> <div class="item r" data-id="item-2" data-src="https://web.archive.org/web/20190513172540oe_/http://radio.nu.or.id/puFile/radio_nu_or_id/audio_files/GusMusBurdah.mp3"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/GUSMUS.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">Gus Mus</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Burdah</a> </div> </div> </div> </div> <div class="col-xs-4 col-sm-4 col-md-3"> <div class="item r" data-id="item-4" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHLUKMANHAKIM.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH Lukman Hakim</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Cahaya Sufi</a> </div> </div> </div> </div> <div class="col-xs-4 col-sm-4 col-md-3"> <div class="item r" data-id="item-9" data-src="https://web.archive.org/web/20190513172540oe_/http://radio.nu.or.id/puFile/radio_nu_or_id/audio_files/HidupSetelahMati.mp3"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHZAINUDINMZ.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH ZAINUDIN MZ</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Pengajian</a> </div> </div> </div> </div> <div class="col-xs-4 col-sm-4 col-md-3"> <div class="item r" data-id="item-8" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHANWARZAHID.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH ANWAR ZAHID</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Pengajian Umum</a> </div> </div> </div> </div> <div class="col-xs-4 col-sm-4 col-md-3"> <div class="item r" data-id="item-11" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHZAINUDINMZ.png');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH ZAINUDIN MZ</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Pengajian</a> </div> </div> </div> </div> <div class="col-xs-4 col-sm-4 col-md-3"> <div class="item r" data-id="item-6" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b5.jpg');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">Body on me</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Rita Ora</a> </div> </div> </div> </div> <div class="col-xs-4 col-sm-4 col-md-3"> <div class="item r" data-id="item-1" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b0.jpg');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">Pull Up</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Summerella</a> </div> </div> </div> </div> <div class="col-xs-4 col-sm-4 col-md-3"> <div class="item r" data-id="item-10" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b9.jpg');"></a> <div class="item-overlay center"> <button class="btn-playpause">Play</button> </div> </div> <div class="item-info"> <div class="item-overlay bottom text-right"> <a href="#" class="btn-favorite"><i class="fa fa-heart-o"></i></a> <a href="#" class="btn-more" data-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a> <div class="dropdown-menu pull-right black lt"></div> </div> <div class="item-title text-ellipsis"> <a href="track.detail.html">The Open Road</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Postiljonen</a> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-3 w-xxl w-auto-md"> <div class="padding" style="bottom: 60px;" data-ui-jp="stick_in_parent"> <h6 class="text text-muted">Most Wanted</h6> <div class="row item-list item-list-sm m-b"> <div class="col-xs-12"> <div class="item r" data-id="item-5" data-src="https://web.archive.org/web/20190513172540oe_/http://semar.onlivestreaming.net:8787/stream"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/RADIO-NU.png');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">Live Radio</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Radio NU</a> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item r" data-id="item-12" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/GUSMUS.png');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">Gus Mus</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Burdah</a> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item r" data-id="item-6" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHSYARONIAHMADI.png');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH SYARONI AHMADI</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Tafsir</a> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item r" data-id="item-7" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHLUKMANHAKIM.png');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH LUKMAN HAKIM</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Cahaya Sufi</a> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item r" data-id="item-11" data-src="/web/20190513172540oe_/http://radio.nu.or.id/"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/KHANWARZAHID.png');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">KH Anwar Zahid</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Pengajian Umum</a> </div> </div> </div> </div> </div> <h6 class="text text-muted">Go mobile</h6> <div class="btn-groups"> <a href="" class="btn btn-sm dark lt m-r-xs" style="width: 135px"> <span class="pull-left m-r-sm"> <i class="fa fa-apple fa-2x"></i> </span> <span class="clear text-left l-h-1x"> <span class="text-muted text-xxs">Download on the</span> <b class="block m-b-xs">App Store</b> </span> </a> <a href="" class="btn btn-sm dark lt" style="width: 133px"> <span class="pull-left m-r-sm"> <i class="fa fa-play fa-2x"></i> </span> <span class="clear text-left l-h-1x"> <span class="text-muted text-xxs">Get it on</span> <b class="block m-b-xs m-r-xs">Google Play</b> </span> </a> </div> <div class="b-b m-y"></div> <div class="nav text-sm _600"> <a href="#" class="nav-link text-muted m-r-xs">About</a> <a href="#" class="nav-link text-muted m-r-xs">Contact</a> <a href="#" class="nav-link text-muted m-r-xs">Legal</a> <a href="#" class="nav-link text-muted m-r-xs">Policy</a> </div> <p class="text-muted text-xs p-b-lg">© Copyright 2017</p> </div> </div> </div> </div>  </div> </div>   <div id="switcher"> <div class="switcher white" id="sw-theme"> <a href="#" data-ui-toggle-class="active" data-ui-target="#sw-theme" class="white sw-btn"> <i class="fa fa-gear text-muted"></i> </a> <div class="box-header"> <strong>Theme Switcher</strong> </div> <div class="box-divider"></div> <div class="box-body"> <p id="settingLayout" class="hidden-md-down"> <label class="md-check m-y-xs" data-target="folded"> <input type="checkbox"> <i class="green"></i> <span>Folded Aside</span> </label> <label class="m-y-xs pointer" data-ui-fullscreen data-target="fullscreen"> <span class="fa fa-expand fa-fw m-r-xs"></span> <span>Fullscreen Mode</span> </label> </p> <p>Colors:</p> <p data-target="color"> <label class="radio radio-inline m-a-0 ui-check ui-check-color ui-check-md"> <input type="radio" name="color" value="primary"> <i class="primary"></i> </label> <label class="radio radio-inline m-a-0 ui-check ui-check-color ui-check-md"> <input type="radio" name="color" value="accent"> <i class="accent"></i> </label> <label class="radio radio-inline m-a-0 ui-check ui-check-color ui-check-md"> <input type="radio" name="color" value="warn"> <i class="warn"></i> </label> <label class="radio radio-inline m-a-0 ui-check ui-check-color ui-check-md"> <input type="radio" name="color" value="success"> <i class="success"></i> </label> <label class="radio radio-inline m-a-0 ui-check ui-check-color ui-check-md"> <input type="radio" name="color" value="info"> <i class="info"></i> </label> <label class="radio radio-inline m-a-0 ui-check ui-check-color ui-check-md"> <input type="radio" name="color" value="blue"> <i class="blue"></i> </label> <label class="radio radio-inline m-a-0 ui-check ui-check-color ui-check-md"> <input type="radio" name="color" value="warning"> <i class="warning"></i> </label> <label class="radio radio-inline m-a-0 ui-check ui-check-color ui-check-md"> <input type="radio" name="color" value="danger"> <i class="danger"></i> </label> </p> <p>Themes:</p> <div data-target="bg" class="text-u-c text-center _600 clearfix"> <label class="p-a col-xs-3 light pointer m-a-0"> <input type="radio" name="theme" value="" hidden> <i class="active-checked fa fa-check"></i> </label> <label class="p-a col-xs-3 grey pointer m-a-0"> <input type="radio" name="theme" value="grey" hidden> <i class="active-checked fa fa-check"></i> </label> <label class="p-a col-xs-3 dark pointer m-a-0"> <input type="radio" name="theme" value="dark" hidden> <i class="active-checked fa fa-check"></i> </label> <label class="p-a col-xs-3 black pointer m-a-0"> <input type="radio" name="theme" value="black" hidden> <i class="active-checked fa fa-check"></i> </label> </div> </div> </div> </div>   <div class="modal white lt fade" id="search-modal" data-backdrop="false"> <a data-dismiss="modal" class="text-muted text-lg p-x modal-close-btn">×</a> <div class="row-col"> <div class="p-a-lg h-v row-cell v-m"> <div class="row"> <div class="col-md-8 offset-md-2"> <form action="search.html" class="m-b-md"> <div class="input-group input-group-lg"> <input type="text" class="form-control" placeholder="Type keyword" data-ui-toggle-class="hide" data-ui-target="#search-result"> <span class="input-group-btn"> <button class="btn b-a no-shadow white" type="submit">Search</button> </span> </div> </form> <div id="search-result" class="animated fadeIn"> <p class="m-b-md"><strong>23</strong> <span class="text-muted">Results found for: </span><strong>Keyword</strong></p> <div class="row"> <div class="col-sm-6"> <div class="row item-list item-list-sm item-list-by m-b"> <div class="col-xs-12"> <div class="item r" data-id="item-9" data-src="https://web.archive.org/web/20190513172540oe_/http://api.soundcloud.com/tracks/264094434/stream?client_id=a10d44d431ad52868f1bce6d36f5234c"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b8.jpg');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">All I Need</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Pablo Nouvelle</a> </div> <div class="item-meta text-sm text-muted"> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item r" data-id="item-4" data-src="https://web.archive.org/web/20190513172540oe_/http://api.soundcloud.com/tracks/230791292/stream?client_id=a10d44d431ad52868f1bce6d36f5234c"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b3.jpg');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">What A Time To Be Alive</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Judith Garcia</a> </div> <div class="item-meta text-sm text-muted"> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item r" data-id="item-3" data-src="https://web.archive.org/web/20190513172540oe_/http://api.soundcloud.com/tracks/79031167/stream?client_id=a10d44d431ad52868f1bce6d36f5234c"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b2.jpg');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">I Wanna Be In the Cavalry</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Jeremy Scott</a> </div> <div class="item-meta text-sm text-muted"> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item r" data-id="item-6" data-src="https://web.archive.org/web/20190513172540oe_/http://api.soundcloud.com/tracks/236107824/stream?client_id=a10d44d431ad52868f1bce6d36f5234c"> <div class="item-media "> <a href="track.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b5.jpg');"></a> </div> <div class="item-info"> <div class="item-title text-ellipsis"> <a href="track.detail.html">Body on me</a> </div> <div class="item-author text-sm text-ellipsis "> <a href="artist.detail.html" class="text-muted">Rita Ora</a> </div> <div class="item-meta text-sm text-muted"> </div> </div> </div> </div> </div> </div> <div class="col-sm-6"> <div class="row item-list item-list-sm item-list-by m-b"> <div class="col-xs-12"> <div class="item"> <div class="item-media rounded "> <a href="artist.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/a0.jpg');"></a> </div> <div class="item-info "> <div class="item-title text-ellipsis"> <a href="artist.detail.html">Crystal Guerrero</a> <div class="text-sm text-muted">12 songs</div> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item"> <div class="item-media rounded "> <a href="artist.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/a4.jpg');"></a> </div> <div class="item-info "> <div class="item-title text-ellipsis"> <a href="artist.detail.html">Judith Garcia</a> <div class="text-sm text-muted">13 songs</div> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item"> <div class="item-media rounded "> <a href="artist.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/a1.jpg');"></a> </div> <div class="item-info "> <div class="item-title text-ellipsis"> <a href="artist.detail.html">James Garcia</a> <div class="text-sm text-muted">9 songs</div> </div> </div> </div> </div> <div class="col-xs-12"> <div class="item"> <div class="item-media rounded "> <a href="artist.detail.html" class="item-media-content" style="background-image: url('/web/20190513172540im_/http://radio.nu.or.id/images/b0.jpg');"></a> </div> <div class="item-info "> <div class="item-title text-ellipsis"> <a href="artist.detail.html">Jeremy Scott</a> <div class="text-sm text-muted">14 songs</div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="top-search" class="btn-groups"> <strong class="text-muted">Top searches: </strong> <a href="#" class="btn btn-xs white">Happy</a> <a href="#" class="btn btn-xs white">Music</a> <a href="#" class="btn btn-xs white">Weekend</a> <a href="#" class="btn btn-xs white">Summer</a> <a href="#" class="btn btn-xs white">Holiday</a> <a href="#" class="btn btn-xs white">Blue</a> <a href="#" class="btn btn-xs white">Soul</a> <a href="#" class="btn btn-xs white">Calm</a> <a href="#" class="btn btn-xs white">Nice</a> <a href="#" class="btn btn-xs white">Home</a> <a href="#" class="btn btn-xs white">SLeep</a> </div> </div> </div> </div> </div> </div>   <div id="share-modal" class="modal fade animate"> <div class="modal-dialog"> <div class="modal-content fade-down"> <div class="modal-header"> <h5 class="modal-title">Share</h5> </div> <div class="modal-body p-lg"> <div id="share-list" class="m-b"> <a href="" class="btn btn-icon btn-social rounded btn-social-colored indigo" title="Facebook"> <i class="fa fa-facebook"></i> <i class="fa fa-facebook"></i> </a> <a href="" class="btn btn-icon btn-social rounded btn-social-colored light-blue" title="Twitter"> <i class="fa fa-twitter"></i> <i class="fa fa-twitter"></i> </a> <a href="" class="btn btn-icon btn-social rounded btn-social-colored red-600" title="Google+"> <i class="fa fa-google-plus"></i> <i class="fa fa-google-plus"></i> </a> <a href="" class="btn btn-icon btn-social rounded btn-social-colored blue-grey-600" title="Trumblr"> <i class="fa fa-tumblr"></i> <i class="fa fa-tumblr"></i> </a> <a href="" class="btn btn-icon btn-social rounded btn-social-colored red-700" title="Pinterst"> <i class="fa fa-pinterest"></i> <i class="fa fa-pinterest"></i> </a> </div> <div> <input class="form-control" value="http://plamusic.com/slug"/> </div> </div> </div> </div> </div>   </div>   <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/jquery/dist/jquery.js"></script>  <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/tether/dist/js/tether.min.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/bootstrap/dist/js/bootstrap.js"></script>  <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/jQuery-Storage-API/jquery.storageapi.min.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/jquery.stellar/jquery.stellar.min.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/owl.carousel/dist/owl.carousel.min.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/jscroll/jquery.jscroll.min.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/PACE/pace.min.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/jquery-pjax/jquery.pjax.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/mediaelement/build/mediaelement-and-player.min.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/libs/mediaelement/build/mep.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/player.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/config.lazyload.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-load.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-jp.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-include.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-device.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-form.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-nav.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-screenfull.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-scroll-to.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-toggle-class.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ui-taburl.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/app.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/site.js"></script> <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/ajax.js"></script>  <script src="/web/20190513172540js_/http://radio.nu.or.id/scripts/rtl.js"></script> </body> </html>

CINXE.COM

Radio NU, Web Application Radio