screenshare

Ekran Yansıt - Screen Mirror Chrome Extension

🇹🇷 Türkçe

🇬🇧 English

---

Mirror Chrome tabs to a second monitor or tablet - without the annoying "Stop sharing" badge!

Note: Add a demo.gif to your repo showing the extension in action for best results!

---

English

Mirror any Chrome tab to a second monitor or stream it to your iPad/tablet via QR code. Perfect for couples who want to watch Netflix/YouTube together from different screens!

Why This Extension?

❌ The Problem: Chrome’s built-in screen sharing shows an ugly “Stop sharing” badge that covers video controls and can’t be dismissed.

✅ The Solution: This extension uses the Tab Capture API instead of Display Media API, so there’s no badge - just clean, fullscreen mirroring!

Features

• 🖥️ Mirror to Monitor: Cast any tab to a second monitor in fullscreen
• 📱 Stream to Tablet: Scan QR code with iPad/Android tablet to watch
• 🚫 No Badge: No annoying “Stop sharing” overlay
• 🎬 60 FPS: Smooth video playback
• 🔊 Audio Support: Sound is included in the stream
• 🎤 Two-Way Voice Chat: Push-to-talk between computer and tablet
• ⏸️ Playback Controls: Pause, mute, fullscreen controls on tablet
• 🎨 Modern UI: Glassmorphism style control buttons

Quick Start

1. Clone this repo: git clone https://github.com/reputasyon/screenshare.git
2. Open Chrome → chrome://extensions/
3. Enable “Developer mode” (top right)
4. Click “Load unpacked” → Select the cloned folder
5. Done! Click the extension icon on any video tab

Keyboard Shortcuts

Key	Action
F	Toggle fullscreen
M	Toggle mute
R	Restart stream

---

Türkçe

Aktif Chrome sekmesini ikinci monitöre veya tablete yansıtın. Eşinizle birlikte farklı ekranlardan aynı içeriği izleyin!

Özellikler

• 🖥️ Monitöre Yansıt: Sekmeyi ikinci monitörde tam ekran izleyin
• 📱 Tablete Gönder: QR kod ile iPad/Android tablete yayın yapın
• 🚫 Badge Yok: Tab Capture API sayesinde tarayıcıda rahatsız edici uyarı yok
• 🎬 60 FPS: Akıcı video deneyimi
• 🔊 Ses Desteği: Video sesi de aktarılır
• 🎤 Çift Yönlü Sesli İletişim: Bilgisayar ve tablet arasında basılı tut-konuş
• ⏸️ Oynatma Kontrolleri: Tablette duraklat, ses, tam ekran butonları
• 🎨 Modern Arayüz: Cam efektli şık kontrol butonları

Kurulum

1. Bu repoyu indirin veya klonlayın:

   git clone https://github.com/reputasyon/screenshare.git
   

2. Chrome’da chrome://extensions/ adresine gidin

3. Sağ üstten “Geliştirici modu”nu açın

4. “Paketlenmemiş öğe yükle” tıklayın ve indirdiğiniz klasörü seçin

Kullanım

Monitöre Yansıtma

1. Yansıtmak istediğiniz sekmeye gidin (örn: Netflix, YouTube)
2. Eklenti ikonuna tıklayın
3. “Yansıtmayı Başlat” butonuna tıklayın
4. Açılan pencereyi ikinci monitöre sürükleyin
5. F tuşu ile tam ekran yapın

Tablete Gönderme

1. Yansıtmak istediğiniz sekmeye gidin
2. Eklenti ikonuna tıklayın
3. “Tablete Gönder” butonuna tıklayın
4. Ekranda QR kod belirecek
5. iPad/Tablet ile QR kodu tarayın
6. Açılan sayfada “İzlemeye Başla” tıklayın

Not: Bilgisayar ve tablet aynı WiFi ağında olmalıdır.

Tablet Kontrolleri

Tablette video oynatılırken alt kısımda 4 buton görünür:

• ⛶ Tam ekran aç/kapat
• ⏸ Video duraklat/devam
• 🔊 Ses aç/kapat
• 🎤 Basılı tut ve konuş (bilgisayara ses gönder)

Sesli İletişim

• Tabletten bilgisayara: 🎤 butonuna basılı tut
• Bilgisayardan tablete: Cast sayfasındaki “Basılı Tut ve Konuş” butonunu kullan
• Konuşurken video sesi otomatik kısılır

Klavye Kısayolları

Tuş	İşlev
F	Tam ekran aç/kapat
R	Yeniden başlat
Çift tıklama	Tam ekran aç/kapat

Dosya Yapısı

screenshare/
├── manifest.json      # Eklenti yapılandırması
├── popup.html         # Popup arayüzü
├── popup.js           # Popup mantığı
├── background.js      # Service worker (Tab Capture)
├── mirror.html        # Monitör yansıtma sayfası
├── mirror.js          # Yansıtma mantığı
├── cast.html          # QR kod gösterme sayfası
├── cast.js            # WebRTC host mantığı
├── viewer.html        # Tablet izleme sayfası (GitHub Pages)
└── icon.png           # Eklenti ikonu

Teknolojiler

• Chrome Extension Manifest V3
• Tab Capture API
• WebRTC (PeerJS)
• QR Code generation

Gereksinimler

• Google Chrome (v88+)
• Tablet özelliği için: Aynı WiFi ağında iPad/Android tablet

Lisans

MIT License - Özgürce kullanın, değiştirin, paylaşın!

---

Made with ❤️ for couples who want to watch together