غزال — یک وبسایت موسیقی فارسی مدرن و ریسپانسیو؛ مرجع شنیدنیهای روز ایران و جهان. Ghazal — a modern, responsive Persian music website; your destination for today's best Iranian and international music.
- پخش/توقف، قبلی/بعدی با صف پخش (Queue)
- پخش تصادفی (Shuffle) و تکرار (Repeat)
- نوار پیشرفت با رنگ سبز + نمایش زمان
- ذخیره موقعیت پخش — بعد از رفرش صفحه، از همونجا ادامه میدهد
- اکولایزر متحرک هنگام پخش
- کنترل با کیبورد:
Spaceپخش/توقف،←/→قبلی/بعدی،↑/↓صدا
- جستجوی زنده بر اساس نام آهنگ یا خواننده
- فیلترهای «همه» / «محبوبترین» / «پرفروشترین»
- پخش همه آهنگها به ترتیب
- تاریخچه پخش (۲۰ آهنگ آخر، ذخیره در localStorage)
- امتیازدهی ⭐ به آهنگها (ذخیره دائمی)
- ورود / ثبتنام با پنل زیبا و فارسی
- ذخیره کاربران در localStorage
- سبد خرید با افزایش/کاهش تعداد و حذف
- پرداخت دمو با شماره ک 8000 رت + کد تخفیف (GHAZAL10 = ۱۰٪، GHAZAL20 = ۲۰٪)
- دانلود رایگان دمو کنار هر آهنگ
- اشتراکگذاری آهنگ در تلگرام/واتساپ/کپی لینک
- تم تیره/روشن با یک کلیک (ذخیره انتخاب)
- کاملاً ریسپانسیو — موبایل، تبلت، دسکتاپ
- صفحه اختصاصی هر خواننده با آمار کامل
- فوتر حرفهای با دسترسی سریع و خبرنامه
- Play/Pause, Previous/Next with a play Queue
- Shuffle and Repeat modes
- Green progress bar with current/remaining time
- Playback position persists — resumes where you left off after a page refresh
- Animated equalizer while playing
- Keyboard shortcuts:
Spaceplay/pause,←/→previous/next,↑/↓volume
- Live search by song name or artist
- Filters: All / Most Popular / Best Selling
- Play All songs in order
- Play history (last 20 tracks, saved in localStorage)
- Star rating ⭐ per song (persistent)
- Login / Register with a beautiful Persian UI
- Users stored in localStorage
- Shopping cart with quantity +/− and remove
- Demo checkout with card number + discount codes (GHAZAL10 = 10%, GHAZAL20 = 20%)
- Free demo download next to each song
- Share songs via Telegram / WhatsApp / copy link
- Dark/Light theme toggle (preference saved)
- Fully responsive — mobile, tablet, desktop
- Dedicated artist page with full stats
- Professional footer with quick links & newsletter
Simple — works with any static server (no backend needed):
cd Ghazal
python -m http.server 8234
# باز کردن | Open: http://localhost:8234npm installنکته | Note:
node_modulesis used for FontAwesome & Bootstrap assets. You can also use CDN links instead.
Ghazal/
├── index.html # صفحه اصلی | Main page
├── assets/
│ └── js/
│ ├── app.js # منطق برنامه | App logic
│ └── data.js # داده خوانندهها | Artists & songs data
├── public/
│ ├── css/style.css # استایلها | Styles
│ ├── fonts/ # فونت ایرانسنس | IRANSansX font
│ ├── images/ # تصاویر خوانندهها و لوگو | Covers & logo
│ └── Music/ # فایلهای صوتی | Audio files
└── package.json
- امیر تتلو | Amir Tataloo
- محمد رضا شایع | Mohammad Reza Shayea
- تیلور سویفت | Taylor Swift
- شادمهر عقیلی | Shadmehr Aghili
| تکنولوژی | کاربرد | Technology | Usage |
|---|---|---|---|
| HTML5 + CSS3 | ساختار و استایل | Structure & styling | |
| JavaScript (Vanilla) | منطق کامل (بدون فریمورک) | Full logic (no framework) | |
| Bootstrap 5 | ریسپانسیو | Responsive layout | |
| FontAwesome 6 | آیکونها | Icons | |
| Swiper 11 | اسلایدر خوانندهها | Artist slider | |
| localStorage | ذخیره دادهها (بدون بکاند) | Data storage (no backend) |
این پروژه فقط برای نمایش و آموزش ساخته شده است. فایلهای صوتی و تصویری متعلق به صاحبان اصلی خودشان هستند. This project is created for demonstration and educational purposes only. Audio and image files belong to their respective owners.