Akış:
- scope sonrası allocAPIPAddress() → 10.x.x.x al
- PeerInfo.set('ip', ip) → auth/info → tüm mevcut pairlere yayımlar
- accepted/pair sonrası tekrar set() → yeni paire de ulaşır
- pair/info sinyali → peer.info.info.ip güncellenir (SDK zaten yapıyor)
Araç çubuğu ID kartı:
- Sanal IP: büyük, mavi (10.x.x.x) — IP alındıkça güncellenir
- Kısa UUID: küçük, soluk (son 8 karakter) — scope'ta dolar
- Tıkla → tam UUID kopyalanır (paylaşmak için hâlâ gerekli)
Eşler kolonunda:
- Etiket: peer.info.info.ip (varsa) yoksa kısa UUID
- Meta: kısa UUID · bağlantı türü · akış sayısı
Eş eylem kolonu başlığı: IP veya kısa UUID
Oda üyeleri: kendi kaydı için sanal IP gösterilir
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- acceptPair başarılı → popTo(1) + pushPeersColumn() → kabul eden taraf
anında Eşler kolonunda yeni eşi görür
- _call(): aynı type (cam+mic/mic/screen) zaten varsa removeStream sonra addStream
- _pushDevicesColumn: aynı cihaz label'ı varsa removeStream sonra addStream
(kullanıcı ikinci kez cihaz seçtiğinde 'already exists' hatası önlendi)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
sdk/index.js:
- accepted/pair sinyali → mwse.pairs.set(from, peer)
- end/pair sinyali → mwse.pairs.delete(from)
(İstek gönderen taraf pairs haritasına eklendi)
sdk/Peer.js:
- acceptPair() başarısında → mwse.pairs.set(socketId, this)
- rejectPair() → mwse.pairs.delete(socketId)
- endPair() → mwse.pairs.delete(socketId)
(Kabul eden taraf da pairs haritasına eklendi)
public/studio/Studio.js — tamamen yeniden yazıldı:
Gelen eşleme isteği → bildirim banner'ı:
- Yeşil arka plan, socket ID kodu olarak gösterilir
- [Reddet] → rejectPair() → banner kapanır
- [Kabul Et] → acceptPair() → banner kapanır, eşler yenilenir
Eşler kolonu: artık mwse.pairs'tan doğru veriler geliyor
Oda oluşturma: description alanı eklendi (sunucu zorunlu tutuyordu)
Oda oluştur → "Oda adı / Açıklama / Şifre" modal
ID ile ara → prompt() yerine modal
Araç çubuğu: "Kimliğim" kartı, kopyala butonu (⎘→✓ flash)
public/studio/style.css:
.mwse-notif-area / .mwse-notif-bar / __msg / __dot / __actions
go test -race ./... — yeşil
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Araç çubuğu:
- Socket ID → kopyalanabilir kart (tıkla → clipboard, yeşil flash)
- "Ana" butonu kaldırıldı (kafakarıştırıcıydı, Miller kolon kendisi navigasyon sağlıyor)
- Durum mesajı sağda kaldı
Modal sistemi (_showModal):
- Başlık + label'lı input alanları + İptal/Tamam butonları
- Arka plana tıkla veya ✕ ile kapat
- Enter → onayla, Esc → kapat
- İlk alana otomatik focus
Eşler kolonu:
- "ID ile ara" → prompt() yerine modal
- Alan: Socket ID, placeholder: 'xxxxxxxx-xxxx-…'
Odalar kolonu:
- "Oda Oluştur" (primary buton) → modal
- Alanlar: oda adı + opsiyonel şifre
- Oluşturunca oda kolonunu yeniler
style.css:
- .mwse-id-card + __label/__value/__copy + --copied
- .mwse-modal-overlay / .mwse-modal / __header/__body/__field/__footer/__input/__close
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
sdk/index.js — bağlantı hatası düzeltildi:
- new MWSE() options=undefined → TypeError patlaması
- constructor(options) → opts = { endpoint:'auto', ...options }
- Artık new MWSE() / new MWSE('ws://host') / new MWSE({…}) hepsi çalışıyor
public/studio/Studio.js — tamamen yeniden yazıldı:
Eşler kolonu:
- mwse.pairs'ten gerçek eşleri gösteriyor
- Her eş için: Video+Ses / Sesli Ara / Ekran Paylaş / Kamera Seç /
Mikrofon Seç / Dosya Gönder / Aktif Akışlar / Eşleşmeyi Bitir
- "ID ile ara" → prompt ile direkt peer ID girerek requestPair()
Odalar kolonu: mwse.rooms'tan oda + üye listesi
Cihazlar kolonu:
- MediaSources.devices() ile kamera ve mikrofon listesi
- Her cihaza tıkla → seçili eşe akış başlat veya önizle (floating video)
- İzin İste butonu → izin alındıktan sonra listeyi yenile
Akışlar kolonu: peer.rtc._streams.list() canlı gösterimi
Kalite kolonu: Yüksek/Orta/Düşük preset + mute/stop
Araç çubuğu: socket ID, durum mesajı, Ana butonu (popTo(0))
Gelen track'ler: audio otomatik çalınır, status bar bildirir
Cihaz önizleme: floating video element (✕ ile kapatılır)
public/studio/app.js: studio.mount() await ile çağrılıyor
go test -race ./... — yeşil
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
sdk/webrtc/CanvasCompositor.js (#38):
- Gelen video track'lerini tek canvas'ta birleştirme (grid/pip/side-by-side/focus)
- OffscreenCanvas öncelikli (DOM gerektirmiyor), yoksa <canvas> kullanır
- setFPS(), setLayout(), setFocus() ile runtime kontrol
- stream() → MediaStream; StreamManager.addStream('composite', ...) ile gönderilir
- setEncodings() ile bitrate/fps zaten StreamManager üzerinden destekleniyor
sdk/webrtc/index.js: CanvasCompositor re-export eklendi
public/demos/ (#34): Tüm demo'lar yeni SDK API'sine güncellendi:
- <script src="/script"> → <script type="module"> import MWSE from '/sdk/index.js'
- new MWSE() (endpoint otomatik import.meta.url'den alınıyor)
- rtc.connect({ polite }) ile perfect negotiation polite/impolite tayini
- rtc.addStream() / rtc.on('track') yeni API
- rtc.on('failed') durumu gösteriliyor
- window.send() module scope sorununu çözüyor (onclick handler)
go test -race ./... — tüm testler yeşil
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
abdussamedulutas
Abdussamed
Abdussamed
Yasin İLKAYA