Recite Surah Yaseen with English Translation - Al Quran | IslamicFinder (2024)

Font

Theme

Transliteration

Report

00:00

/ 00:00

Surah

Ayat

Qari

" +i+" ");$("#ayat-" +selectedIndex+"-"+ i).on("click", selectAyatFromDropdown);}var nextSurahId = selectSurahAudio(selectedIndex+"-1",$("#ayat-"+selectedIndex+"-1").attr("data-audio-src"));} else {if (nextAyat) {var nextSurahId = selectSurahAudio(selectedIndex+"-"+ayatSelectedValue,$("#ayat-"+selectedIndex+"-"+ayatSelectedValue).attr("data-audio-src"));$(ayatDropdownBtn).text(ayatSelectedValue);$(ayatList).attr({ "data-surah": nextAyat.id });} else {quranAudio.pause();displayPlayButton();}}}function selectSurahAudio(surahAyatNumber,surahAudio) {quranAudio.pause();quranAudio.src = surahAudio;quranAudio.play();$(".player-total-time").text(" / " + getTimeString(quranAudio.duration));setTimeout(function() {var allAyatsSections = document.getElementsByTagName('section');for(var i = 1; i < allAyatsSections.length; i++) {allAyatsSections[i].firstElementChild.style.backgroundColor = '';$('.removeAyatBackground').removeClass('activeAyat');$('.removeAyatBackground').removeClass('activeAyatBlack');}if(ayaIndex > 1) {if($('body').hasClass('theme-dark')){$('#activeAyat-'+surahAyatNumber).removeClass('activeAyat');$('#activeAyat-'+surahAyatNumber).addClass('activeAyatBlack');} else {$('#activeAyat-'+surahAyatNumber).removeClass('activeAyatBlack');$('#activeAyat-'+surahAyatNumber).addClass('activeAyat');}} else {if($('body').hasClass('theme-dark')){$('#activeAyat-'+surahAyatNumber).removeClass('activeAyat');$('#activeAyat-'+surahAyatNumber).addClass('activeAyatBlack');} else {$('#activeAyat-'+surahAyatNumber).removeClass('activeAyatBlack');$('#activeAyat-'+surahAyatNumber).addClass('activeAyat');}}var allAyatsPlayPauseBtn = document.getElementsByClassName('play-pause-btn');var playClass = 'play-'+surahAyatNumber;for(var i = 0; i < allAyatsPlayPauseBtn.length; i++) {if(!allAyatsSections[i].classList.contains(playClass)) {allAyatsPlayPauseBtn[i].classList.remove('fa-pause-circle-o');allAyatsPlayPauseBtn[i].classList.add('fa-play-circle-o');} else {allAyatsPlayPauseBtn[i].classList.remove('fa-pause-circle-o');allAyatsPlayPauseBtn[i].classList.add('fa-play-circle-o');}}if($('#play-btn em').hasClass('fa-play-circle-o')) {$('section #ayaSurah-'+surahAyatNumber+' .play-pause-btn').removeClass('fa-pause-circle-o');$('section #ayaSurah-'+surahAyatNumber+' .play-pause-btn').addClass('fa-play-circle-o');} else {$('section #ayaSurah-'+surahAyatNumber+' .play-pause-btn').removeClass('fa-play-circle-o');$('section #ayaSurah-'+surahAyatNumber+' .play-pause-btn').addClass('fa-pause-circle-o');}}, 1500)displayPauseButton();}function displayPauseButton() {$("#play-btn em").removeClass("fa-play-circle-o");$("#play-btn em").addClass("fa-pause-circle-o");// Play button hide and show on ayat listvar dropdownBtn = window.matchMedia("(min-width:700px)").matches ? $("#dropdown-btn") : $("#dropdown-btn-mobile");var ayatDropdownBtn = window.matchMedia("(min-width:700px)").matches ? $("#ayat-dropdown-btn") : $("#ayat-dropdown-btn-mobile");var ayatNumber = $(ayatDropdownBtn).text();var selectedSurah = $(dropdownBtn).text();selectedSurah = selectedSurah.split('-');var selectedSurahTrim = selectedSurah[0].replace(/\s+/g, '');var allAyatsSections = document.getElementsByClassName('play-pause-btn');var playClass = 'play-'+selectedSurahTrim+'-'+ayatNumber;for(var i = 0; i < allAyatsSections.length; i++) {if(allAyatsSections[i].classList.contains(playClass)) {allAyatsSections[i].classList.remove('fa-play-circle-o');allAyatsSections[i].classList.add('fa-pause-circle-o');}}$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').removeClass('fa-play-circle-o');$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').addClass('fa-pause-circle-o');}function displayPlayButton() {$("#play-btn em").addClass("fa-play-circle-o");$("#play-btn em").removeClass("fa-pause-circle-o");// Play button hide and show on ayat listvar dropdownBtn = window.matchMedia("(min-width:700px)").matches ? $("#dropdown-btn") : $("#dropdown-btn-mobile");var ayatDropdownBtn = window.matchMedia("(min-width:700px)").matches ? $("#ayat-dropdown-btn") : $("#ayat-dropdown-btn-mobile");var ayatNumber = $(ayatDropdownBtn).text();var selectedSurah = $(dropdownBtn).text();selectedSurah = selectedSurah.split('-');var selectedSurahTrim = selectedSurah[0].replace(/\s+/g, '');var playClass = 'play-'+selectedSurahTrim+'-'+ayatNumber;var allAyatsSections = document.getElementsByClassName('play-pause-btn');for(var i = 0; i < allAyatsSections.length; i++) {if(allAyatsSections[i].classList.contains(playClass)) {allAyatsSections[i].classList.remove('fa-play-circle-o');allAyatsSections[i].classList.add('fa-pause-circle-o');}}$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').removeClass('fa-pause-circle-o');$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').addClass('fa-play-circle-o');}function getPosition(el) {return el.getBoundingClientRect().left;}function getTimeString(totalSeconds) {if (totalSeconds > 0) {min = Math.floor(totalSeconds / 60);sec = Math.floor(totalSeconds - (min * 60));time = "";if (min < 10) {time = "0";}time += "" + min;time += ":";if (sec < 10) {time += "0";}time += "" + sec;return time;}return "00:00";}window.onclick = function(event) {if (!event.target.matches("#dropdown-btn") && !event.target.matches(".dropdown-icon")) {if ($("#surah-dropdown-menu").css("display") === "block") {$("#surah-dropdown-menu").css("display", "none");}}if (!event.target.matches("#dropdown-btn-mobile") && !event.target.matches(".dropdown-icon-mobile")) {if ($("#surah-dropdown-menu-mobile").css("display") === "block") {$("#surah-dropdown-menu-mobile").css("display", "none");}}if (!event.target.matches("#ayat-dropdown-btn") && !event.target.matches(".ayat-dropdown-icon")) {if ($("#ayat-dropdown-menu").css("display") === "block") {$("#ayat-dropdown-menu").css("display", "none");}}if (!event.target.matches("#qari-dropdown-btn") && !event.target.matches(".qari-dropdown-icon")) {if ($("#qari-dropdown-menu").css("display") === "block") {$("#qari-dropdown-menu").css("display", "none");}}if (!event.target.matches("#ayat-dropdown-btn-mobile") && !event.target.matches(".dropdown-icon-mobile")) {if ($("#ayat-dropdown-menu-mobile").css("display") === "block") {$("#ayat-dropdown-menu-mobile").css("display", "none");}}if (!event.target.matches("#qari-dropdown-btn-mobile") && !event.target.matches(".dropdown-icon-mobile")) {if ($("#qari-dropdown-menu-mobile").css("display") === "block") {$("#qari-dropdown-menu-mobile").css("display", "none");}}};function getSurahIndex(surahName) {var surahIndex = -1;for (var i = 0; i < surahs.length; i++) {if (surahs[i].surahName.split(' ').join('-') === surahName) {surahIndex = i;break;}}return surahIndex;}quranAudio.onloadedmetadata = function() {$(".player-total-time").text(" / " + getTimeString(quranAudio.duration));var dropdownBtn = window.matchMedia("(min-width:700px)").matches ? $("#dropdown-btn") : $("#dropdown-btn-mobile");var ayatDropdownBtn = window.matchMedia("(min-width:700px)").matches ? $("#ayat-dropdown-btn") : $("#ayat-dropdown-btn-mobile");var ayatNumber = $(ayatDropdownBtn).text();var selectedSurah = $(dropdownBtn).text();selectedSurah = selectedSurah.split('-');var selectedSurahTrim = selectedSurah[0].replace(/\s+/g, '');var allAyatsSections = document.getElementsByTagName('section');for(var i = 1; i < allAyatsSections.length; i++) {allAyatsSections[i].firstElementChild.style.backgroundColor = '';$('.removeAyatBackground').removeClass('activeAyat');$('.removeAyatBackground').removeClass('activeAyatBlack');}if(ayaIndex > 1) {if($('body').hasClass('theme-dark')){$('#activeAyat-'+selectedSurahTrim+'-'+ayaIndex).removeClass('activeAyat');$('#activeAyat-'+selectedSurahTrim+'-'+ayaIndex).addClass('activeAyatBlack');} else {$('#activeAyat-'+selectedSurahTrim+'-'+ayaIndex).removeClass('activeAyatBlack');$('#activeAyat-'+selectedSurahTrim+'-'+ayaIndex).addClass('activeAyat');}} else {if($('body').hasClass('theme-dark')){$('#activeAyat-'+selectedSurahTrim+'-'+ayatNumber).removeClass('activeAyat');$('#activeAyat-'+selectedSurahTrim+'-'+ayatNumber).addClass('activeAyatBlack');} else {$('#activeAyat-'+selectedSurahTrim+'-'+ayatNumber).removeClass('activeAyatBlack');$('#activeAyat-'+selectedSurahTrim+'-'+ayatNumber).addClass('activeAyat');}}var allAyatsPlayPauseBtn = document.getElementsByClassName('play-pause-btn');var playClass = 'play-'+selectedSurahTrim+'-'+ayatNumber;for(var i = 0; i < allAyatsPlayPauseBtn.length; i++) {if(!allAyatsSections[i].classList.contains(playClass)) {allAyatsPlayPauseBtn[i].classList.remove('fa-pause-circle-o');allAyatsPlayPauseBtn[i].classList.add('fa-play-circle-o');} else {allAyatsPlayPauseBtn[i].classList.remove('fa-pause-circle-o');allAyatsPlayPauseBtn[i].classList.add('fa-play-circle-o');}}if($('#play-btn em').hasClass('fa-play-circle-o')) {$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').removeClass('fa-pause-circle-o');$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').addClass('fa-play-circle-o');} else {$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').removeClass('fa-play-circle-o');$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').addClass('fa-pause-circle-o');}setTimeout(function() {scrollToAayt(selectedSurahTrim, ayatNumber);}, 500);}};var player = new QuranAudioPlayer($("#audio-mp3-player"), surahs);});function scrollToAayt(surahNumber, ayatNumber) {var scrollSection = surahNumber+'-'+ayatNumber;scrollSection = scrollSection.replace(/\s/g, '');$('html, body').animate({ scrollTop: $('#ayaSurah-'+scrollSection).offset().top - 250 }, 200); return false;}function setPlayPause(suraId, ayatId) {var surahList = window.matchMedia("(min-width:700px)").matches ? $("#surah-dropdown-menu")[0] : $("#surah-dropdown-menu-mobile")[0];var dropdownBtn = window.matchMedia("(min-width:700px)").matches ? $("#dropdown-btn") : $("#dropdown-btn-mobile");var ayatDropdownBtn = window.matchMedia("(min-width:700px)").matches ? $("#ayat-dropdown-btn") : $("#ayat-dropdown-btn-mobile");var ayatDropdownMenu = window.matchMedia("(min-width:700px)").matches ? $("#ayat-dropdown-menu") : $("#ayat-dropdown-menu-mobile");var ayatNumber = $(ayatDropdownBtn).text();var selectedSurah = $(dropdownBtn).text();selectedSurah = selectedSurah.split('-');var selectedSurahTrim = selectedSurah[0].replace(/\s+/g, '');var allAyatsSections = document.getElementsByTagName('section');for(var i = 1; i < allAyatsSections.length; i++) {allAyatsSections[i].firstElementChild.style.backgroundColor = '';$('.removeAyatBackground').removeClass('activeAyat');$('.removeAyatBackground').removeClass('activeAyatBlack');}if($('body').hasClass('theme-dark')){$('#activeAyat-'+suraId+'-'+ayatId).removeClass('activeAyat');$('#activeAyat-'+suraId+'-'+ayatId).addClass('activeAyatBlack');} else {$('#activeAyat-'+suraId+'-'+ayatId).removeClass('activeAyatBlack');$('#activeAyat-'+suraId+'-'+ayatId).addClass('activeAyat');}var allAyatsPlayPauseBtn = document.getElementsByClassName('play-pause-btn');var playClass = 'play-'+selectedSurahTrim+'-'+ayatNumber;for(var i = 0; i < allAyatsPlayPauseBtn.length; i++) {if(!allAyatsSections[i].classList.contains(playClass)) {allAyatsPlayPauseBtn[i].classList.remove('fa-pause-circle-o');allAyatsPlayPauseBtn[i].classList.add('fa-play-circle-o');} else {allAyatsPlayPauseBtn[i].classList.remove('fa-pause-circle-o');allAyatsPlayPauseBtn[i].classList.add('fa-play-circle-o');}}var nextSurah = surahList.children[selectedSurahTrim];if(suraId > selectedSurahTrim) {$(dropdownBtn).html(nextSurah.innerHTML);$(dropdownBtn).attr({ "data-surah": nextSurah.id });var ayatCount = surahs.at(selectedSurahTrim).ayats;$(ayatDropdownMenu).html('');if(suraId < 10) {surahNumber = '00'+suraId;} else if(suraId >= 10 && suraId < 100) {surahNumber = '0'+suraId;} else {surahNumber = suraId;}for(var i = 1; i <= ayatCount; i++) {if(i < 10) {surahAyatNumber = '00'+i;} else if(i >= 10 && i < 100) {surahAyatNumber = '0'+i;} else {surahAyatNumber = i;}var surahAyat = surahNumber+surahAyatNumber+'.mp3';surahAyat = surahAyat.replace(/\s/g, '');var qariName = localStorage.getItem('qari-default');var qariBaseMp3Url = "https://d1pmeuzjjjiqq9.cloudfront.net/quran/"+qariName+"/";$(ayatDropdownMenu).append("

" +i+" ");}}$(ayatDropdownBtn).html(ayatId);//Play ayat from ayatList play/pause buttonvar quranAudio = document.getElementById("quran-audio");var audioSrc = quranAudio.src;var playSrc = $("#ayat-"+suraId+"-"+ayatId).attr("data-audio-src");if(audioSrc != playSrc) {quranAudio.src = $("#ayat-"+suraId+"-"+ayatId).attr("data-audio-src");}if($('#play-btn em').hasClass('fa-pause-circle-o')) {displayAyatPlayButton();quranAudio.pause();} else {displayAyatPauseButton();quranAudio.play();}if($('#play-btn em').hasClass('fa-play-circle-o')) {$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').removeClass('fa-pause-circle-o');$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').addClass('fa-play-circle-o');} else {$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').removeClass('fa-play-circle-o');$('section #ayaSurah-'+selectedSurahTrim+'-'+ayatNumber+' .play-pause-btn').addClass('fa-pause-circle-o');}}function displayAyatPauseButton() {$("#play-btn em").removeClass("fa-play-circle-o");$("#play-btn em").addClass("fa-pause-circle-o");}function displayAyatPlayButton() {$("#play-btn em").addClass("fa-play-circle-o");$("#play-btn em").removeClass("fa-pause-circle-o");}function getAyatPlayTimeString(totalSeconds) {if (totalSeconds > 0) {min = Math.floor(totalSeconds / 60);sec = Math.floor(totalSeconds - (min * 60));time = "";if (min < 10) {time = "0";}time += "" + min;time += ":";if (sec < 10) {time += "0";}time += "" + sec;return time;}return "00:00";}function formatSuraAyatNumbers(input) {var number = '';if(input < 10) {number = '00'+input;} else if(input >= 10 && input < 100) {number = '0'+input;} else {number = input;}return number;}