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);
});
});
});
متن آهنگ چه کنم رضا بهرام
ای مرا جان و جهان بیتو جهان را چه کنم
تو برایم همهای من همگان را چه کنم
بیتو دلم را چه کنم صبر کمم را چه کنم
ای ناخدا در دل من دریای غم را چه کنم
بر غبار دل تنها عشق تو فرش حریر است
ای که چشمان تو دریاست هرچه هست بیتو کویر است
غم دل را به که گویم غصههایم گفتنی نیست
رفتم از خاطرت اما خاطراتت رفتنی نیست.....