SILA PILIH ๐๐ผ TAJUK โข Sebelum / Seterusnya โข 99 Nama Allah
Sedia.
.
const BASE = "https://asmaulhusna.sfo3.digitaloceanspaces.com/jan/asmaulhusna{n}.mp4"; const INTRO_URL = "https://asmaulhusna.sfo3.digitaloceanspaces.com/intro.mp4"; const INTRO = "intro"; const MIN=1, MAX=99; /* ====== DATA ASMAUL HUSNA (ARAB | TRANSLITERASI | MAKSUD) ====== */ const NAMES = [ ["ุงููู","Allah","Allah"], ["ุงูุฑููุญูู ููฐูู","Ar-Rahman","Yang Maha Pengasih"], ["ุงูุฑููุญููู ู","Ar-Rahim","Yang Maha Penyayang"], ["ุงููู ููููู","Al-Malik","Yang Maha Berkuasa"], ["ุงููููุฏูููุณู","Al-Quddus","Yang Maha Suci"], ["ุงูุณููููุงู ู","As-Salam","Yang Maha Sejahtera"], ["ุงููู ูุคูู ููู","Al-Muโmin","Yang Maha Memberi Keamanan"], ["ุงููู ูููููู ููู","Al-Muhaymin","Yang Maha Memelihara"], ["ุงููุนูุฒููุฒู","Al-โAziz","Yang Maha Perkasa"], ["ุงููุฌูุจููุงุฑู","Al-Jabbar","Yang Maha Menundukkan"], ["ุงููู ูุชูููุจููุฑู","Al-Mutakabbir","Yang Maha Megah"], ["ุงููุฎูุงูููู","Al-Khaliq","Yang Maha Pencipta"], ["ุงููุจูุงุฑูุฆู","Al-Bariโ","Yang Maha Mengadakan"], ["ุงููู ูุตููููุฑู","Al-Musawwir","Yang Maha Membentuk Rupa"], ["ุงููุบููููุงุฑู","Al-Ghaffar","Yang Maha Pengampun"], ["ุงูููููููุงุฑู","Al-Qahhar","Yang Maha Menundukkan"], ["ุงูููููููุงุจู","Al-Wahhab","Yang Maha Pemberi"], ["ุงูุฑููุฒููุงูู","Ar-Razzaq","Yang Maha Pemberi Rezeki"], ["ุงููููุชููุงุญู","Al-Fattah","Yang Maha Pembuka"], ["ุงููุนููููู ู","Al-โAlim","Yang Maha Mengetahui"], ["ุงููููุงุจูุถู","Al-Qabid","Yang Maha Menyempitkan"], ["ุงููุจูุงุณูุทู","Al-Basit","Yang Maha Meluaskan"], ["ุงููุฎูุงููุถู","Al-Khafid","Yang Maha Merendahkan"], ["ุงูุฑููุงููุนู","Ar-Rafiโ","Yang Maha Meninggikan"], ["ุงููู ูุนูุฒูู","Al-Muโizz","Yang Maha Memuliakan"], ["ุงููู ูุฐูููู","Al-Mudhill","Yang Maha Menghinakan"], ["ุงูุณููู ููุนู","As-Samiโ","Yang Maha Mendengar"], ["ุงููุจูุตููุฑู","Al-Basir","Yang Maha Melihat"], ["ุงููุญูููู ู","Al-Hakam","Yang Maha Menetapkan Hukum"], ["ุงููุนูุฏููู","Al-โAdl","Yang Maha Adil"], ["ุงููููุทูููู","Al-Latif","Yang Maha Lembut"], ["ุงููุฎูุจููุฑู","Al-Khabir","Yang Maha Mengetahui Rahsia"], ["ุงููุญููููู ู","Al-Halim","Yang Maha Penyantun"], ["ุงููุนูุธููู ู","Al-โAzim","Yang Maha Agung"], ["ุงููุบููููุฑู","Al-Ghafur","Yang Maha Pengampun"], ["ุงูุดูููููุฑู","Ash-Shakur","Yang Maha Menghargai"], ["ุงููุนูููููู","Al-โAliyy","Yang Maha Tinggi"], ["ุงููููุจููุฑู","Al-Kabir","Yang Maha Besar"], ["ุงููุญููููุธู","Al-Hafiz","Yang Maha Menjaga"], ["ุงููู ููููุชู","Al-Muqit","Yang Maha Memberi Kecukupan"], ["ุงููุญูุณููุจู","Al-Hasib","Yang Maha Menghitung"], ["ุงููุฌูููููู","Al-Jalil","Yang Maha Mulia"], ["ุงููููุฑููู ู","Al-Karim","Yang Maha Pemurah"], ["ุงูุฑูููููุจู","Ar-Raqib","Yang Maha Mengawasi"], ["ุงููู ูุฌููุจู","Al-Mujib","Yang Maha Mengabulkan"], ["ุงููููุงุณูุนู","Al-Wasiโ","Yang Maha Luas"], ["ุงููุญููููู ู","Al-Hakim","Yang Maha Bijaksana"], ["ุงููููุฏููุฏู","Al-Wadud","Yang Maha Mengasihi"], ["ุงููู ูุฌููุฏู","Al-Majid","Yang Maha Mulia"], ["ุงููุจูุงุนูุซู","Al-Baโith","Yang Maha Membangkitkan"], ["ุงูุดูููููุฏู","Ash-Shahid","Yang Maha Menyaksikan"], ["ุงููุญูููู","Al-Haqq","Yang Maha Benar"], ["ุงููููููููู","Al-Wakil","Yang Maha Memelihara"], ["ุงููููููููู","Al-Qawiyy","Yang Maha Kuat"], ["ุงููู ูุชูููู","Al-Matin","Yang Maha Teguh"], ["ุงููููููููู","Al-Waliyy","Yang Maha Melindungi"], ["ุงููุญูู ููุฏู","Al-Hamid","Yang Maha Terpuji"], ["ุงููู ูุญูุตูู","Al-Muhsi","Yang Maha Menghitung"], ["ุงููู ูุจูุฏูุฆู","Al-Mubdiโ","Yang Maha Memulai"], ["ุงููู ูุนููุฏู","Al-Muโid","Yang Maha Mengembalikan"], ["ุงููู ูุญูููู","Al-Muhyi","Yang Maha Menghidupkan"], ["ุงููู ูู ููุชู","Al-Mumit","Yang Maha Mematikan"], ["ุงููุญูููู","Al-Hayy","Yang Maha Hidup"], ["ุงููููููููู ู","Al-Qayyum","Yang Maha Berdiri Sendiri"], ["ุงููููุงุฌูุฏู","Al-Wajid","Yang Maha Memperoleh Segala Sesuatu"], ["ุงููู ูุงุฌูุฏู","Al-Majid","Yang Maha Dimuliakan"], ["ุงููููุงุญูุฏู","Al-Wahid","Yang Maha Esa"], ["ุงูุตููู ูุฏู","As-Samad","Tempat Bergantung"], ["ุงููููุงุฏูุฑู","Al-Qadir","Yang Maha Berkuasa"], ["ุงููู ูููุชูุฏูุฑู","Al-Muqtadir","Yang Maha Menentukan"], ["ุงููู ูููุฏููู ู","Al-Muqaddim","Yang Maha Mendahulukan"], ["ุงููู ูุคูุฎููุฑู","Al-Muโakhkhir","Yang Maha Mengakhirkan"], ["ุงูุฃููููู","Al-Awwal","Yang Maha Awal"], ["ุงูุขุฎูุฑู","Al-Akhir","Yang Maha Akhir"], ["ุงูุธููุงููุฑู","Az-Zahir","Yang Maha Nyata"], ["ุงููุจูุงุทููู","Al-Batin","Yang Maha Ghaib"], ["ุงููููุงููู","Al-Wali","Yang Maha Memerintah"], ["ุงููู ูุชูุนูุงููู","Al-Mutaโali","Yang Maha Tinggi"], ["ุงููุจูุฑูู","Al-Barr","Sumber Segala Kebaikan"], ["ุงูุชูููููุงุจู","At-Tawwab","Yang Maha Penerima Taubat"], ["ุงููู ูููุชูููู ู","Al-Muntaqim","Yang Maha Pembalas"], ["ุงูุนูููููู","Al-โAfuww","Yang Maha Pemaaf"], ["ุงูุฑููุคูููู","Ar-Raโuf","Yang Maha Pengasih"], ["ู ูุงูููู ุงููู ููููู","Malik-ul-Mulk","Pemilik Segala Kerajaan"], ["ุฐูู ุงููุฌูููุงูู ููุงูุฅูููุฑูุงู ู","Dhul-Jalali wal-Ikram","Pemilik Keagungan dan Kemuliaan"], ["ุงููู ูููุณูุทู","Al-Muqsit","Yang Maha Adil"], ["ุงููุฌูุงู ูุนู","Al-Jamiโ","Yang Maha Mengumpulkan"], ["ุงููุบูููููู","Al-Ghaniyy","Yang Maha Kaya"], ["ุงููู ูุบูููู","Al-Mughni","Yang Maha Memberi Kekayaan"], ["ุงููู ูุงููุนู","Al-Maniโ","Yang Maha Menghalang"], ["ุงูุถููุงุฑูู","Ad-Darr","Yang Maha Mendatangkan Mudharat"], ["ุงููููุงููุนู","An-Nafiโ","Yang Maha Memberi Manfaat"], ["ุงูููููุฑู","An-Nur","Yang Maha Bercahaya"], ["ุงููููุงุฏูู","Al-Hadi","Yang Maha Memberi Petunjuk"], ["ุงููุจูุฏููุนู","Al-Badiโ","Yang Maha Mengadakan Tanpa Bandingan"], ["ุงููุจูุงููู","Al-Baqi","Yang Maha Kekal"], ["ุงููููุงุฑูุซู","Al-Warith","Yang Maha Pewaris"], ["ุงูุฑููุดููุฏู","Ar-Rashid","Yang Maha Membimbing"], ["ุงูุตููุจููุฑู","As-Sabur","Yang Maha Sabar"] ]; /* ====== APP ====== */ const sel = document.getElementById("nameSelect"); const vid = document.getElementById("vid"); const statusEl = document.getElementById("status"); const prevBtn = document.getElementById("prevBtn"); const nextBtn = document.getElementById("nextBtn"); const playBtn = document.getElementById("playBtn"); function setStatus(t){statusEl.textContent=t} function clamp(n){return Math.max(MIN,Math.min(MAX,n))} function buildUrl(n){return BASE.replace("{n}",n)} function labelFor(n){ const [ar,tr,ms]=NAMES[n-1]; return `${n} - ${tr} (${ar}) โ ${ms}`; } function resetVideo(){ vid.pause(); vid.removeAttribute("src"); vid.load(); } /* โ Kurangkan akses download: sekat right-click dekat video */ const videoWrap = document.getElementById("videoWrap"); videoWrap.addEventListener("contextmenu", (e) => e.preventDefault()); async function playIntro(){ resetVideo(); prevBtn.disabled=true; nextBtn.disabled=true; vid.src=INTRO_URL; vid.load(); setStatus("Sedang main: Muqadimah โ Pengenalan Asmaul Husna"); try{await vid.play()}catch{} } async function loadAndPlay(n){ n=clamp(n); prevBtn.disabled=false; nextBtn.disabled=false; resetVideo(); vid.src=buildUrl(n); vid.load(); setStatus(`Sedang main: ${labelFor(n)}`); try{await vid.play()}catch{} } const optIntro=document.createElement("option"); optIntro.value="intro"; optIntro.textContent="Muqadimah โ Pengenalan Asmaul Husna"; sel.appendChild(optIntro); /* โ Tukar paparan semua menu: 8 - Al-Muhaymin (ARAB) โ Maksud */ for(let i=1;i<=99;i++){ const o=document.createElement("option"); o.value=i; o.textContent=labelFor(i); sel.appendChild(o); } sel.addEventListener("change",()=>{ if(sel.value==="intro") playIntro(); else loadAndPlay(Number(sel.value)); }); playBtn.addEventListener("click",()=>{ if(sel.value==="intro") playIntro(); else loadAndPlay(Number(sel.value)); }); /* โ Prev/Next lebih selamat (handle INTRO) */ prevBtn.addEventListener("click",()=>{ if(sel.value==="intro"){ sel.value=String(MAX); loadAndPlay(MAX); return; } const n = Number(sel.value) || MIN; const nn = clamp(n-1); sel.value = String(nn); loadAndPlay(nn); }); nextBtn.addEventListener("click",()=>{ if(sel.value==="intro"){ sel.value=String(MIN); loadAndPlay(MIN); return; } const n = Number(sel.value) || MIN; const nn = clamp(n+1); sel.value = String(nn); loadAndPlay(nn); }); /* โ FIRST LOAD: BUANG AUTOPLAY */ sel.value = "intro"; resetVideo(); setStatus("Sedia. Tekan 'Mula' untuk main Muqadimah atau pilih No. 1โ99."); prevBtn.disabled = true; nextBtn.disabled = true;
โ Kenal Allah Bukan Sekadar Hafal, Tetapi Dihidupkan โAsmaโul Husna bukan hanya 99 nama. Ia adalah jalan mengenal Allah, ubat emosi, dan panduan hidup seharian.Carrd "Asmaโul Husna" ini diwujudkan untuk membantu anda:โ Mengenal Allah dengan lebih dekatโ Memahami makna setiap Nama Allahโ Mengaitkan Asmaโul Husna dengan kehidupan sebenarโ Belajar secara ringkas, konsisten & berterusan
