Personal Site For Joy http://hadisukoco.usite.pro/ Fri, 16 Jun 2017 17:31:02 GMT uCoz Web-Service Titim Fatimah - Gamelan Sunda Kiliningan <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").att... <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Titim Fatimah</h2> <h4 style="text-align:left; color: #FFF8DC">Gamelan Sunda Kiliningan</h4> <img id="myImg" src="https://cldup.com/0eqNpYoJSB-3000x3000.jpeg" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Impormasi</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Ngundeur/Nguping</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Titim Fatimah</h2> <h3 class="modal-title" style="text-align:center; color:black;">Gamelan Sunda Kiliningan</h3> <a href="https://cloudup.com/coJ7lW1INQz.zip"> <button type="button" class="btn btn-success">UNDEUR SAALBUM</button></a> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/6.1.0/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/6.1.0/video.js"></script> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="https://cldup.com/0eqNpYoJSB-3000x3000.jpeg" data-setup="{}"> <source src=https://cldup.com/AFIYA4Ktgb.mp3 type='video/mp4'> </video> <script src="http://vjs.zencdn.net/6.1.0/audio.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="https://cldup.com/AFIYA4Ktgb.mp3"> 01. Lindeuk Japati</a></li> <li style="background: #333;"> <a href="https://cldup.com/pH-TVlB2eJ.mp3"> 02. Amanat Ibu Pertiwi</a></li> <li style="background: #333;"> <a href="https://cldup.com/RXB63Wj_4Y.mp3"> 03. Dasi Hideung</a></li> <li style="background: #333;"> <a href="https://cldup.com/y5vfyjSZGi.mp3"> 04. Sorong Dayung Gancang</a></li> <li style="background: #333;"> <a href="https://cldup.com/Hgk-05kF-B.mp3"> 05. Wanoja Mangkat Birahi</a></li> <li style="background: #333;"> <a href="https://cldup.com/M9liiFMv9U.mp3"> 06. Sanga Sorog</a></li> <li style="background: #333;"> <a href="https://cldup.com/zaEZpW297w.mp3"> 07. Wajib Tanam</a></li> <li style="background: #333;"> <a href="https://cldup.com/p2rxnmte3i.mp3"> 08. Renggong Malang</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=780,height=450"); myWindow.document.write("<img src='https://cldup.com/0eqNpYoJSB-3000x3000.jpeg' alt='darso' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Hapunten teu acan aya data</strong>.</p>.</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/titim_fatimah_gamelan_sunda_kiliningan/2017-06-16-34 Kiliningan abahchoy https://hadisukoco.usite.pro/news/titim_fatimah_gamelan_sunda_kiliningan/2017-06-16-34 Fri, 16 Jun 2017 17:31:02 GMT Euis Komariah - Jamparing Langit Full Album <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").att... <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Euis Komariah</h2> <h4 style="text-align:left; color: #FFF8DC">Jamparing Langit</h4> <img id="myImg" src="https://cldup.com/BjBCOp1nQM-3000x3000.jpeg" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Ngundeur/Nguping</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Euis Komariah</h2> <h3 class="modal-title" style="text-align:center; color:black;">Jamparing langit</h3> <a href="https://cloudup.com/cwoOpPaCGOu.zip"> <button type="button" class="btn btn-success">UNDEUR SAALBUM</button></a> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/6.1.0/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/6.1.0/video.js"></script> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="https://cldup.com/BjBCOp1nQM-3000x3000.jpeg" data-setup="{}"> <source src=https://cldup.com/zPYjCac-6t.mp3 type='video/mp4'> </video> <script src="http://vjs.zencdn.net/6.1.0/audio.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="https://cldup.com/zPYjCac-6t.mp3"> 01. Jamparing Langit</a></li> <li style="background: #333;"> <a href="https://cldup.com/hln5tyGXi2.mp3"> 02. Seunggah</a></li> <li style="background: #333;"> <a href="https://cldup.com/DrtzpJXzp7.mp3"> 03. Jalir Jangji</a></li> <li style="background: #333;"> <a href="https://cldup.com/GQSxhIM7v6.mp3"> 04. Tepis Wiring</a></li> <li style="background: #333;"> <a href="https://cldup.com/xqBGTX2O4q.mp3"> 05. Geter Panineungan</a></li> <li style="background: #333;"> <a href="https://cldup.com/S_KVNCzM6a.mp3"> 06. Kiceup Bentang</a></li> <li style="background: #333;"> <a href="https://cldup.com/AckEzjUKPp.mp3"> 07. Lengko-lengko (Instrument)</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=780,height=450"); myWindow.document.write("<img src='https://cldup.com/BjBCOp1nQM-3000x3000.jpeg' alt='darso' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Hapunten teu acan aya data</strong>.</p>.</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/euis_komariah_jamparing_langit_full_album/2017-06-16-33 Degung abahchoy https://hadisukoco.usite.pro/news/euis_komariah_jamparing_langit_full_album/2017-06-16-33 Fri, 16 Jun 2017 16:58:46 GMT Dedeh Winingsih-Galak Timuru <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").att... <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Dedeh Winingsih</h2> <h4 style="text-align:left; color: #FFF8DC">Galak Timuru</h4> <img id="myImg" src="https://cldup.com/wIA8SVHYgd-3000x3000.jpeg" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Download/Stream</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Dedeh Winingsih</h2> <h3 class="modal-title" style="text-align:center; color:black;">Galak Timuru</h3> <a href="https://cloudup.com/cF72JdAuJ4x.zip"> <button type="button" class="btn btn-success">DOWNLOAD FULL ALBUM</button></a> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/6.1.0/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/6.1.0/video.js"></script> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="https://cldup.com/wIA8SVHYgd-3000x3000.jpeg" data-setup="{}"> <source src=https://cldup.com/0iQOc_-7Iw.mp3 type='video/mp4'> </video> <script src="http://vjs.zencdn.net/6.1.0/audio.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="https://cldup.com/0iQOc_-7Iw.mp3"> 01. Galak Timuru</a></li> <li style="background: #333;"> <a href="https://cldup.com/hkH29GpNyg.mp3"> 02. Ambon Sorangan</a></li> <li style="background: #333;"> <a href="https://cldup.com/8TEUgBUsB1.mp3"> 03. Kangsreng</a></li> <li style="background: #333;"> <a href="https://cldup.com/ztI1ofSHrC.mp3"> 04. Tablo Naek Catrik</a></li> <li style="background: #333;"> <a href="https://cldup.com/kSMXAPjpbm.mp3"> 05. Angle</a></li> <li style="background: #333;"> <a href="https://cldup.com/zTn_FnKoRs.mp3"> 06. Sarikaya</a></li> <li style="background: #333;"> <a href="https://cldup.com/DmOKfQ98kO.mp3"> 07. Gesek</a></li> <li style="background: #333;"> <a href="https://cldup.com/zTn_FnKoRs.mp3"> 08. Paron Petit</a></li> <li style="background: #333;"> <a href="https://cldup.com/0gMw1HdN9H.mp3"> 09. Paris Wado</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=780,height=450"); myWindow.document.write("<img src='--' alt='' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Ketuk Tilu</strong> adalah suatu tarian pergaulan cikal bakal Jaipongan yang berasal dari Jawa Barat dan sekaligus hiburan yang biasanya diselenggarakan pada acara pesta perkawinan, acara hiburan penutup kegiatan atau diselenggrakan secara khusus di suatu tempat yang cukup luas</p><p style='color:black; text-align:justify'>Istilah ketuk tilu diambil dari alat musik pengiringnya, yaitu 3 buah ketuk (bonang) yang memberi pola irama rebab, kendang (gendang) indung (besar) dan kulanter (kecil) untuk mengatur dinamika tari/kendang yang diiringi kecrek dan goong.</p><p style='color:black; text-align:justify'>Dahulu, ketuk tilu adalah upacara menyambut panen padi sebagai rasa terima kasih kepada Dewi Sri. Upacara ini dilakukan pada waktu malam hari, dengan mengarak seorang gadis diiringi bunyi-bunyian yang berhenti di tempat luas. Sekarang, ketuk tilu menjadi tarian pergaulan dan hiburan, biasanya diselenggarakan pada pesta perkawinan, hiburan penutup suatu kegiatan, atau digelar pada acara-acara khusus. Di desa-desa tertentu, pertunjukan tari ketuk tilu sering dilakukan semalaman suntuk.</p><p style='color:black; text-align:justify'>Kostum yang dipakai penari wanita ketuk tilu adalah kebaya, sinjang (celana panjang) sabuk, dan beragam aksesoris, seperti gelang dan kalung. Sedangkan untuk penari pria, mengenakan baju kampret warna gelap, celana pangsi, ikat kepala, dan sabuk kulit.</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/dedeh_winingsih_galak_timuru/2017-06-15-32 Ketuk Tilu abahchoy https://hadisukoco.usite.pro/news/dedeh_winingsih_galak_timuru/2017-06-15-32 Thu, 15 Jun 2017 20:04:31 GMT Mang Koko Koswara-Guntur Galunggung Full Album <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").att... <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Mang Koko Koswara</h2> <h4 style="text-align:left; color: #FFF8DC">Guntur Galunggung</h4> <img id="myImg" src="https://cldup.com/VNPjxCBKkD-3000x3000.jpeg" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Download/Stream</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Mang Koko Koswara</h2> <h3 class="modal-title" style="text-align:center; color:black;">Guntur Galunggung</h3> <a href="https://cloudup.com/cCRrwqBfl9e.zip"> <button type="button" class="btn btn-success">DOWNLOAD FULL ALBUM</button></a> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/6.1.0/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/6.1.0/video.js"></script> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="https://cldup.com/VNPjxCBKkD-3000x3000.jpeg" data-setup="{}"> <source src=https://cldup.com/9ainMjUSKN.mp3 type='video/mp4'> </video> <script src="http://vjs.zencdn.net/6.1.0/audio.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="https://cldup.com/9ainMjUSKN.mp3"> 01. Neangan</a></li> <li style="background: #333;"> <a href="https://cldup.com/X5ZCfULy6o.mp3"> 02. Guntur Galunggung</a></li> <li style="background: #333;"> <a href="https://cldup.com/nT5iQAf05r.mp3"> 03. Bulan Dagoan</a></li> <li style="background: #333;"> <a href="https://cldup.com/fkZGuMzP5u.mp3"> 04. Wengi enjing Tepang Deui</a></li> <li style="background: #333;"> <a href="https://cldup.com/6nSf2rs39g.mp3"> 05. Ngatrok</a></li> <li style="background: #333;"> <a href="https://cldup.com/LjiBgeBWpD.mp3"> 06. Mangle</a></li> <li style="background: #333;"> <a href="https://cldup.com/XSZPmVtA8i.mp3"> 07. Sumpah Suci</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=780,height=450"); myWindow.document.write("<img src='https://cldup.com/gwK416Vwnz-3000x3000.jpeg' alt='darso' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Koko Koswara</strong> lahir di Indihiang, Tasikmalaya, 10 April 1917 – meninggal di Bandung, 4 Oktober 1985 pada umur 68 tahun), biasa dipanggil Mang Koko, adalah seorang seniman Sunda.</p><p style='color:black; text-align:justify'>Ayahnya Ibrahim alias Sumarta, masih keturunan Sultan Banten (Maulana Hasanuddin). Ia mengikuti pendidikan sejak HIS (1932), MULO Pasundan (1935). Selepas masa pendidikan ia bekerja sejak tahun 1937 berturut-turut di: Bale Pamulang Pasundan, Paguyuban Pasundan, De Javasche Bank; surat kabar harian Cahaya, harian Suara Merdeka, Jawatan Penerangan Provinsi Jawa Barat, guru yang kemudian menjadi Direktur Konservatori Karawitan Bandung (1961-1973), Dosen Luar Biasa di Akademi Seni Tari Indonesia (ASTI) Bandung (sekarang Sekolah Tinggi Seni Indonesia Bandung), sampai ia wafat.</p><p style='color:black; text-align:justify'>Bakat seni yang dimilikinya berasal dari ayahnya yang tercatat sebagai juru mamaos Ciawian dan Cianjuran. Kemudian ia belajar sendiri dari seniman-seniman ahli karawitan Sunda yang sudah ternama dan mendalami hasil karya bidang karawitan dari Raden Machjar Angga Koesoemadinata, seorang ahli musik Sunda.</p><p style='color:black; text-align:justify'>Ia juga tercatat telah mendirikan berbagai perkumpulan kesenian, diantaranya: Jenaka Sunda Kaca Indihiang (1946), Taman Murangkalih (1948), Taman Cangkurileung (1950), Taman Setiaputra (1950), Kliningan Ganda Mekar (1950), Gamelan Mundinglaya (1951), dan Taman Bincarung (1958).</p><p style='color:black; text-align:justify'>Mang Koko juga mendirikan sekaligus menjadi pimpinan pertama dari Yayasan Cangkurileung pusat, yang cabang-cabangnya tersebar di lingkungan sekolah-sekolah seprovinsi Jawa Barat. Ia juga mendirikan dan menjadi pimpinan Yayasan Badan Penyelenggara Akademi Seni Karawitan Indonesia (ASKI), Bandung (1971). Pernah pula ia menerbitkan majalah kesenian 'Swara Cangkurileung' (1970-1983).</p><p style='color:black; text-align:justify'>Karya cipta kakawihan yang ia buat dikumpulkan dalam berbagai buku, baik yang sudah diterbitkan maupun yang masih berupa naskah-naskah, diantaranya Resep Mamaos (Ganaco, 1948), Cangkurileung (3 jilid/MB, 1952), Ganda Mekar (Tarate, 1970), Bincarung (Tarate, 1970), Pangajaran Kacapi (Balebat, 1973), Seni Swara Sunda atau Pupuh 17 (Mitra Buana, 1984), Sekar Mayang (Mitra Buana, 1984), Layeutan Swara (YCP, 1984), Bentang Sulintang atau Lagu-lagu Perjuangan dan sebagainya.</p><p style='color:black; text-align:justify'>Karya-karyanya bukan hanya dalam bidang kawih, tapi juga dalam bidang seni drama dan gending karesmen. Dalam hal ini tercatat misalnya Gondang Pangwangunan, Bapa Satar, Aduh Asih, Samudra, Gondang, Samagaha, Berekat Katitih Mahal, Sekar Catur, Sempal Guyon, Saha?, Ngatrok, Kareta Api, Istri Tampikan, Si Kabayan, Si Kabayan jeung Raja Jimbul, Aki-Nini Balangantrang, Pangeran Jayakarta, dan Nyai Dasimah.</p><p style='color:black; text-align:justify'>Saat membaca riwayat kehidupan Mang Koko, akan ditemui seorang manusia yang telah memasrahkan jiwa dan raganya demi kehidupan dan kelestarian seni, khususnya seni Sunda. Namun ia merasa sudah cukup bila ia disebut sebagai seorang penghalus jiwa, sebab seperti diungkapkan dalam salah satu kawihnya, seni adalah penghalus jiwa.</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/mang_koko_koswara_guntur_galunggung_full_album/2017-06-15-31 Kacapian abahchoy https://hadisukoco.usite.pro/news/mang_koko_koswara_guntur_galunggung_full_album/2017-06-15-31 Thu, 15 Jun 2017 19:07:01 GMT Tajudin Nirwan & Nano S Group - Lalajo Wayang Full Album <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").att... <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Tajudin Nirwan & Nano S Group</h2> <h4 style="text-align:left; color: #FFF8DC">Lalajo Wayang</h4> <img id="myImg" src="https://cldup.com/jnjoSIkdBi-3000x3000.jpeg" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Download/Stream</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Tajudin Nirwan & Nano S Group</h2> <h3 class="modal-title" style="text-align:center; color:black;">Lalajo Wayang</h3> <a href="https://cloudup.com/cnIjX2Y9D01.zip"> <button type="button" class="btn btn-success">DOWNLOAD FULL ALBUM</button></a> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/6.1.0/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/6.1.0/video.js"></script> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="https://cldup.com/jnjoSIkdBi-3000x3000.jpeg" data-setup="{}"> <source src=https://cldup.com/v5iXynRgxP.mp3 type='video/mp4'> </video> <script src="http://vjs.zencdn.net/6.1.0/audio.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="https://cldup.com/v5iXynRgxP.mp3"> 01. Lalajo Wayang</a></li> <li style="background: #333;"> <a href="https://cldup.com/sVCIbZQgoX.mp3"> 02. Dehem</a></li> <li style="background: #333;"> <a href="https://cldup.com/I2FyUIZPwy.mp3"> 03. Cengeng</a></li> <li style="background: #333;"> <a href="https://cldup.com/zcnn0B0W9j.mp3"> 04. Jaleuleuja</a></li> <li style="background: #333;"> <a href="https://cldup.com/BMDKTazSvZ.mp3"> 05. Hariring Keur Panganten</a></li> <li style="background: #333;"> <a href="https://cldup.com/zbxGt6B5o0.mp3"> 06. Ramadhan</a></li> <li style="background: #333;"> <a href="https://cldup.com/7CEQg9iEAs.mp3"> 07. Imut Anu Ngajalanan</a></li> <li style="background: #333;"> <a href="https://cldup.com/ALCQY1IXWI.mp3"> 08. Basa Sunda</a></li> <li style="background: #333;"> <a href="https://cldup.com/S3IPxNTxtt.mp3"> 09. Kendaraan</a></li> <li style="background: #333;"> <a href="https://cldup.com/xQAPgxv2qj.mp3"> 10. Gapleh</a></li> <li style="background: #333;"> <a href="https://cldup.com/HDslZDCDVR.mp3"> 11. Lauk Mas</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=700,height=350"); myWindow.document.write("<img src='https://cldup.com/rPMvZUna7m-3000x3000.jpeg' alt='darso' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Nano Suratno</strong> lahir di Pasar Kemis, Tarogong, Garut, Jawa Barat, pada 4 April 1944. Sejak umur lima tahun sudah dibawa mengadu nasib ke Bandung. Kedua orang-tuanya, Iyan S dan Nyi Nonoh termasuk keluarga pecinta seni, walaupun sehari-harinya sebagai wiraswastawan. Di lingkungan keluarga, sejak kecil Nano dianggap memiliki kemampuan menyanyi yang diwarisi dari kakek dan buyutnya yang juga dalang wayang. Ketika masih di bangku Sekolah Dasar ia sering diminta memperlihatkan kemahirannya dalam pertemuan-pertemuan keluarga.</p><p style='color:black; text-align:justify'>Kelebihan ini yang mendorong kakaknya menganjurkan agar sang adik memasuki konservatori. Karena minatnya yang besar kepada musik karawitan, setelah lulus SMP, ia melanjutkan ke Konservatori Karawitan (Kokar) di Bandung (1961). Setelah tamat, ia mengajar di SMPN 1 Bandung (1965-1970) kemudian pindah ke Sekolah Menengah Karawitan Indonesia (SMKI) (1970-1995) dimana dia pernah menjabat Ketua Jurusan Karawitan dan Wakil Kepala SMKI. Beberapa tahun kemudian melanjutkan kuliah ke Akademi Seni Tari (ASTI) Bandung dan Sekolah Tinggi Seni Indonesia, Jurusan Karawitan Sunda, sampai selesai.</p><p style='color:black; text-align:justify'>Terakhir Nano diangkat menjadi Kepala Taman Budaya Provinsi Jawa Barat sejak 1995 sampai pensiun (2000). Ia menghabiskan hidupnya di sebuah rumah di Kota Bandung, tepatnya Gang H Ahmad, Jalan Muhammad Toha. Ia merupakan salah satu maestro musik sunda yang melegenda. Banyak karya-karya yang ia hasilkan terutama di musik karawitan dan lagu-lagu sunda. Banyak juga penyanyi-penyanyi sunda yang populer bekat lagu ciptaannya.</p><p style='color:black; text-align:justify'>Nano mulai mencipta lagu sejak tahun 1963 sampai akhir hayatnya dengan kumpulan hampir duaratus album. Tahun 1964, ia bergabung dengan kelompok Ganda Mekar pimpinan Mang Koko, namun beberapa tahun kemudian mendirikan kelompok sendiri yang diberi nama Gentra Madya (1972). Banyak menciptakan lagu karawitan Sunda, di awal masih memperlihatkan pengaruh gurunya, Mang Koko, tetapi kemudian mulai memperlihatkan cirinya sendiri. Ia juga menyusun buku kawih untuk bahan pelajaran di sekolah menengah dengan judul Haleuang Tandang (1976).</p><p style='color:black; text-align:justify'>Jika Mang Koko, gurunya, mempunyai komposisi Sunda dan Belanda juga mengkritik berbagai ketidakberesan dalam masyarakat, Nano juga, tetapi di samping itu seakan-akan mentertawakan diri sendiri, yang sering terjebak dalam situasi yang lucu. Cara ini dibawakannya dalam pergelaran yang disebut prakpilingkung (keprak, kacapi, suling, angklung). Hasilnya, pada Festival Komponis Muda Indonesia I yang diselenggarakan oleh Dewan Kesenian Jakarta (1979), komposisinya, Sang Kuriang, mendapat perhatian sebagai komposisi yang sarat dengan kekuatan akar etnis karawitan Sunda yang penuh inovasi pengembangan.</p><p style='color:black; text-align:justify'>Nano pun sukses dalam pagelaran karawitan Gending Sangkuriang di Festival Komponis Muda yang diselenggarakan di Taman Ismail Marzuki tahun 1979 diapresiasi dengan pujian positif. Ia juga dikenal sebagai penulis sajak dan cerita pendek berbahasa Sunda. Karyanya pernah di muat dalam majalah Mangle, Hanjuang, dan lainnya. Cerita pendeknya dikumpulkan dengan judul Nu Baralik Manggung (Yang pulang sehabis pertunjukan). 1979, Nano membuat komposisi Umbul-Umbul yang ditayangkan pada televisi nasional dengan membawa tujuhpuluhlima orang dan memainkan limabelas ragam komposisi musik Sunda.</p><p style='color:black; text-align:justify'>Pada tahun 1980 salah satu karyanya, yaitu Karawitan Gending Sangkuriang pernah disertakan di Festival Musik Internasional di Taiwan. Nano pernah mendapat beasiswa fellowship dari The Japan Foundation selama setahun di Tokyo National University of Fine Arts and Music, Universitas Kesenian Tokyo, untuk mempelajari perbandingan tangga nada Sunda dan Jepang, terutama antara alam musik Kecapi dan Koto. Selain itu, ia juga belajar meniup Sakuhachi dan memetik Shamisen, yang kemudian membuat kolaborasi alat-alat itu pada ciptaannya dan membuat beberapa lagu karawitan Sunda yang berbahasa Jepang, diantaranya Katakana Hiragana Uta, Ueno Koen dan D'enshano Uta (1981-1982).<p style='color:black; text-align:justify'>Pada bulan Oktober 1999, di Jepang, ia memainkan lagu ciptaannya yang berjudul “Hiroshima“, yang dibuat khusus untuk memenuhi permintaan Wali Kota Hiroshima yang mengenalnya sebagai pencipta lagu. Selain itu, ia diundang oleh departemen musik Universitas Santa Cruz untuk mengajar dan membuat pergelaran dalam Spring Performance (1990). Popularitasnya semakin menanjak setelah album-album rekaman kasetnya banyak diminati oleh masyarakat, diantaranya Kalangkang (Bayangan, 1989), lewat suara Nining Meida yang sekaligus mengorbitkan nama penyanyi itu, Kalangkang dalam versi pop Sunda yang dipopulerkan Detty Kurnia meraih penghargaan BASF Award (1989), dan setahun kemudian meraih penghargaan HDX Award yang terjual dua juta kopi.</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/tajudin_nirwan_nano_s_group_lalajo_wayang_full_album/2017-06-15-30 Kacapian abahchoy https://hadisukoco.usite.pro/news/tajudin_nirwan_nano_s_group_lalajo_wayang_full_album/2017-06-15-30 Thu, 15 Jun 2017 18:34:54 GMT Kalakay Gupay - Euis Komariah & Eka Gandara <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video u... <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Kalakay Gupay</h2> <h4 style="text-align:left; color: #FFF8DC">Euis Komariah & Eka Gandara</h4> <img id="myImg" src="http://dc604.4shared.com/img/TE-lX4Szce/s23/15826091be8/kalakay_Gupay_Poster" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Download/Stream</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Kalakay Gupay</h2> <h4 class="modal-title" style="text-align:center; color:black;">Euis Komariah & Eka Gandara</h4> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/5.11.9/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script></link><script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script></link> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="http://dc604.4shared.com/img/TE-lX4Szce/s23/15826091be8/kalakay_Gupay_Poster" data-setup="{}"> <source src="http://dc693.4shared.com/img/ukINMYJ3ba/4300de3c/dlink__2Fdownload_2FukINMYJ3ba_2Fmuka_5Fa.mp3_3Fsbsr_3D7bf7f5c85ac3e6682822d61f39e8d5dc98b_26lgfp_3D7200/preview.mp3" type='video/mp4'> </video> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="http://dc693.4shared.com/img/ukINMYJ3ba/4300de3c/dlink__2Fdownload_2FukINMYJ3ba_2Fmuka_5Fa.mp3_3Fsbsr_3D7bf7f5c85ac3e6682822d61f39e8d5dc98b_26lgfp_3D7200/preview.mp3"> 01.Track 1</a></li> <h5 style="text-align:left; color: yellow">- Kembang Balebat</h5> <h5 style="text-align:left; color: yellow">- Indung Jeung Anak - Mang Koko</h5> <h5 style="text-align:left; color: yellow">- Asih - Nano S</h5> <h5 style="text-align:left; color: yellow">- Mapaler Hate - Nano S</h5> <h5 style="text-align:left; color: yellow">- Wengi Enjing Tepang Deui - Mang Koko</h5> <li style="background: #333;"> <a href="http://dc142.4shared.com/img/s-KoEIT1ce/9f47d6d8/dlink__2Fdownload_2Fs-KoEIT1ce_2Fmuka_5Fb.mp3_3Fsbsr_3Df5038f09dea9fdba50c81abbd57e81e698b_26lgfp_3D7200/preview.mp3"> 02. Track 2</a></li> <h5 style="text-align:left; color: yellow">- Sulaya Jangji - Mang Koko</h5> <h5 style="text-align:left; color: yellow">- Anggangna Kamelang - Nano S</h5> <h5 style="text-align:left; color: yellow">- Kalakay Gupay - Nano S</h5> <h5 style="text-align:left; color: yellow">- Kudu ka Saha - Mang Koko</h5> <h5 style="text-align:left; color: yellow">- Talatah - Mang Koko</h5 </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=700,height=350"); myWindow.document.write("<img src='http://dc604.4shared.com/img/TE-lX4Szce/s23/15826091be8/kalakay_Gupay_Poster' alt='' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Kalakay Gupay</strong> merupakan seni senda kacapian yang di dalamnya mencakup tembang dan puisi.</p><p style='color:black; text-align:justify'>Dibawakan oleh juru kawih terkenal yaitu Euis Komariah dan Eka Gandara dengan narator oleh Yayat hendrayatna.</p><p style='color:black; text-align:justify'>Lagu-lagu di dalamnya merupakan karya cipta Mang Koko dan Nano S, yang diproduksi oleh JUGALA.</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/kalakay_gupay_euis_komariah_eka_gandara/2016-11-02-29 Kacapian abahchoy https://hadisukoco.usite.pro/news/kalakay_gupay_euis_komariah_eka_gandara/2016-11-02-29 Wed, 02 Nov 2016 17:38:48 GMT Wayang Golek Giri Harja II (Ade Kosasih Sunarya) - Ulun Umbul <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video u... <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Ulun Umbul</h2> <h4 style="text-align:left; color: #FFF8DC">Giriharja II - Ade Kosasih Sunarya</h4> <img id="myImg" src="http://dc604.4shared.com/img/5aSzRDaOba/s23/15825f0f450/Ulun_Umbul" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Download/Stream</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Ulun Umbul</h2> <h4 class="modal-title" style="text-align:center; color:black;">Giriharja II - Ade Kosasih Sunarya</h4> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/5.11.9/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script></link><script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script></link> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="http://dc604.4shared.com/img/5aSzRDaOba/s23/15825f0f450/Ulun_Umbul" data-setup="{}"> <source src="http://dc604.4shared.com/img/DY082t5kce/ff6b2b94/dlink__2Fdownload_2FDY082t5kce_2FUlun_5FUmbul_5F1.mp3_3Fsbsr_3Dcd0bd88a65e870e36a6c81bb331a1ddd98b_26lgfp_3D7200/preview.mp3" type='video/mp4'> </video> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="http://dc604.4shared.com/img/DY082t5kce/ff6b2b94/dlink__2Fdownload_2FDY082t5kce_2FUlun_5FUmbul_5F1.mp3_3Fsbsr_3Dcd0bd88a65e870e36a6c81bb331a1ddd98b_26lgfp_3D7200/preview.mp3"> 01. Ulun Umbul Bag. 1</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/OT6ULWLwba/27185a5c/dlink__2Fdownload_2FOT6ULWLwba_2FUlun_5FUmbul_5F2.mp3_3Fsbsr_3Dd711942ce10a0e9784d71497e3dbd94598b_26lgfp_3D7200/preview.mp3"> 02. Ulun Umbul Bag. 2</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/76Ys6X-Rce/fe3dafec/dlink__2Fdownload_2F76Ys6X-Rce_2FUlun_5FUmbul_5F3.mp3_3Fsbsr_3D7d446add7e6d30bc7b22c9577be7ce3698b_26lgfp_3D7200/preview.mp3"> 03. Ulun Umbul Bag. 3</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/QsYg8WBCce/c23771bc/dlink__2Fdownload_2FQsYg8WBCce_2FUlun_5FUmbul_5F4.mp3_3Fsbsr_3D242abfe609ab49d8ac973bd2364632ec98b_26lgfp_3D7200/preview.mp3"> 04. Ulun Umbul Bag. 4</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/Ah-KXxJjce/c3c12635/dlink__2Fdownload_2FAh-KXxJjce_2FUlun_5FUmbul_5F5.mp3_3Fsbsr_3De987d1dd5c77a9c21011a2c71aa0c6a398b_26lgfp_3D7200/preview.mp3"> 05. Ulun Umbul Bag. 5</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/O-saom6qba/1cf243a3/dlink__2Fdownload_2FO-saom6qba_2FUlun_5FUmbul_5F6.mp3_3Fsbsr_3Df11ebe8907bafcbf349ea474bfc36df398b_26lgfp_3D7200/preview.mp3"> 06. Ulun Umbul Bag. 6</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=700,height=350"); myWindow.document.write("<img src='http://hadisukoco.usite.pro/Ade_Kosasih_Sunarya_Prof.jpg' alt='darso' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Ade Kosasih Sunarya</strong> merupakan dalang kondang yang mengenalkan kesenian sunda khususnya dalam seni wayang golek beliau lahir di bandung tanggal 2 januari 1920 tepatnya di daerah manggahang.</p><p style='color:black; text-align:justify'>Beliau putra dari juhari bin artasim dan beliau mendirikan padepokan pusaka giri harja pada tahun 1957 yaitu tempat kursus pedalangan wayang golek purwa yang terletak di kampung jelekong, ciparay, bandung.</p><p style='color:black; text-align:justify'>Pada 1970 sampai tahun 1980 beliau menemui masa keemasan serta di undang menjadi bintang tamu untuk mengenalkan budaya indonesia yaitu kesenian sunda di bidang kesenian wayang golek untuk menghibur masyarakat luar negeri tepatnya di daerah prancis dan swedia pada tahun 1985.</p><p style='color:black; text-align:justify'>Dalang wayang golek kondang H Ade Kosasih Sunarya (58) meninggal dunia di RS Rajawali Kota Bandung pada Kamis dinihari sekitar pukul 02.30 WIB, karena penyakit kanker dan maag yang dideritanya selama ini.</p><p style='color:black; text-align:justify'>Alm. Ade Kosasih Sunarya meninggalkan seorang istri Ny Euis Rustini serta tiga orang putra dan delapan putri. Jejaknya sebagai dalang ditularkan kepada anak kelimanya Deden Suntara serta cucunya Adi Konthea.</p><p style='color:black; text-align:justify'>Semasa hidupnya, Ade dikenal sebagai dalang wayang golek yang mempertahankan `pakem` dengan kelompok Giri Harja I. Selama karier dalangnya, ia sudah merekam sebanyak 79 pentasan wayang golek baik pada kaset maupun VCD.</p><p style='color:black; text-align:justify'>Beberapa judul atau lalakon wayang yang terkenal yang pernah dibawakannya adalah Rahwana Gugur, Trinata, Dahara Aral, Sanghiang Talaga Pancuran dan Pandawa Samrat.<p style='color:black; text-align:justify'>'Terakhir ia manggung dengan lakon Pandawa Samrat pada November 2006 yang disponsori oleh Dinas Pariwisata Jabar',</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/wayang_golek_giri_harja_ii_ade_kosasih_sunarya_ulun_umbul/2016-10-27-28 Wayang Golek abahchoy https://hadisukoco.usite.pro/news/wayang_golek_giri_harja_ii_ade_kosasih_sunarya_ulun_umbul/2016-10-27-28 Thu, 27 Oct 2016 18:11:50 GMT Wayang Golek Giri Harja II (Ade Kosasih Sunarya) - Sanghyang Bayu Peteng <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video u... <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Sanghyang Bayu Peteng</h2> <h4 style="text-align:left; color: #FFF8DC">Giriharja II - Ade Kosasih Sunarya</h4> <img id="myImg" src="http://dc604.4shared.com/img/7rXoW8Dzce/s23/15825d73290/Sanghyang_Bayu_Peteng" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Download/Stream</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Sanghyang Bayu Peteng</h2> <h4 class="modal-title" style="text-align:center; color:black;">Giriharja II - Ade Kosasih Sunarya</h4> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/5.11.9/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script></link><script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script></link> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="http://dc604.4shared.com/img/7rXoW8Dzce/s23/15825d73290/Sanghyang_Bayu_Peteng" data-setup="{}"> <source src="http://dc604.4shared.com/img/-rZKpDdHba/af968437/dlink__2Fdownload_2F-rZKpDdHba_2FWayang_5Fgolek_5Fade_5Fkosasih_5Fsunar.mp3_3Fsbsr_3D050c4050e660e6529d213876116923db98b_26lgfp_3D7200/preview.mp3" type='video/mp4'> </video> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="http://dc604.4shared.com/img/-rZKpDdHba/af968437/dlink__2Fdownload_2F-rZKpDdHba_2FWayang_5Fgolek_5Fade_5Fkosasih_5Fsunar.mp3_3Fsbsr_3D050c4050e660e6529d213876116923db98b_26lgfp_3D7200/preview.mp3"> 01. Sanghyang Bayu Peteng Bag. 1</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/E6wLKLtMba/79e9939/dlink__2Fdownload_2FE6wLKLtMba_2FWayang_5Fgolek_5Fade_5Fkosasih_5Fsunar.mp3_3Fsbsr_3Db4178cfd12ba93e7987d8658adb5cf9498b_26lgfp_3D7200/preview.mp3"> 02. Sanghyang Bayu Peteng Bag. 2</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/tThOlreGce/39e58044/dlink__2Fdownload_2FtThOlreGce_2FWayang_5Fgolek_5Fade_5Fkosasih_5Fsunar.mp3_3Fsbsr_3D823b7e7a6c1b03f6bfd5f82706acfb8498b_26lgfp_3D7200/preview.mp3"> 03. Sanghyang Bayu Peteng Bag. 3</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/3D72O5xNba/46069d7e/dlink__2Fdownload_2F3D72O5xNba_2FWayang_5Fgolek_5Fade_5Fkosasih_5Fsunar.mp3_3Fsbsr_3Df334c7a6738b7b6a3127dfa2057427e598b_26lgfp_3D7200/preview.mp3"> 04. Sanghyang Bayu Peteng Bag. 4</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/qu9ORDeOba/57a6a047/dlink__2Fdownload_2Fqu9ORDeOba_2FWayang_5Fgolek_5Fade_5Fkosasih_5Fsunar.mp3_3Fsbsr_3D502917a7cb64eee36e826c1976e5c49f98b_26lgfp_3D7200/preview.mp3"> 05. Sanghyang Bayu Peteng Bag. 5</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/RenPeHuEba/fe3a7948/dlink__2Fdownload_2FRenPeHuEba_2FWayang_5Fgolek_5Fade_5Fkosasih_5Fsunar.mp3_3Fsbsr_3Df58e798b28b621d6ff68d2b65bf1e54598b_26lgfp_3D7200/preview.mp3"> 06. Sanghyang Bayu Peteng Bag. 6</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/b7mZLaNwba/e99a5a70/dlink__2Fdownload_2Fb7mZLaNwba_2FWayang_5Fgolek_5Fade_5Fkosasih_5Fsunar.mp3_3Fsbsr_3D9417509dc072f1232580d5f14a70a89698b_26lgfp_3D7200/preview.mp3"> 07. Sanghyang Dewa Nanaon Bag. 7-8 TAMAT</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=700,height=350"); myWindow.document.write("<img src='http://hadisukoco.usite.pro/Ade_Kosasih_Sunarya_Prof.jpg' alt='darso' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Ade Kosasih Sunarya</strong> merupakan dalang kondang yang mengenalkan kesenian sunda khususnya dalam seni wayang golek beliau lahir di bandung tanggal 2 januari 1920 tepatnya di daerah manggahang.</p><p style='color:black; text-align:justify'>Beliau putra dari juhari bin artasim dan beliau mendirikan padepokan pusaka giri harja pada tahun 1957 yaitu tempat kursus pedalangan wayang golek purwa yang terletak di kampung jelekong, ciparay, bandung.</p><p style='color:black; text-align:justify'>Pada 1970 sampai tahun 1980 beliau menemui masa keemasan serta di undang menjadi bintang tamu untuk mengenalkan budaya indonesia yaitu kesenian sunda di bidang kesenian wayang golek untuk menghibur masyarakat luar negeri tepatnya di daerah prancis dan swedia pada tahun 1985.</p><p style='color:black; text-align:justify'>Dalang wayang golek kondang H Ade Kosasih Sunarya (58) meninggal dunia di RS Rajawali Kota Bandung pada Kamis dinihari sekitar pukul 02.30 WIB, karena penyakit kanker dan maag yang dideritanya selama ini.</p><p style='color:black; text-align:justify'>Alm. Ade Kosasih Sunarya meninggalkan seorang istri Ny Euis Rustini serta tiga orang putra dan delapan putri. Jejaknya sebagai dalang ditularkan kepada anak kelimanya Deden Suntara serta cucunya Adi Konthea.</p><p style='color:black; text-align:justify'>Semasa hidupnya, Ade dikenal sebagai dalang wayang golek yang mempertahankan `pakem` dengan kelompok Giri Harja I. Selama karier dalangnya, ia sudah merekam sebanyak 79 pentasan wayang golek baik pada kaset maupun VCD.</p><p style='color:black; text-align:justify'>Beberapa judul atau lalakon wayang yang terkenal yang pernah dibawakannya adalah Rahwana Gugur, Trinata, Dahara Aral, Sanghiang Talaga Pancuran dan Pandawa Samrat.<p style='color:black; text-align:justify'>'Terakhir ia manggung dengan lakon Pandawa Samrat pada November 2006 yang disponsori oleh Dinas Pariwisata Jabar',</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/wayang_golek_giri_harja_ii_ade_kosasih_sunarya_sanghyang_bayu_peteng/2016-10-27-27 Wayang Golek abahchoy https://hadisukoco.usite.pro/news/wayang_golek_giri_harja_ii_ade_kosasih_sunarya_sanghyang_bayu_peteng/2016-10-27-27 Thu, 27 Oct 2016 17:40:23 GMT Wayang Golek Giriharja II (Ade Kosasih Sunarya) - Sanghyang Dewa Nanaon <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video u... <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Sanghyang Dewa Nanaon</h2> <h4 style="text-align:left; color: #FFF8DC">Giriharja II - Ade Kosasih Sunarya</h4> <img id="myImg" src="http://hadisukoco.usite.pro/Dewa_Nanaon.jpg" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Download/Stream</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h2 style="text-align:center; color: black">Sanghyang Dewa Nanaon</h2> <h4 class="modal-title" style="text-align:center; color:black;">Giriharja II - Ade Kosasih Sunarya</h4> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/5.11.9/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script></link><script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script></link> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="http://hadisukoco.usite.pro/Dewa_Nanaon.jpg" data-setup="{}"> <source src="http://dc604.4shared.com/img/GxLiUS8yce/733963cb/dlink__2Fdownload_2FGxLiUS8yce_2FSanghyang_5FDewa_5FNanaon_5F1.mp3_3Fsbsr_3D988231c469215311fc6034f7db80006498b_26lgfp_3D7200/preview.mp3" type='video/mp4'> </video> <script src="http://vjs.zencdn.net/5.11.9/video.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="http://dc604.4shared.com/img/GxLiUS8yce/733963cb/dlink__2Fdownload_2FGxLiUS8yce_2FSanghyang_5FDewa_5FNanaon_5F1.mp3_3Fsbsr_3D988231c469215311fc6034f7db80006498b_26lgfp_3D7200/preview.mp3"> 01. Sanghyang Dewa Nanaon Bag. 1</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/qjaHSYs4ce/c141e12c/dlink__2Fdownload_2FqjaHSYs4ce_2FSanghyang_5FDewa_5FNanaon_5F2.mp3_3Fsbsr_3Dec9b9e4b53cc5b94da686b26334b6cb098b_26lgfp_3D7200/preview.mp3"> 02. Sanghyang Dewa Nanaon Bag. 2</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/5sxnX3Tjce/5d1b26dd/dlink__2Fdownload_2F5sxnX3Tjce_2FSanghyang_5FDewa_5FNanaon_5F3.mp3_3Fsbsr_3D43f6857b6d7ff0600bdf6b4e769da57598b_26lgfp_3D7200/preview.mp3"> 03. Sanghyang Dewa Nanaon Bag. 3</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/JfEvV0pzce/85b64fd/dlink__2Fdownload_2FJfEvV0pzce_2FSanghyang_5FDewa_5FNanaon_5F4.mp3_3Fsbsr_3Def2bb834988a5c5a9f320c8c226fe9f198b_26lgfp_3D7200/preview.mp3"> 04. Sanghyang Dewa Nanaon Bag. 4</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/NUHK8OtCce/224b713a/dlink__2Fdownload_2FNUHK8OtCce_2FSanghyang_5FDewa_5FNanaon_5F5.mp3_3Fsbsr_3Da674218f907cef1965dab0305e2dbf4a98b_26lgfp_3D7200/preview.mp3"> 05. Sanghyang Dewa Nanaon Bag. 5</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/CAmH5YI7ce/6b43ee2c/dlink__2Fdownload_2FCAmH5YI7ce_2FSanghyang_5FDewa_5FNanaon_5F6.mp3_3Fsbsr_3D033d805f23ce7333621b172aae669d4498b_26lgfp_3D7200/preview.mp3"> 06. Sanghyang Dewa Nanaon Bag. 6</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/X2x1eXxEce/946b797c/dlink__2Fdownload_2FX2x1eXxEce_2FSanghyang_5FDewa_5FNanaon_5F7.mp3_3Fsbsr_3D649bcb9f76f0ca836278ec3421fa7caf98b_26lgfp_3D7200/preview.mp3"> 07. Sanghyang Dewa Nanaon Bag. 7</a></li> <li style="background: #333;"> <a href="http://dc604.4shared.com/img/2oZjk78_ba/9456ffce/dlink__2Fdownload_2F2oZjk78_5Fba_2FSanghyang_5FDewa_5FNanaon_5F8.mp3_3Fsbsr_3Db20db10f648e8c72aa0b695c9811265f98b_26lgfp_3D7200/preview.mp3"> 08. Sanghyang Dewa Nanaon Bag. 8</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=700,height=350"); myWindow.document.write("<img src='http://hadisukoco.usite.pro/Ade_Kosasih_Sunarya_Prof.jpg' alt='darso' style='width:160px;height:auto;float:left;'><p style='color:black; text-align:justify'><strong>Ade Kosasih Sunarya</strong> merupakan dalang kondang yang mengenalkan kesenian sunda khususnya dalam seni wayang golek beliau lahir di bandung tanggal 2 januari 1920 tepatnya di daerah manggahang.</p><p style='color:black; text-align:justify'>Beliau putra dari juhari bin artasim dan beliau mendirikan padepokan pusaka giri harja pada tahun 1957 yaitu tempat kursus pedalangan wayang golek purwa yang terletak di kampung jelekong, ciparay, bandung.</p><p style='color:black; text-align:justify'>Pada 1970 sampai tahun 1980 beliau menemui masa keemasan serta di undang menjadi bintang tamu untuk mengenalkan budaya indonesia yaitu kesenian sunda di bidang kesenian wayang golek untuk menghibur masyarakat luar negeri tepatnya di daerah prancis dan swedia pada tahun 1985.</p><p style='color:black; text-align:justify'>Dalang wayang golek kondang H Ade Kosasih Sunarya (58) meninggal dunia di RS Rajawali Kota Bandung pada Kamis dinihari sekitar pukul 02.30 WIB, karena penyakit kanker dan maag yang dideritanya selama ini.</p><p style='color:black; text-align:justify'>Alm. Ade Kosasih Sunarya meninggalkan seorang istri Ny Euis Rustini serta tiga orang putra dan delapan putri. Jejaknya sebagai dalang ditularkan kepada anak kelimanya Deden Suntara serta cucunya Adi Konthea.</p><p style='color:black; text-align:justify'>Semasa hidupnya, Ade dikenal sebagai dalang wayang golek yang mempertahankan `pakem` dengan kelompok Giri Harja I. Selama karier dalangnya, ia sudah merekam sebanyak 79 pentasan wayang golek baik pada kaset maupun VCD.</p><p style='color:black; text-align:justify'>Beberapa judul atau lalakon wayang yang terkenal yang pernah dibawakannya adalah Rahwana Gugur, Trinata, Dahara Aral, Sanghiang Talaga Pancuran dan Pandawa Samrat.<p style='color:black; text-align:justify'>'Terakhir ia manggung dengan lakon Pandawa Samrat pada November 2006 yang disponsori oleh Dinas Pariwisata Jabar',</p><p style='color:black; text-align:justify'>===================================================</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/wayang_golek_giriharja_ii_ade_kosasih_sunarya_sanghyang_dewa_nanaon/2016-10-27-26 Wayang Golek abahchoy https://hadisukoco.usite.pro/news/wayang_golek_giriharja_ii_ade_kosasih_sunarya_sanghyang_dewa_nanaon/2016-10-27-26 Thu, 27 Oct 2016 16:43:05 GMT Euis Komariah - Waroeng Tjikopi (Warung Cikopi) Full Album <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video u... <!DOCTYPE html> <html> <title>Example of Embedding YouTube Video inside Bootstrap Modal</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: auto; } .modal-content iframe{ margin: auto; display: block; } </style> <script type="text/javascript"> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#cartoonvideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#myModal2").on('hide.bs.modal', function(){ $('body').on('hidden.bs.modal', '.modal', function () { $('video').trigger('pause'); }); $("#cartoonvideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#myModal2").on('show.bs.modal', function(){ $("#cartoonvideo").attr('src', url); $('body').on('show.bs.modal', '.modal', function () { $('video').trigger('play'); }); }); }); </script> <body> <!-- Trigger the modal info with a button --> <div class="container"> <h2 style="text-align:left; color: #FFF8DC">Euis Komariah</h2> <h4 style="text-align:left; color: #FFF8DC">Modjang Bandung (Warung Cikopi) Full Album</h4> <img id="myImg" src="http://hadisukoco.usite.pro/EUIS_KOMARIAH-AGUS_SJARIF_BAND_ELECTRICA-MODJANG_B.jpg" width="20%" height="auto"> <div> <button onclick="myButton()" class="btn btn-info btn-md">Information</button> <button type="button" class="btn btn-info btn-md" id="myBtn2">Download/Stream</button> </head> <body style="background-color:#696969;"> <!-- Trigger the modal with a button --> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal("toggle"); }); }); </script> <!-- Trigger the modal download/stream with a button --> <div class="container"> <!-- Modal Download/stream --> <div class="modal fade" id="myModal2" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title" style="text-align:center; color:black;">Euis Komariah - Modjang Bandung (Warung Cikopi) Full Album</h4> </div> <div class="modal-body"> <div class="modal-body"> <!-- video Player --> <div style="text-align: left;"> <style> #playlist,video{background:#3D004C;width:550px;padding:30px;} .active a{color:#5DB0E6;text-decoration:none;} ul a{color:#eeeedd;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <link href="http://vjs.zencdn.net/5.11.7/video-js.css" rel="stylesheet"> <link rel="stylesheet" </head> <script src="http://vjs.zencdn.net/5.11.7/video.js"></script></link><script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script></link> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> <body> <video id="video" class="video-js" controls preload="auto" tabindex="0" controls="" width="550" height="320" poster="http://hadisukoco.usite.pro/EUIS_KOMARIAH-AGUS_SJARIF_BAND_ELECTRICA-MODJANG_B.jpg" data-setup="{}"> <source src="http://dc585.4shared.com/img/vg7lhoeYba/57f0c843/dlink__2Fdownload_2Fvg7lhoeYba_2F1_5Fwarung_5Ftjikopi.mp3_3Fsbsr_3Dcff6b2ce2f2b4e752b38ce378dd9e558987_26lgfp_3D7200/preview.mp3" type='video/mp4'> </video> <script src="http://vjs.zencdn.net/5.11.7/video.js"></script> <style> #playlist,video{background:#666;width:550px;padding:20px;} .active a{color:#7FFF00;text-decoration:none;} ul a{color:#6FFF0;padding:5px;display:block;} li a:hover{text-decoration:none;} </style> <ul id="playlist"> <li class="active" style="background: #333;"> <a href="http://dc585.4shared.com/img/vg7lhoeYba/57f0c843/dlink__2Fdownload_2Fvg7lhoeYba_2F1_5Fwarung_5Ftjikopi.mp3_3Fsbsr_3Dcff6b2ce2f2b4e752b38ce378dd9e558987_26lgfp_3D7200/preview.mp3"> 01. Warung Tjikopi</a></li> <li style="background: #333;"> <a href="http://dc585.4shared.com/img/JNc-8Zqpba/33803d0c/dlink__2Fdownload_2FJNc-8Zqpba_2F2_5Fnasib_5Fdiri.mp3_3Fsbsr_3Dc417580f01dee30b1beaf75f448367c2987_26lgfp_3D7200/preview.mp3"> 02. Nasib Diri</a></li> <li style="background: #333;"> <a href="http://dc585.4shared.com/img/QCgK2q6Dce/619977a4/dlink__2Fdownload_2FQCgK2q6Dce_2F3_5Fkapegat_5Ftali_5Fasih.mp3_3Fsbsr_3D4a19eadb3ce76c5274ab8dee6fec5778987_26lgfp_3D7200/preview.mp3"> 03. Kapegat Tali Asih</a></li> <li style="background: #333;"> <a href="http://dc585.4shared.com/img/7hRU95SVba/51babece/dlink__2Fdownload_2F7hRU95SVba_2F4_5Fpatepung_5Fdina_5Fimpian.mp3_3Fsbsr_3Df7a3cc618721295f6dc6dc1f53915ff7987_26lgfp_3D7200/preview.mp3"> 04. Patepung Dina Impian</a></li> <li style="background: #333;"> <a href="http://dc585.4shared.com/img/Vng4SqFBce/678d6df4/dlink__2Fdownload_2FVng4SqFBce_2F5_5Fabdi_5Fmah_5Fdulang_5Ftinande.mp3_3Fsbsr_3D9fded1e0c015a11c85831c5f88f6fc90987_26lgfp_3D7200/preview.mp3"> 05. Abdi Mah Dulang Tinande</a></li> <li style="background: #333;"> <a href="http://dc585.4shared.com/img/7QjFGbzOce/c913a190/dlink__2Fdownload_2F7QjFGbzOce_2F6_5Fmodjang_5Fbandung.mp3_3Fsbsr_3D07c72da7225f73fb44dab9287ec2985e987_26lgfp_3D7200/preview.mp3"> 06. Modjang Bandung</a></li> <li style="background: #333;"> <a href="http://dc585.4shared.com/img/eA1CAC4wba/6b2a5b87/dlink__2Fdownload_2FeA1CAC4wba_2F7_5Fdadaku_5Fselalu_5Fberdebar.mp3_3Fsbsr_3D08af94dcaeafc6effb5a33d4140a5f2c987_26lgfp_3D7200/preview.mp3"> 07. Dadaku Selalu Berdebar</a></li> <li style="background: #333;"> <a href="http://dc585.4shared.com/img/xHD0zwU2ba/1636dae5/dlink__2Fdownload_2FxHD0zwU2ba_2F8_5Fmunggaran_5Fpapatjangan.mp3_3Fsbsr_3D99750fd99beecb22ef9e7e523aff9caa987_26lgfp_3D7200/preview.mp3"> 08. Munggaran Papatjangan</a></li> </ul> <script type="text/javascript"> var video; var playlist; var tracks; var current; init(); function init(){ current = 0; video = $('video'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; video[0].volume = .99; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, video[0]); }); video[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),video[0]); }); } function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); video[0].load(); video[0].play(); } </script> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal("toggle"); }); }); </script> <!-- Information paragraph --> <script> function myButton() { var myWindow = window.open("", "", "width=700,height=350"); myWindow.document.write("<img src='http://hadisukoco.usite.pro/EUIS_KOMARIAH-AGUS_SJARIF_BAND_ELECTRICA-MODJANG_B.jpg' alt='' style='width:auto;height:180px;float:left;'><p style='color:black; text-align:justify'>Lagu Pop Sunda yang dibawakan oleh Euis Komariah dan Agus Sjarif, diiringi Band Electrica pimpinan Bapak Iwan.</p><p style='color:black; text-align:justify'>Euis Komariah merupakan juru kawih degung yang populer dan berasal dari kalangan mamaos. Beliau juga merupakan pimpinan dari Lingkung seni Dewi Pramanik.</p>"); } function myFunction2() { var myWindow2 = window.open("", "", "width=auto,height=auto"); } </script> </body> </html> https://hadisukoco.usite.pro/news/euis_komariah_waroeng_tjikopi_warung_cikopi_full_album/2016-10-04-25 Pop Sunda Lawas abahchoy https://hadisukoco.usite.pro/news/euis_komariah_waroeng_tjikopi_warung_cikopi_full_album/2016-10-04-25 Tue, 04 Oct 2016 18:52:07 GMT