document.addEventListener('DOMContentLoaded', () => {
const players = document.querySelectorAll('.custom_audio_player');
players.forEach((player) => {
const audio = player.querySelector('.audio-player');
const playPauseBtn = player.querySelector('.playPauseBtn_twig');
const progress = player.querySelector('.progress_twig');
const currentTimeEl = player.querySelector('.currentTime_twig');
const durationEl = player.querySelector('.duration_twig');
const backwardBtn = player.querySelector('.backwardBtn_twig');
const forwardBtn = player.querySelector('.forwardBtn_twig');
const muteBtn = player.querySelector('.muteBtn_twig');
if (!playPauseBtn || !progress || !currentTimeEl || !durationEl || !backwardBtn || !forwardBtn || !muteBtn) {
return;
}
const playIcon = playPauseBtn.querySelector('.play');
const pauseIcon = playPauseBtn.querySelector('.pause');
const volumeIcon = muteBtn.querySelector('.volume');
const muteIcon = muteBtn.querySelector('.mute');
if (!playIcon || !pauseIcon || !volumeIcon || !muteIcon) {
console.error('One or more control icons are missing.');
return;
}
const formatTime = (time) => {
const minutes = Math.floor(time / 60);
const seconds = Math.floor(time % 60).toString().padStart(2, '0');
return `${minutes}:${seconds}`;
};
// Update progress bar and time
audio.addEventListener('timeupdate', () => {
progress.value = (audio.currentTime / audio.duration) * 100 || 0;
currentTimeEl.textContent = formatTime(audio.currentTime);
durationEl.textContent = formatTime(audio.duration || 0);
});
// Play/pause functionality
playPauseBtn.addEventListener('click', () => {
if (audio.paused) {
audio.play();
playIcon.classList.add('hidden');
pauseIcon.classList.remove('hidden');
} else {
audio.pause();
playIcon.classList.remove('hidden');
pauseIcon.classList.add('hidden');
}
});
// Seek functionality
progress.addEventListener('input', () => {
audio.currentTime = (progress.value / 100) * audio.duration;
});
// Mute/unmute functionality
muteBtn.addEventListener('click', () => {
audio.muted = !audio.muted;
if (audio.muted) {
volumeIcon.classList.add('hidden');
muteIcon.classList.remove('hidden');
} else {
volumeIcon.classList.remove('hidden');
muteIcon.classList.add('hidden');
}
});
// Skip backward and forward
backwardBtn.addEventListener('click', () => {
audio.currentTime = Math.max(0, audio.currentTime - 10); // Skip 10 seconds backward
});
forwardBtn.addEventListener('click', () => {
audio.currentTime = Math.min(audio.duration, audio.currentTime + 10); // Skip 10 seconds forward
});
// Display duration when audio is loaded
audio.addEventListener('loadedmetadata', () => {
durationEl.textContent = formatTime(audio.duration);
});
});
});
فرارو- رابعه عدویه، از زنان صوفی برجسته سده دوم هجری، در آثار عطار نیشابوری جایگاهی خاص دارد. عطار در «تذکرةالاولیا» از رابعه نه به عنوان یک زن، بلکه به عنوان یک عارف کامل یاد میکند که در سیر و سلوک از بسیاری از مردان نیز فراتر رفته است. او رابعه را نمونهای از عشق مطلق به خدا میداند؛ زنی که تمام وجودش را وقف محبت الهی کرده بود و حتی عبادتش را نه از ترس دوزخ و نه به طمع بهشت، بلکه تنها برای عشق خالص به خداوند انجام میداد.
به گزارش فرارو؛ یکی از داستانهای مشهور درباره رابعه به نقل از عطار، صحنهای است که او با یک مشعل آتش در یک دست و دلو آبی در دست دیگر در کوچه راه میرود. وقتی علت را میپرسند، میگوید: «میخواهم با این آتش بهشت را بسوزانم و با این آب دوزخ را خاموش کنم، تا هیچکس خدا را نه از ترس جهنم و نه به امید بهشت، بلکه فقط برای خودِ خدا پرستش کند.»
این روایت، نماد دیدگاه ناب عرفانی رابعه و تأکید عطار بر عشق الهی فارغ از منفعت و مصلحت است.