Skip to content

reputasyon/screenshare

Repository files navigation

Ekran Yansıt - Screen Mirror Chrome Extension

🇹🇷 Türkçe | 🇬🇧 English


GitHub Stars GitHub Forks License Chrome Extension Manifest V3

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

Demo

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

About

Chrome extension to mirror tabs to second monitor or tablet

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors