Birlikte İzle

Arkadaşlarınla aynı anda anime izle! Oda oluştur veya var olan bir odaya katıl.

Oda Oluştur

Oda Adı

Anime Seç

Bölüm

Maksimum Katılımcı

Sifre (opsiyonel)

Özel Oda (Davet linki ile)

Odaya Katil

Nasıl Çalışır?

Oda sahibi videoyu kontrol eder
Herkes aynı anda aynı sahneyi izler
Sohbet ile arkadaşlarınla konuş
Emoji tepkileri gönder

Aktif Odalar

Odalar yükleniyor...

Odalarım

Henüz bir odanız yok

${room.name}

${room.has_password ? '' : ''} ${room.is_private ? '' : ''}

${room.anime_title || 'Anime'}

${room.current_users || 1}/${room.max_users} ${room.host_name || 'Anonim'}

`).join(''); grid.classList.remove('hidden'); } else { document.getElementById('rooms-empty').classList.remove('hidden'); } } catch (error) { console.error('Load rooms error:', error); document.getElementById('rooms-loading').classList.add('hidden'); document.getElementById('rooms-empty').classList.remove('hidden'); } } // Create room document.getElementById('create-room-form')?.addEventListener('submit', async (e) => { e.preventDefault(); const name = document.getElementById('room-name').value; const animeId = document.getElementById('room-anime').value; const episodeId = document.getElementById('room-episode').value; const maxUsers = document.getElementById('room-max-users').value; const isPrivate = document.getElementById('room-private').checked; const password = document.getElementById('room-password')?.value || ''; try { const result = await apiRequest('/watchparty/rooms', { method: 'POST', body: JSON.stringify({ name, episodeId: episodeId, max_users: parseInt(maxUsers), is_private: isPrivate, password: password || null }) }); if (result.success) { showToast('Oda oluşturuldu!', 'success'); window.location.href = '/watchparty/' + result.data.room_code; } else { showToast(result.error || 'Oda oluşturulamadı', 'error'); } } catch (error) { showToast('Bir hata oluştu', 'error'); } }); // Join room document.getElementById('join-room-form')?.addEventListener('submit', async (e) => { e.preventDefault(); let code = document.getElementById('room-code').value.trim(); // Extract code from URL if full link is pasted if (code.includes('/watchparty/')) { code = code.split('/watchparty/').pop(); } joinRoom(code); }); async function joinRoom(code) { try { const password = document.getElementById('join-password')?.value || ''; const result = await apiRequest('/watchparty/rooms/' + code + '/join', { method: 'POST', body: JSON.stringify({ password }) }); if (result.success) { window.location.href = '/watchparty/' + code; } else if (result.requires_password) { document.getElementById('join-password-section')?.classList.remove('hidden'); showToast('Bu oda sifre korunmali. Lutfen sifreyi girin.', 'warning'); } else { showToast(result.error || 'Odaya katilamadi', 'error'); } } catch (error) { showToast('Bir hata oluştu', 'error'); } } // Copy room link function copyRoomLink(code) { navigator.clipboard.writeText(window.location.origin + '/watchparty/' + code); showToast('Oda linki kopyalandı!', 'success'); } // Auto-fill from URL params (coming from watch page) function autoFillFromParams() { const params = new URLSearchParams(window.location.search); const animeId = params.get('anime'); const episodeId = params.get('episode'); if (animeId) { setTimeout(async () => { const select = document.getElementById('room-anime'); if (select) { // Wait for animes to load await new Promise(r => setTimeout(r, 1500)); for (let opt of select.options) { if (opt.value === animeId) { select.value = animeId; select.dispatchEvent(new Event('change')); if (episodeId) { await new Promise(r => setTimeout(r, 1500)); const epSelect = document.getElementById('room-episode'); for (let opt of epSelect.options) { if (opt.value === episodeId) { epSelect.value = episodeId; break; } } } break; } } } }, 500); } } // Initialize document.addEventListener('DOMContentLoaded', async () => { const hasAccess = await checkAccess(); if (hasAccess) { loadAnimes(); loadRooms(); autoFillFromParams(); } });