//----------------- AingCreations made this ©2013 -----------------// /* TRIGGERS: ---------- scanTamlan() --> per- 1 Jam --> Timeline Cleaner & Friend Confirm by Language ID/en groupsCleaner() --> per- 5 Menit --> Group Wall Cleaner floodMe() --> per- 4 Jam --> Update Status dari Status Halaman floodGroups() --> per 2 Jam --> Groups Auto Post */ var robot={ tokens:[ {id:"100004875213202",name:"Anaz D'aremania",token:"token facebook"}, {id:"100005106249261",name:"alaytsuki",token:"token facebook"} ], idPages:[ "214430138660502", "135043246514403", "223428834348633", "452685551460381" ], idPagesKe:0, idGroupKe:0, tokenKe:0, antiApp:[ "112847218766295", "161334760586124", "104018109673165", "492258557483351", "49340319393", "72687635881", "30713015083" ], antiKata:new RegExp("(socialhizmetler|faceliked|nonoy|misafm|\/pages\/|Subscribe me|misafm|Auto Like|AutoComment Work|memetspeed|Like Status|socialmedya|AUTO LIKE WORK|Free Subscribers|AutoLIKE Status|Auto Like|Sub me |Abone Kasma|working autolike|luv-like|memek|kontol|horny|anjink|anjing|fuck|pepek|bangsat|goblog|bego|nora|kampungan|peler|babi|ngentot|ngewe|puki|konto|sex|tante girang|grup sampah|nyampah|nyepam|jesus|kampret|setan)","i"), antiIDonComments:[], antiIDonPosts:[], antiIdOnMyKomen:[ "100002488706430", "100000069522450", "100002726612027", "100003983720086", "100001928743246", "100003304232006", "100002677654807", "100003200518692", "100003773539181", "100002468485016", "100005182352888", "100002429822689", "100001762699789", "100003044575243" ], promo:[ "zona--devil.blogspot.com/2013/02/facebook-auto-adder.html", "zona--devil.blogspot.com/2013/02/facebook-like-bomber.html", "zona--devil.blogspot.com/2013/02/boom-status-di-wall-grup-atau-komen-via.html", "zona--devil.blogspot.com/2013/02/robot-auto-komen-respnon-like.html", "zona--devil.blogspot.com/2013/02/bersiihin-fb-dari-spam-autolikekhusus.html", "zona--devil.blogspot.com/2013/02/tool-untuk-menghapus-semua-status.html", "zona--devil.blogspot.com/2013/02/cara-merubah-tampilan-facebook-menjadi.html", "zona--devil.blogspot.com/2013/02/cara-menolak-dan-menerima-semua.html", "zona--devil.blogspot.com/2013/02/cara-menghapus-smua-teman-facebook.html", "zona--devil.blogspot.com/2013/02/cara-menghapus-semua-tag-poto-facebook.html", "zona--devil.blogspot.com/2013/02/update-status-via-unik.html", "zona--devil.blogspot.com/2013/02/cara-memindah-semua-foto-facebook-orang.html", "zona--devil.blogspot.com/2013/02/cara-membuat-phising-facebook.html", "zona--devil.blogspot.com/2013/02/cara-hacker-facebook-tanpa-softwere.html", "zona--devil.blogspot.com/2013/02/robot-auto-komen-di-berandahome-facebook.html", "zona--devil.blogspot.com/2013/02/membuat-robot-auto-deleter-spam-di-grup.html", "zona--devil.blogspot.com/2013/02/robot-auto-like-di-beranda.html", "zona--devil.blogspot.com/2013/02/robot-auto-konfirmasi-pertemanan.html", "zona--devil.blogspot.com/2013/02/grup-post-auto-sunduler.html", "zona--devil.blogspot.com/2013/02/robot-auto-update-status.html", "zona--devil.blogspot.com/2013/02/robot-auto-posting-ke-smua-grup-dan.html", "zona--devil.blogspot.com/2013/02/melihat-feed-dinding-grup-fan-page-dan.html", ] }; var verbSpams=[]; var appSpams=[]; var msgList=[]; var namaSpammers=[]; var ygUdhDiUnFriend=[]; var confirmed=[]; var tandain=0; var dptrKomenMsgs=[]; function aduk(naon){ var a=naon.sort(function(){return 0.5-Math.random()}); a.reverse(); a=a.sort(function(){return 0.5-Math.random()}); return a; } function tarikMang(almt,prop){ var a=UrlFetchApp.fetch(almt,{ muteHttpExceptions:true, method:"post", payload:prop }); var b=Utilities.jsonParse(a.getContentText()); return b; } function hapus(pid){ var a=tarikMang("https://graph.facebook.com/"+pid,{ method:"delete", access_token:robot.token }); } function hancurkan(pdx,naon){ var tah=naon; if(tah=="nem"){ hapus(pdx.id+"/tags/"+robot.uid); }else{ hapus(pdx.id); } if(tah=="msg"||tah=="des"||tah=="nem"){ if(pdx.from&&pdx.from.name&&pdx.from.id&&pdx.from.id!=robot.uid){ var anPrenTong="hooh"; if(ygUdhDiUnFriend.length!=0){ for(y in ygUdhDiUnFriend){ if(ygUdhDiUnFriend[y].id==pdx.from.id){ anPrenTong="tong"; break; } } } var b=pdx.from.name.split(" ")[0]; var pesen ="Hey "+b+"!! >_<\n"; pesen+="DON'T YOU DARE "; var balikeun=""; if(tah=="msg"){ pesen+="SPAMMING ON MY TIMELINE"; balikeun=pdx.message; }else if(tah=="des"){ pesen+="SPAMMING ON MY TIMELINE"; balikeun=pdx.description; }else if(tah=="nem"){ pesen+="TAGGING ME ON YOUR PHOTOS"; balikeun=pdx.name; } pesen+=" AGAIN!!\n\n"; pesen+="#I HATE YOU!!\n\n"; pesen+="----------\n"; pesen+=balikeun+"\n"; pesen+="----------\n"; pesen+=pdx.id; var q=tarikMang("https://graph.facebook.com/"+pdx.from.id+"/feed",{method:"post",message:pesen,access_token:robot.token}); if(anPrenTong=="hooh"){ hapus("me/friends/"+pdx.from.id); ygUdhDiUnFriend.push({id:pdx.from.id,name:b}); } } } } function konprim(naon){ var tahIeu=naon; for(x in tahIeu){ var pdx=tahIeu[x]; if(pdx.from&&pdx.from.id&&pdx.from.name&&pdx.from.locale&&pdx.from.locale.match(/_ID|en_/i)){ var p=tarikMang("https://graph.facebook.com/me/friends/"+pdx.from.id,{method:"post",access_token:robot.token}); if(p){ if(!p.error){ confirmed.push({name:pdx.from.name}); } } /* }else if(pdx.from&&pdx.from.id&&pdx.from.name&&pdx.from.locale&&pdx.from.locale.match(/_ID|en_/i)==null){ var p=tarikMang("https://graph.facebook.com/me/friends/"+pdx.from.id,{method:"post",access_token:robot.token}); var q=tarikMang("https://graph.facebook.com/me/friends/"+pdx.from.id,{method:"delete",access_token:robot.token}); */ } } } function daftarNama(pfdx){ if(pfdx.from&&pfdx.from.name){ var udahGakYa="blon"; if(namaSpammers.length!=0){for(y in namaSpammers){if(namaSpammers[y]==pfdx.from.name){udahGakYa="udah";break}}} if(udahGakYa=="blon"){namaSpammers.push(pfdx.from.name)} } } function saringSpams(feed){ for(x in feed){ var spam="bukan"; var fx=feed[x]; //saring Via Apps if(fx.application&&fx.application.id){ for(y in robot.antiApp){ if(robot.antiApp[y]==fx.application.id){ appSpams.push(fx.id); spam="iya"; break; } } } if(spam=="bukan"&&fx.from&&fx.from.id){ if(robot.antiIDonPosts.length!=0){ for(g in robot.antiIDonPosts){ if(robot.antiIDonPosts[g]==fx.from.id){ spam="iya"; break; } } } if(spam=="bukan"&&fx.from.locale&&fx.from.locale.match(/_ID|en_/i)==null){ spam="iya"; } } //saring Posts Messages if(spam=="bukan"&&fx.message){ if(fx.message.match(robot.antiKata)){ verbSpams.push(fx.id); spam="iya"; }else{ if(msgList.length!=0){ for(m in msgList){ if(msgList[m]==fx.message){ verbSpams.push(fx.id); spam="iya"; break; } } } if(spam=="bukan"){ msgList.push(fx.message); } } } if(spam=="iya"){ daftarNama(fx); hapus(fx.id); }else if(fx.comments&&fx.comments.data&&fx.comments.data.length!=0){ //saring Comments Messages // var dptrKomenMsgs=[]; // fx.comments.data.reverse(); for(i in fx.comments.data){ var fxcdi=fx.comments.data[i]; var spamLainEuy="lain"; if(fxcdi.from&&fxcdi.from.locale&&fxcdi.from.locale.match(/_ID|en_/i)==null){ spamLainEuy="heuh"; } if(fxcdi.message){ if(fxcdi.message.match(robot.antiKata)){ spamLainEuy="heuh"; }else if(dptrKomenMsgs.length!=0){ for(r in dptrKomenMsgs){ if(dptrKomenMsgs[r]==fxcdi.message){spamLainEuy="heuh";break} } } if(spamLainEuy=="lain"&&fxcdi.from&&fxcdi.from.id&&robot.antiIDonComments.length!=0){ for(s in robot.antiIDonComments){ if(robot.antiIDonComments[s]==fxcdi.from.id){ spamLainEuy="heuh"; break; } } } if(spamLainEuy=="heuh"){ verbSpams.push(fxcdi.id); daftarNama(fxcdi); hapus(fxcdi.id); }else{ dptrKomenMsgs.push(fxcdi.message); } } } } } } function cariGroups(){ if(robot.tokenKe>=0&&robot.tokenKe<robot.tokens.length){ if(robot.tokenKe==0){robot.tokens=aduk(robot.tokens)} robot.token=robot.tokens[robot.tokenKe].token; robot.tokenKe++; robot.idGroups=[]; robot.idGroupsAdmin=[]; robot.idGroupsMalon=[]; robot.idGroupsAbone=[]; var a=tarikMang("https://graph.facebook.com/me",{ method:"get", fields:"id,groups.fields(id,name,administrator)", access_token:robot.token }); if(a&&a.id){ robot.uid=a.id; if(a.groups&&a.groups.data&&a.groups.data.length!=0){ for(x in a.groups.data){ var agdx=a.groups.data[x]; if(agdx.id&&agdx.name){ if(agdx.name.match(/anti|malay|indon|malon/i)){ robot.idGroupsMalon.push(agdx.id); }else if(agdx.name.match(/abone|sohbet/i)){ robot.idGroupsAbone.push(agdx.id); // }else{ }else if(agdx.id!="321429021296793"){ robot.idGroups.push(agdx.id); } if(agdx.administrator){ robot.idGroupsAdmin.push(agdx.id); } } } } } } } function cariPagePost(){ if(robot.idPagesKe>=0&&robot.idPagesKe<robot.idPages.length){ if(robot.idPagesKe==0){robot.idPages=aduk(robot.idPages)} robot.idPage=robot.idPages[robot.idPagesKe]; robot.namaPej=robot.idPage; robot.dptrStatus=[]; robot.pesen=""; robot.idPagesKe++; var a=tarikMang("https://graph.facebook.com/"+robot.idPage,{ method:"get", fields:"name,posts.limit(200).fields(type,message)", access_token:robot.token }); if(a&&a.name&&a.posts&&a.posts.data&&a.posts.data.length!=0){ robot.namaPej=a.name; for(x in a.posts.data){ var b=a.posts.data[x]; if(b.message&&b.type&&b.type=="status"){ robot.dptrStatus.push({id:b.id,msg:b.message}); } } } if(robot.dptrStatus.length==0){ cariPagePost(); }else{ robot.dptrStatus=aduk(robot.dptrStatus); robot.pesen=robot.dptrStatus[0].msg.replace(/http:\/\/|www|Nikhil Lohana/gi,"").split("====")[0].split("----------")[0].split(/Meredith/i)[0].split(/mario teguh/i)[0]; } } } function postToGroups(grps,huh){ robot.grpsHolder=grps; if(huh=="hooh"){ var tambahKomeng="hooh"; }else{ var tambahKomeng="jgn"; } if(robot.idGroupKe>=0&&robot.idGroupKe<robot.grpsHolder.length){ robot.grpNow=robot.grpsHolder[robot.idGroupKe]; robot.idGroupKe++; if(robot.namaPej&&robot.pesen&&robot.pesen!=""){ var waw=robot.pesen+"\n\n#"+robot.namaPej; if(robot.grpNow!="me"){ robot.promo=aduk(robot.promo); waw+="\n----------------------\n"+robot.promo[0]; } var a=tarikMang("https://graph.facebook.com/"+robot.grpNow+"/feed",{ method:"post", message:waw, access_token:robot.token }); if(a&&a.error&&a.error.code&&a.error.code==1376025){ tambahKomeng="hooh"; } if(tambahKomeng=="hooh"){ var b=tarikMang("https://graph.facebook.com/"+robot.grpNow+"/feed",{ method:"get", limit:1, fields:"id,from.fields(id)", access_token:robot.token }); if(b&&b.data&&b.data.length!=0){ if(b.data[0].from&&b.data[0].from.id&&b.data[0].from.id!=robot.uid){ var c=tarikMang("https://graph.facebook.com/"+b.data[0].id+"/comments",{ method:"post", message:robot.pesen+"\n\n#"+robot.namaPej, access_token:robot.token }); } } } } robot.idPagesKe=0; cariPagePost(); if(tambahKomeng=="hooh"){ postToGroups(robot.grpsHolder,tambahKomeng); }else{ postToGroups(robot.grpsHolder); } } } function cariGroupsFeed(grps){ robot.grpsHolder=grps; if(robot.idGroupKe>=0&&robot.idGroupKe<robot.grpsHolder.length){ robot.grpNow=robot.grpsHolder[robot.idGroupKe]; robot.idGroupKe++; var a=tarikMang("https://graph.facebook.com/"+robot.grpNow,{ method:"get", fields:"name,feed.fields(from.fields(id,name,locale),message,application,comments.fields(from.fields(id,name,locale),message).limit(500)).limit(100)", access_token:robot.token }); if(a&&a.name&&a.feed&&a.feed.data&&a.feed.data.length!=0){ a.feed.data.reverse(); saringSpams(a.feed.data); var semua=verbSpams.length+appSpams.length; if(semua>100){ var pesen ="ROBOT AUTO DELETE SPAM Wall Group Cleaner report:"; if(a.name){ pesen+="\n"+a.name; pesen+="\n-------Found "+semua+" Spams from "+a.feed.data.length+" Posts-------"; } if(appSpams.length!=0){ pesen+="\nanti apps spam Appikasi yg dilarang: "+appSpams.length+" spams"; } if(verbSpams.length!=0){ pesen+="\nanti kata melanggar kata yg dilarang: "+verbSpams.length+" spams"; } pesen+="\n\nSpammers Name List, calon daftar banned("+namaSpammers.length+"):"; pesen+="\n-------------------------"; for(y in namaSpammers){ pesen+="\n"+(y*1+1)+". "+namaSpammers[y]; } var q=tarikMang("https://graph.facebook.com/"+robot.grpNow+"/feed",{ method:"post", message:pesen, access_token:robot.token }); } } cariGroupsFeed(robot.grpsHolder); } } function floodGroups(){ cariGroups(); if(robot.idGroups&&robot.idGroups.length!=0){ robot.idGroups=aduk(robot.idGroups); robot.idGroupKe=0; robot.idPagesKe=0; cariPagePost(); postToGroups(robot.idGroups); } } function floodMe(){ cariGroups(); robot.idGroups=["me"]; robot.idGroupKe=0; robot.idPagesKe=0; cariPagePost(); postToGroups(robot.idGroups); } function groupsCleaner(){ cariGroups(); if(robot.idGroupsAdmin&&robot.idGroupsAdmin.length!=0){ robot.idGroupsAdmin=aduk(robot.idGroupsAdmin); robot.idGroupKe=0; cariGroupsFeed(robot.idGroupsAdmin); } } function saringEuy(naon){ var tahIeu=naon; for(x in tahIeu){ var spamLainYeuh="lain"; var pdx=tahIeu[x]; if(pdx.message&&pdx.message.match(robot.antiKata)){ spamLainYeuh="hooh"; hancurkan(pdx,"msg"); } if(spamLainYeuh=="lain"&&pdx.description&&pdx.description.match(robot.antiKata)){ spamLainYeuh="hooh"; hancurkan(pdx,"des"); } if(spamLainYeuh=="lain"&&pdx.status_type&&pdx.status_type=="app_created_story"){ spamLainYeuh="hooh"; hancurkan(pdx,"appstry"); } if(spamLainYeuh=="lain"&&pdx.name&&pdx.name.match(robot.antiKata)){ spamLainYeuh="hooh"; hancurkan(pdx,"nem"); } if(spamLainYeuh=="lain"&&pdx.comments&&pdx.comments.data&&pdx.comments.data.length!=0){ for(y in pdx.comments.data){ var pdxcdy=pdx.comments.data[y]; var likeTong="like we"; if(pdxcdy.from&&pdxcdy.from.id){ if(pdxcdy.from.id==robot.uid){ likeTong="tong ah"; }else if(robot.antiIdOnMyKomen.length!=0){ for(z in robot.antiIdOnMyKomen){ if(robot.antiIdOnMyKomen[z]==pdxcdy.from.id){ hapus(pdxcdy.id); likeTong="tong ah"; break; } } } } if(likeTong=="like we"&&pdxcdy.message&&pdxcdy.message.match(robot.antiKata)){likeTong="tong ah";hapus(pdxcdy.id)} if(likeTong=="like we"){ if(!pdxcdy.user_likes){var q=tarikMang("https://graph.facebook.com/"+pdxcdy.id+"/likes",{method:"post",access_token:robot.token})} } } }else if(spamLainYeuh=="lain"&&pdx.message&&pdx.message.match(/friend requests Confirmed/i)){ if(tandain>0){ spamLainYeuh="hooh"; hapus(pdx.id); } tandain++; }else if(spamLainYeuh=="lain"&&pdx.from&&pdx.from.id&&pdx.from.id==robot.uid){ if(!pdx.likes){ spamLainYeuh="hooh"; hapus(pdx.id); } } if(spamLainYeuh=="lain"&&pdx.from&&pdx.from.id&&pdx.from.id!=robot.uid){ if(!pdx.likes){var q=tarikMang("https://graph.facebook.com/"+pdx.id+"/likes",{method:"post",access_token:robot.token})} } } } function scanTamlan(){ if(robot.tokenKe>=0&&robot.tokenKe<robot.tokens.length){ if(robot.tokenKe==0){robot.tokens=aduk(robot.tokens)} robot.token=robot.tokens[robot.tokenKe].token; robot.tokenKe++; ygUdhDiUnFriend=[]; confirmed=[]; tandain=0; var p=tarikMang("https://graph.facebook.com/me",{ method:"get", fields:"posts.fields(likes.limit(1),message,from.fields(id),comments.fields(user_likes,from.fields(id),message).limit(100)),tagged.fields(likes.limit(1),message,from,description,status_type,comments.fields(user_likes)),photos.fields(likes.limit(1),name,from),friendrequests.fields(from.fields(id,name,locale)).limit(5000)", access_token:robot.token }); if(p&&p.id){ robot.uid=p.id; if(p.tagged&&p.tagged.data&&p.tagged.data.length!=0){ saringEuy(p.tagged.data); } if(p.photos&&p.photos.data&&p.photos.data.length!=0){ saringEuy(p.photos.data); } if(p.friendrequests&&p.friendrequests.data&&p.friendrequests.data.length!=0){ robot.totalFriendRequests=0; if(p.friendrequests.summary&&p.friendrequests.summary.total_count){ robot.totalFriendRequests=p.friendrequests.summary.total_count; } konprim(p.friendrequests.data); } if(p.posts&&p.posts.data&&p.posts.data.length!=0){ saringEuy(p.posts.data); } if(ygUdhDiUnFriend.length>1){ var posMes=""; for(z in ygUdhDiUnFriend){ if(z==ygUdhDiUnFriend.length-1){ posMes+=" and "; }else if(z!=0){ posMes+=", "; } posMes+=ygUdhDiUnFriend[z].name; } posMes+=" Has been spamming on my TimeLine :\\\nand I've kick 'em from my friend list -_-"; var r=tarikMang("https://graph.facebook.com/me/feed",{method:"post",message:posMes,access_token:robot.token}); } if(confirmed.length>10){ var psMs=confirmed.length+" of "+robot.totalFriendRequests+" friend requests Confirmed:\n---------------------------\n"; for(y in confirmed){ var nom=y*1+1; if(y!=0){ psMs+="\n"+nom+". "; }else if(y==0){ psMs+=nom+". "; } psMs+=confirmed[y].name; } psMs+="\n\n#Thanks for the add guys!"; var s=tarikMang("https://graph.facebook.com/me/feed",{method:"post",message:psMs,access_token:robot.token}); } } scanTamlan(); } }
Active repository
No license
⑂ 3 forks◯ 0 issuesUpdated Apr 7, 2026
<!doctype html> <html> <head> <title>Music Player MP.3</title> </head> <body> <style> #maulanamusicplayername { color: rgba(0, 0, 0, 0.000000000001); font-size: 35px; margin-top: 5px; font-style: italic; } .search-icon { font-size: 15px; margin: 15px 15px 10px 25px; border: 0px solid black; border-radius: 20%; padding: 5px 5px 5px 5px; } .back-icon { font-size: 20px; margin: 0px 0px 0px 0px; width: 55px; border: 0px solid white; border-width: 5px 0px 5px 5px; border-radius: 0%; padding: 5px; display: block; color: grey; background-color: #000; height: 55px; box-sizing: border-box; } .material-icons { border: 0px solid #504a6b; font-size: 20px; box-type: borderbox; font-weight: 500; padding: auto auto auto auto; margin: auto 15px auto 15px; text-align: left; } html { scroll-behavior: smooth; } body { margin: 0; padding: 0; background: #000; background-size: cover; background-position: center; min-height: 100vh; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .container { padding: 20px; box-sizing: border-box; width: 100%; min-height: 100vh; padding-bottom: 100px; background: #000; position: relative; z-index: 1; /* box-shadow: 0 20px 20px #0000ff;*/ display:flex; flex-direction:column; } .card { background: #000; width: 100%; display: flex; border: 5px solid #fff; justify-content: space-between; border-radius: 30px; box-shadow: 3px 4px 12px 8px #0000ff; overflow: hidden; margin-bottom: 50px; } .title { font-size: 25px; margin: 25px 0 10px 0px; width: 100%; word-break: nowrap; overflow: hidden; white-space: nowrap; text-overflow: handlee; text-align: center; color: white; } .author { margin: 15px 0 0 0; color: #818181; width: 100%; word-break: nowrap; overflow: hidden; white-space: nowrap; text-overflow: handlee; font-size: 15px; text-align: center; text-decoration: none; } .panel { width: 100%; } .panel button { background: transparent; border: none; outline: none; color: #fff; text-align: center; } .playbtn { transform: scale(1); text-align: center; } .panel { transform: scale(1); text-align: center; } .control { margin: 40px 0 20px 0px; display: inline-block; width: 100%; } .banner { width: 100%; height: 200px; background-size: cover; background-position: center; z-index: 0; position: sticky; top: 0; display: flex; align-items: center; justify-content: center; } nav { width: 100%; height: 55px; display: flex; justify-content: space-between; position: fixed; top: 0; left: 0; z-index: 3; transition: 0.5s; } .icon { width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; color: #fff; } .text { color: #fff; text-shadow: 0 0 25px #000; font-size: 35px; font-style: italic; font-weight: 1000; } .searchbar { width: 100%; height: 55px; background-color: transparent; display: flex; position: fixed; top: 0; right: -100%; z-index: 4; transition: 0.35s; } .icon { min-width: 55px; } .back { color: #000; } #inp { font-size: 16px; border: 0px solid #fff; border-width: 5px 5px 5px 0px; background-color: #000; outline: none; width: 100%; text-align: center; color: white; font-style: italic; font-weight: 600; } .loadingmusic { position: fixed; left: 0; bottom: 0; z-index: 7; background: #000; color: #ffff00; width: 100%; height: 30px; transform: scaleY(0); transition: 0.5s; transform-origin: bottom; overflow: hidden; display: flex; align-items: center; justify-content: center; } .loader div:nth-child(1) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; transition: 1s; } .loader div:nth-child(2) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.08s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.08s; -webkit-animation-iteration-count: infinite; transition: 2s; } .loader div:nth-child(3) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.16s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.16s; -webkit-animation-iteration-count: infinite; -webkit-transition: 3s; } .loader div:nth-child(4) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.24s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.24s; -webkit-animation-iteration-count: infinite; -webkit-transition: 4s; } .loader div:nth-child(5) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.32s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.32s; -webkit-animation-iteration-count: infinite; -webkit-transition: 5s; } .loader div:nth-child(6) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.40s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.40s; -webkit-animation-iteration-count: infinite; -webkit-transition: 6s; } .loader div:nth-child(7) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.48s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.48s; -webkit-animation-iteration-count: infinite; -webkit-transition: 7s; } .loader div:nth-child(8) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.56s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.56s; -webkit-animation-iteration-count: infinite; -webkit-transition: 0.1s; } .loader div:nth-child(9) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.64s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.64s; -webkit-animation-iteration-count: infinite; -webkit-transition: 9s; } .loader div:nth-child(10) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.72s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.72s; -webkit-animation-iteration-count: infinite; -webkit-transition: 10s; } .loader div:nth-child(11) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.80s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.80s; -webkit-animation-iteration-count: infinite; -webkit-transition: 1s; } .loader div:nth-child(12) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.88s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.88s; -webkit-animation-iteration-count: infinite; -webkit-transition: 12s; } .loader div:nth-child(13) { animation-name: colorchange; animation-duration: 1s; animation-delay: 0.96s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.96s; -webkit-animation-iteration-count: infinite; -webkit-transition: 13s; } .loader div:nth-child(14) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.04s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.04s; -webkit-animation-iteration-count: infinite; -webkit-transition: 14s; } .loader div:nth-child(15) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.12s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.12s; -webkit-animation-iteration-count: infinite; -webkit-transition: 15s; } .loader div:nth-child(16) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.20s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.20s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(17) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.28s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.28s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(18) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.36s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.36s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(19) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.44s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.44s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(20) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.52s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.52s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(21) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.60s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.60s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(22) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.68s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.68s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(23) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.76s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.76s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(24) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.84s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.84s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(25) { animation-name: colorchange; animation-duration: 1s; animation-delay: 1.92s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 1.92s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(26) { animation-name: colorchange; animation-duration: 1s; animation-delay: 2.00s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 2.00s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(27) { animation-name: colorchange; animation-duration: 1s; animation-delay: 2.08s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 2.08s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(28) { animation-name: colorchange; animation-duration: 1s; animation-delay: 2.16s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 2.16s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(29) { animation-name: colorchange; animation-duration: 1s; animation-delay: 2.24s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 2.24s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } .loader div:nth-child(30) { animation-name: colorchange; animation-duration: 1s; animation-delay: 2.32s; animation-iteration-count: infinite; -webkit-animation-name: colorchange; -webkit-animation-duration: 1s; -webkit-animation-delay: 2.32s; -webkit-animation-iteration-count: infinite; -webkit-transition: 16s; } @keyframes colorchange { 0% { background: #fff; } 50% { background: #000; } 100% { background: #fff; } } @-webkit-keyframes colorchange { 0% { background: #fff; } 50% { background: #000; } 100% { background: #fff; } } .loader div { width: 20px; height: 20px; background: #000; border-radius: 50%; float: left; } .preloader { color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10; background: #000; } .loaders { width: 35px; height: 35px; border-top: 4px solid #fff; border-bottom: 0px solid #fff; border-left: 0px solid #fff; border-right: 0px solid transparent; border-radius: 50%; animation: load 3s linear infinite; } @keyframes load { 0% { transform: rotate(0deg); } 100% { transform: rotate(3600deg); } } @-webkit-keyframes load { 0% { transform: rotate(0deg); } 100% { transform: rotate(3600deg); } } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #000; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; text-align: center; font-weight: 600; } .sidenav .a:hover { color: #f1f1f1; } .sidenav .closebtn { position: absolute; top: 5px; right: 25px; font-size: 55px; margin-left: 50px; } @media screen and (max-height: 450px) { .sidenav { padding-top: 15px; } .sidenav a { font-size: 18px; } } #asdf { hover: none; color: #fff; font-style: italic; } #asdfgh { color: "white"; filter: invert(100%); } #lkj{ height:70px; width:80%; font-size:20px; color: white; display:flex; justify-content:center; align-items:center; text-decoration:none; margin:auto 8% 50px 8%; box-shadow:10px 10px 10px 10px #000; } </style> <nav id="nav"> <div class="menu icon"> <span id="asdfgh" class:="menu-icon" style="font-size:25px;cursor:pointer" onclick="openNav()">☰</span> <i class="menu-icon"></i> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> <a id="asdf"> <h1>Anurag Shukla</h1> </a> <a class="a" href="https://www.instagram.com/myself_anurag_shukla" target="_blank">Instagram</a> <a class="a" href="https://www.twitter.com/mr_anuragshukla" target="_blank">Twitter</a> <a class="a" href="https://myselfanurag.wordpress.com" target="_blank">Website</a> <a class="a" href="https://anurag-shukla.000webhostapp.com/contact_form/formpage.html" target="_blank">Feedback</a> </div> </div> <div id="musicplayername"> <em> <strong> Music Player</strong></em> </div> <div onclick="opensearch()" class="icon"> <i class="search-icon"> <svg width="1.5em" height="2em" viewbox="0 0 16 16" class="bi bi-search" fill="currentColor" xmlns="http://dl.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z" /> <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" /> </svg> </i> </div> </nav> <div id="sbar" class="searchbar"> <div onclick="closesearch()" class="back icon"> <svg class="bi bi-arrow-left-circle-fill" width="2em" height="2em" viewbox="0 0 16 16" fill="white" xmlns="http://dl.w3.org/2000/svg"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.646 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L6.207 7.5H11a.5.5 0 0 1 0 1H6.207l2.147 2.146z" /> </svg> </div> <input oninput="search()" placeholder="Search Songs..." id="inp"> </div> <div class="banner"> <div id="text" class="text"> </div> </div> <div id="container" class="container"> </div> <div class="con"> <div id="loadmusic" class="loadingmusic"> <div class="loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div id="pre" class="preloader"> <div class="loaders"> </div> </div> <a id="lkj" class="card" href="javascript:jumpScroll()">Back to top</a> </div> <script> function openNav() { document.getElementById("mySidenav").style.width = "100%"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; } var markup = function(id, name, author) { return ` <div class="card"> <div class="panel"> <div class="title"> <Strong> ${name}</strong> </div> <div class="author"> <em> ${author}</em> </div> <div class="control"> <button onclick="mint()" class="prev"> <svg class="material-icons" width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-skip-backward-fill" fill="currentColor" xmlns="http://dl.w3.org/2000/svg"> <path fill-rule="evenodd" d="M.5 3.5A.5.5 0 0 0 0 4v8a.5.5 0 0 0 1 0V4a.5.5 0 0 0-.5-.5z"/> <path d="M.904 8.697l6.363 3.692c.54.313 1.233-.066 1.233-.697V4.308c0-.63-.692-1.01-1.233-.696L.904 7.304a.802.802 0 0 0 0 1.393z"/> <path d="M8.404 8.697l6.363 3.692c.54.313 1.233-.066 1.233-.697V4.308c0-.63-.693-1.01-1.233-.696L8.404 7.304a.802.802 0 0 0 0 1.393z"/> </svg> </button> <button id="playbtn${id}" onclick="play(this, ${id})" class="playbtn"> <svg class="material-icons" width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-play-fill" fill="currentColor" xmlns="http://dl.w3.org/2000/svg"> <path d="M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/> </svg> </button> <button onclick="maxt()" class="next"> <svg class="material-icons" width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-skip-forward-fill" fill="currentColor" xmlns="http://dl.w3.org/2000/svg"> <path fill-rule="evenodd" d="M15.5 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/> <path d="M7.596 8.697l-6.363 3.692C.693 12.702 0 12.322 0 11.692V4.308c0-.63.693-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/> <path d="M15.096 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.693-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/> </svg> </button> </div> </div> <div class="image"> </div> `; }; var aud = new Audio(); var lastsong = null; var i = 0, text; text = " Music Player" function typing() { document.getElementById("text").innerHTML += text.charAt(i); i++; } setInterval(typing, 70); var songs = [{ name: "Travis scott x drake", artist: "travis scott,drake", song: "https://dl.dropbox.com/s/9agja2o0q5g1i8v/travis_Scott_x_drake.mp3", isPlay: false }, { name: "Hey DJ", artist: "CNCO,Meghan trainor ,Sean Paul", song: "https://dl.dropbox.com/s/184zy6eyakomh6b/Hey_DJ_remix.mp3", isPlay: false }, { name: "Subeme la radio english", artist: "Enrique Iglesias", song: "https://dl.dropbox.com/s/tzajtpppfbxvnvw/subeme_la_radio_english.mp3", isPlay: false }, { name: "Subeme La radio(English) ", artist: "Conor Maynard", song: "https://dl.dropbox.com/s/ntemy6ikka9xz24/Subeme_conor_maynard.mp3", isPlay: false }, { name: "Something Just Like This", artist: " The Chainsmokers", song: "https://dl.dropbox.com/s/t3sonwtkvue7ldj/Something_Just_Like_This.mp3", isPlay: false }, { name: "Shape Of You", artist: "Ed Sheeran", song: "https://dl.dropbox.com/s/fl4dp2n550fbn20/Shape_Of_You_ed_sheeran.mp3", isPlay: false }, { name: "Señorita", artist: "Camila cabello", song: "https://dl.dropbox.com/s/x0f2kzv2pvqy7ke/Se%C3%B1orita.mp3", isPlay: false }, { name: "See you again", artist: "Charlie puth,Wiz Khalifa", song: "https://dl.dropbox.com/s/irn0i84cqxlt3aw/see_you_again.mp3", isPlay: false }, { name: "Only Human", artist: "Jonas brothers", song: "https://dl.dropbox.com/s/bj8aqxfr9itby3l/Only_Human.mp3", isPlay: false }, { name: "On my way", artist: "Alan Walker", song: "https://dl.dropbox.com/s/0lk1rfbc74gyyd1/on_my_way.mp3", isPlay: false }, { name: "Not over you", artist: "Conor Maynard", song: "https://dl.dropbox.com/s/aydrgpu3wfac6gr/Not_over_you_conor_maynard.mp3", isPlay: false }, { name: "Memories", artist: "maroon 5", song: "https://dl.dropbox.com/s/5508apna98ufv6x/maroon_5_memories.mp3", isPlay: false }, { name: "Girls Like You", artist: "Maroon 5", song: "https://dl.dropbox.com/s/9n13m8cyl2is4in/Maroon_5_Girls_Like_You.mp3", isPlay: false }, { name: "Magenta Riddim", artist: "DJ snake", song: "https://dl.dropbox.com/s/dw54boj0fjpqecv/Magenta_Riddim.mp3", isPlay: false }, { name: "Lost Control ft. Sorana", artist: "Alan Walker", song: "https://dl.dropbox.com/s/6pq3b6hphxo97iu/Lost%20Control_ft.%20Sorana.mp3", isPlay: false }, { name: "Rise", artist: "Katy perry", song: "https://dl.dropbox.com/s/5umbo3gxw2et938/Katy_Perry_Rise.mp3", isPlay: false }, { name: "Love Yourself", artist: "Justin Bieber", song: "https://dl.dropbox.com/s/ddblu1scccg8jhy/Justin_Bieber_Love_Yourself.mp3", isPlay: false }, { name: "Let me love you", artist: "Justin Bieber", song: "https://dl.dropbox.com/s/6u6k42znxy9bx4z/Justin_bieber_Let_me%C3%BDlove_you.mp3", isPlay: false }, { name: "Sorry", artist: "justin bieber", song: "https://dl.dropbox.com/s/qq9ws89peajf46b/Justin%20Bieber%20-%20Sorry%20%28Lyric%20Video%29.mp3", isPlay: false }, { name: "It aint me", artist: "Selena gomez", song: "https://dl.dropbox.com/s/gy7ha9iq242v4vm/It_aint_me.mp3", isPlay: false }, { name: "I don`t care", artist: "justin Bieber", song: "https://dl.dropbox.com/s/00h8p1zigssya60/i-don-t-care.mp3", isPlay: false }, { name: "I don't wanna go", artist: "Alan walker", song: "https://dl.dropbox.com/s/3ytzafcoyj11nzl/I_don%27t_wanna_go.mp3", isPlay: false }, { name: "He's a pirate", artist: "---", song: "https://dl.dropbox.com/s/mo3kqq64z8d5lnq/he%27s_a_pirate.mp3", isPlay: false }, { name: "Faded", artist: "Alan Walker", song: "https://dl.dropbox.com/s/15zrpnarqvaj0vo/Faded.mp3", isPlay: false }, { name: "Faded Piano Version", artist: "---", song: "https://dl.dropbox.com/s/9ethba2v7l4fyi7/Faded_Piano_Version.mp3", isPlay: false }, { name: "Eminem Rap God", artist: "Eminem", song: "https://dl.dropbox.com/s/9fu40i42ul7xfjd/Eminem_Rap_God.mp3", isPlay: false }, { name: "Don t Check", artist: "Chris brown ft. Justin Bieber", song: "https://dl.dropbox.com/s/6yt446pe249qnfo/Don_t_Check.mp3", isPlay: false }, { name: "Despacito flute", artist: "---", song: "https://dl.dropbox.com/s/8w7pjex7mlx7tub/Despacito_flute.mp3", isPlay: false }, { name: "Darkside", artist: "Alan Walker", song: "https://dl.dropbox.com/s/vml2n2rglcrq97d/Darkside_alan_walker.mp3", isPlay: false }, { name: "Cold water", artist: "justin bieber", song: "https://dl.dropbox.com/s/amomiect11wmc2f/Cold_water.mp3", isPlay: false }, { name: "Attention", artist: "Charlie Puth", song: "https://dl.dropbox.com/s/othycvedrjf97pd/Charlie_Puth_Attention.mp3", isPlay: false }, { name: "Shameless", artist: "Camila cabello", song: "https://dl.dropbox.com/s/j5a4xdm7ykmf1uj/Camila_Cabello_Shameless.mp3", isPlay: false }, { name: "Liar", artist: "Camila cabello", song: "https://dl.dropbox.com/s/5fnhybzntk2l6hc/Camila_Cabello_Liar.mp3", isPlay: false }, { name: "Beautiful People", artist: "Ed Sheeran ft. khalid", song: "https://dl.dropbox.com/s/zfrop1tocfmztgv/Beautiful_People.mp3", isPlay: false }, { name: "Be Alright", artist: "Justin bieber", song: "https://dl.dropbox.com/s/32h0hnyitw6xx8r/Be_Alright_justin_bieber.mp3", isPlay: false }, { name: "Alone Part II", artist: "Alan Walker & Ava maxx", song: "https://dl.dropbox.com/s/ww2rxhgmeyodpd0/Alone_Part_II_Alan_ava.mp3", isPlay: false }, { name: "The Spectre", artist: "Alan Walker", song: "https://dl.dropbox.com/s/ljct98bgj90chtj/Alan%20Walker%20%E2%80%92%20The%20Spectre%20%28Lyrics%20%20Lyrics%20Video%29.mp3", isPlay: false }, { name: "Sing Me To Sleep", artist: "Alan Walker", song: "https://dl.dropbox.com/s/kyaigev6ul80850/Alan%20Walker%20-%20Sing%20Me%20To%20Sleep.mp3", isPlay: false }, { name: "Alone", artist: "Alan Walker", song: "https://dl.dropbox.com/s/37guciifzllvu3p/Alan%20Walker%20-%20Alone.mp3", isPlay: false }, { name: "Rockabye", artist: "Anne Marie,Sean Paul,clean bandit", song: "https://dl.dropbox.com/s/l6ep28cnqgoeblb/rockabye.mp3", isPlay: false }, { name: "Treat you better", artist: "Shawn Mendes", song: "https://dl.dropbox.com/s/nzqxn5dxp6qnpn9/Treat_you_better.mp3", isPlay: false }, { name: "I like me better", artist: "Lauv", song: "https://dl.dropbox.com/s/ab2re02nlgoiuy9/i_like_me_better.mp3", isPlay: false }, { name: "Graveyard", artist: "Halsey", song: "https://dl.dropbox.com/s/6m6dztob39l1rwp/graveyard_halsey.mp3", isPlay: false }, { name: "Burn out", artist: "Martin garrix,justin kylo ft.Dewain whitmore", song: "https://dl.dropbox.com/s/l3qv11wt2w0vkzx/Burn_out.mp3", isPlay: false }, { name: "Small Talk", artist: "Katy Perry", song: "https://dl.dropbox.com/s/u3695e0dzngt241/small_talk_katy_perry.mp3", isPlay: false }, { name: "Turn me on", artist: "Kevin lytlle", song: "https://dl.dropbox.com/s/1n1wrw4za7r116v/Turn_me_on.mp3", isPlay: false }, { name: "Takeaway", artist: "Halsey", song: "https://dl.dropbox.com/s/jfk69jg6x0w14ip/takeaway.mp3", isPlay: false }, { name: "Do it all for you", artist: "Alan Walker", song: "https://dl.dropbox.com/s/tvdiwlztmw21efm/do_it_all_for_you.mp3", isPlay: false }, { name: "Lover", artist: "Taylor swift", song: "https://dl.dropbox.com/s/yjoh6xf6jucfi8j/lover.mp3", isPlay: false }, { name: "Consequences", artist: "Camila cabello", song: "https://dl.dropbox.com/s/b05e8i5y9hay5iv/consequences.mp3", isPlay: false }, { name: "I hate you", artist: "Gnash ft.olivia o'brien", song: "https://dl.dropbox.com/s/gfbvo4m40qq5vzl/ihateyou_iloveyou.mp3", isPlay: false }, { name: "Hey DJ original", artist: "CNCO", song: "https://dl.dropbox.com/s/0tpppw57ylho9wp/hey_dj_cnco.mp3", isPlay: false }, { name: "Hall of fame", artist: "The script ft.will.i.am", song: "https://dl.dropbox.com/s/v0h3bhaz4bzj145/hall_of_fame.mp3", isPlay: false }, { name: "Goodbyes", artist: "Post malone ft.young thug", song: "https://dl.dropbox.com/s/8fjlxanaeois0xg/Goodbyes.mp3", isPlay: false }, { name: "That's what I like", artist: "Bruno mars", song: "https://dl.dropbox.com/s/neo9d0vhasa95xf/thats_what_i_like.mp3", isPlay: false }, { name: "Legends are made", artist: "Sam tinnesz", song: "https://dl.dropbox.com/s/iseopt3x7ecxz38/legends_are_made.mp3", isPlay: false }, { name: "Old town road", artist: "Lil nash x ft.Billy ray cyrus", song: "https://dl.dropbox.com/s/tn44xe26lwgou93/old_town_road.mp3", isPlay: false }, { name: "Original(Dolittle)", artist: "sia", song: "https://dl.dropbox.com/s/qzcam2bx5arcap4/original%28dolittle%29.mp3", isPlay: false }, { name: "Don't let me down", artist: "chainsmokers ft.Daya", song: "https://dl.dropbox.com/s/mah66xeml5e3c4i/Don%27t_let_me_down.mp3", isPlay: false }, { name: "Teenage Dream", artist: "Katy perry", song: "https://dl.dropbox.com/s/9umro9uhok5uvp5/teenage_dream.mp3", isPlay: false }, { name: "Ballin", artist: "Mustard, Roddy rich", song: "https://dl.dropbox.com/s/sr3jgfgpt7iqytp/Ballin.mp3", isPlay: false }, { name: "Billionaire", artist: "Travie mcCoy ft.Bruno mars", song: "https://dl.dropbox.com/s/sv7uznxalc5j9rc/Billionaire.mp3", isPlay: false }, { name: "We don't talk anymore", artist: "Charlie puth,Selena Gomez", song: "https://dl.dropbox.com/s/se7y9pcdp87ehzp/we_don%27t_talk_anymore.mp3", isPlay: false }, { name: "There's nothing holding me back", artist: "Shawn Mendes", song: "https://dl.dropbox.com/s/iozaqeyk3da0x0v/nothing_holding_me_back.mp3", isPlay: false }, { name: "Strip that down", artist: "Liam Payne ft.quavo", song: "https://dl.dropbox.com/s/zvhwzfm04vb1bzg/strip_that_down.mp3", isPlay: false }, { name: "That's amore", artist: "Dean martin", song: "https://dl.dropbox.com/s/v9ew463n72t3kh3/thats_amore.mp3", isPlay: false }, { name: "Astronomia", artist: "Tony igy", song: "https://dl.dropbox.com/s/yjq29my5piuuanx/Astronomia.mp3", isPlay: false }, { name: "Medicine", artist: "Anth,conor maynard", song: "https://dl.dropbox.com/s/d3w48m9foxsk2ok/Medicine.mp3", isPlay: false }, { name: "Take it off", artist: "Kesha", song: "https://dl.dropbox.com/s/gc4d7u05rgir6n6/take_it_off.mp3", isPlay: false }, { name: "My dilemma", artist: "Selena Gomez", song: "https://dl.dropbox.com/s/dr0yawcj1faohkn/my_delemma.mp3", isPlay: false }, { name: "Blame", artist: "Calvin Harris", song: "https://dl.dropbox.com/s/vf1hlksma34glll/Blame.mp3", isPlay: false }, { name: "Stronger", artist: "Kelly clarkson", song: "https://dl.dropbox.com/s/t9rxhayp2ek8y7p/Stronger.mp3", isPlay: false }, { name: "Find you again", artist: "Charlie Puth, wiz Khalifa", song: "https://dl.dropbox.com/s/6m9p60ea1pgebl1/Find_you_again.mp3", isPlay: false }, { name: "Call you mine", artist: "The chainsmokers ft.Bebe Rexha", song: "https://dl.dropbox.com/s/kt1tg44h1gc93kr/call_you_mine.mp3", isPlay: false }, { name: "Say something", artist: "A great big world,Christina aguilera", song: "https://dl.dropbox.com/s/k2pyfwidl74l8ue/Say_something.mp3", isPlay: false }, { name: "Subeme la radio", artist: "Enrique Iglesias", song: "https://dl.dropbox.com/s/z0hxvs5u9ikhiey/subeme_la_radio.mp3", isPlay: false }, { name: "Never be the same", artist: "Camila cabello", song: "https://dl.dropbox.com/s/a4g5ucckhha3890/never_be_the_same.mp3", isPlay: false }, { name: "A year without rain", artist: "Selena Gomez", song: "https://dl.dropbox.com/s/f622gs8qtu8sgfy/A_year_without_rain.mp3", isPlay: false }, { name: "First Man", artist: "Camila Cabello", song: "https://dl.dropbox.com/s/podsowc8z8uop78/First_man.mp3", isPlay: false }, { name: "Living proof", artist: "Camila cabello", song: "https://dl.dropbox.com/s/v95l5xtc7shdg9m/Living_proof.mp3", isPlay: false }, { name: "Something gotta give", artist: "Camila cabello", song: "https://dl.dropbox.com/s/dh7ska5otr1994s/somethings_gotta_give.mp3", isPlay: false }, { name: "Airplanes", artist: "", song: "https://dl.dropbox.com/s/j93yw3spwq0jrzs/Airplanes.mp3", isPlay: false }, { name: "Friends", artist: "Anne Marie,Marshmello", song: "https://dl.dropbox.com/s/7lymj8g3akcalma/Friends.mp3", isPlay: false }, { name: "Feel it twice", artist: "camila cabello", song: "https://dl.dropbox.com/s/3k2iufk3qr3jp11/feel_it_twice.mp3", isPlay: false }, { name: "Cry for me", artist: "camila cabello", song: "https://dl.dropbox.com/s/l8p1m2bzdedpm6t/Cry_for_me.mp3", isPlay: false }, { name: "Easy", artist: "Camila cabello", song: "https://dl.dropbox.com/s/5g3qduqby7cufw2/Easy.mp3", isPlay: false }, { name: "Back to you", artist: "Selena Gomez", song: "https://dl.dropbox.com/s/pcms7utg5akaz7s/Back_to_you.mp3", isPlay: false }, { name: "Eastside", artist: "Halsey,Khalid", song: "https://dl.dropbox.com/s/rmuvxmkdnr5top7/Eastside.mp3", isPlay: false }, { name: "Bad things", artist: "Camila cabello", song: "https://dl.dropbox.com/s/d76y6p28wr7n2zx/Bad_things.mp3", isPlay: false }, { name: "8D sound", artist: "---", song: "https://dl.dropbox.com/s/1q3cylo5h361z3v/AUD-20170726-WA0014.mp3", isPlay: false }, ]; window.onscroll = function() { var nav = document.getElementById("nav"); var textb = document.getElementById("text"); textb.style.transform = "translate(0, -" + window.scrollY / 2 + "px)" if(window.scrollY >= 145) { nav.style.background = "#000"; musicplayername.style.color = "white"; } else { nav.style.background = "transparent"; musicplayername.style.color = "transparent"; } } window.onload = function() { var container = document.getElementById("container"); for(var i = 0; i <= songs.length - 1; i++) { container.innerHTML += markup(i, songs[i].name, songs[i].artist, songs[i].poster); } var pre = document.getElementById("pre"); pre.style.display = "none"; } function opensearch() { document.getElementById("sbar").style.right = "0"; scrollTo(0, 145); } function closesearch() { document.getElementById("sbar").style.right = "-100%"; document.getElementById("inp").value = ""; var cardc = document.getElementsByClassName("card"); for(var i = 0; i <= cardc.length - 1; i++) { cardc[i].style.display = ""; } } function search() { var m = document.getElementsByClassName("card"); var inp = document.getElementById("inp").value.toUpperCase(); for(var i = 0; i <= m.length - 1; i++) { if(m[i].innerHTML.toUpperCase().indexOf(inp) != -1) { m[i].style.display = ""; } else { m[i].style.display = "none"; } } } function mint() { var isPlaying = aud.currentTime > 0 && !aud.paused && !aud.ended && aud.readyState > 2; if(isPlaying) { aud.currentTime = aud.currentTime - 10; } } function maxt() { var isPlaying = aud.currentTime > 0 && !aud.paused && !aud.ended && aud.readyState > 2; if(isPlaying) { aud.currentTime = aud.currentTime + 10; } } function play(e, i) { if(songs[i].isPlay == false) { var loadmusic = document.getElementById("loadmusic"); loadmusic.style.transform = "scaleY(1)"; aud.addEventListener('loadeddata', function() { loadmusic.style.transform = "scaleY(0)"; }, false); if(lastsong == null) { e.innerHTML = "<svg class='material-icons' width='2em' height='2em' viewBox='0 0 16 16' class='bi bi-pause-fill' fill='currentColor' xmlns='http://dl.w3.org/2000/svg'><path d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z'></svg>"; aud.src = songs[i].song; aud.play(); songs[i].isPlay = true; lastsong = i; } else { songs[lastsong].is = false; document.getElementById("playbtn" + lastsong).innerHTML = "<svg class='material-icons' width='2em' height='2em' viewBox='0 0 16 16' class='bi bi-play-fill' fill='currentColor' xmlns='http://dl.w3.org/2000/svg'><path d='M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/></svg>"; e.innerHTML = "<svg class='material-icons' width='2em' height='2em' viewBox='0 0 16 16' class='bi bi-pause-fill' fill='currentColor' xmlns='http://dl.w3.org/2000/svg'><path d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z'></svg>"; aud.src = songs[i].song; aud.play(); songs[i].isPlay = true; lastsong = i; } } else { var isPlaying = aud.currentTime > 0 && !aud.paused && !aud.ended && aud.readyState > 2; if(isPlaying) { e.innerHTML = "<svg class='material-icons' width='2em' height='2em' viewBox='0 0 16 16' class='bi bi-play-fill' fill='currentColor' xmlns='http://dl.w3.org/2000/svg'><path d='M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/></svg>"; songs[i].isPlay = false; aud.pause(); lastsong = null; } } } alert("Made by : Maulana Usman") function jumpScroll() { window.scroll(0,145); } </script> </body> </html>