Ana Arayüz
Netflix üzerinde çalışan LanguageLearner eklentisi. Hem orijinal hem de çeviri altyazıları gösteriyor ve kelimelerin üzerine gelindiğinde çevirileri görüntüleniyor.
LanguageLearner Chrome Extension
Ana Arayüz
Popup Panel
Popup Panel
Eklentinin popup paneli. Kaydedilen kelimeler, öğrenme durumu filtreleme ve dışa aktarma özellikleri.
Çeviri Tooltip
Kelime Çeviri Tooltip
Kelimeler üzerine gelindiğinde açılan tooltip. Çeviri, sesli okuma ve kaydetme seçenekleri sunuyor.
Ayarlar
Ayarlar Paneli
Dil seçenekleri, altyazı ayarları ve diğer kişiselleştirme seçeneklerinin bulunduğu ayarlar paneli.
Kullanılan Teknolojiler
Proje Açıklaması
LanguageLearner Chrome Extension, Netflix ve YouTube'da altyazıları analiz ederek dil öğrenimini kolaylaştırmak için geliştirilmiş bir tarayıcı eklentisidir. Bu eklenti, yabancı dilde video içeriklerini izlerken, kullanıcıların aynı anda hem orijinal dildeki altyazıları hem de kendi dillerindeki çevirileri görerek daha etkili bir şekilde dil öğrenmelerini sağlar.
Proje, modern web teknolojileri kullanılarak geliştirilmiş olup, video platformlarının DOM yapısını MutationObserver API ile dinamik olarak izleyerek altyazı değişikliklerini yakalayabilmektedir. MyMemory Translation API entegrasyonu sayesinde geniş dil desteği sunarken, Web Speech API aracılığıyla da kelimelerin doğru telaffuzlarını sesli olarak dinleme imkanı sağlamaktadır.
Özellikler
Temel Özellikler
- Çift Altyazı Desteği: Sayfada hem orijinal altyazı (örneğin İngilizce), hem de kullanıcı tarafından seçilen çeviri dili (örneğin Türkçe) aynı anda gösterilir.
- Üzerine Gelince Çeviri: Kullanıcı bir kelimenin üzerine geldiğinde, bir tooltip göstererek kelimenin anlamını gösterir.
- Çevrimiçi Çeviri API'si: Geniş dil desteği için MyMemory Translation API kullanılarak gerçek zamanlı çeviriler sunar.
- Sesli Okuma: Web Speech API kullanarak kelime telaffuzlarını sesli olarak dinleyebilirsiniz.
Öğrenme Özellikleri
- Kelime Kaydetme: Kullanıcı bir kelimeye tıklarsa, bu kelime ve çevirisi "öğrenme listesi" olarak kaydedilir.
- Öğrenme Takibi: Kelimelerin öğrenme durumunu (yeni, öğreniliyor, öğrenildi) takip etmenize olanak tanır.
- Kayıtlı kelimeler listelenebilir ve filtrelenebilir.
- Öğrenme durumuna göre kelime takibi yapılabilir.
- İstatistikler ile öğrenme ilerlemesi görüntülenebilir.
- Kullanıcı isterse kelimeleri silebilir.
- Liste CSV veya JSON olarak dışa aktarılabilir.
Video Kontrol Özellikleri
- Altyazı satırı bittiğinde otomatik durdurma.
- Son altyazıya geri sar (A tuşu).
- Hızlı ileri/geri sarma (←/→ tuşları).
- Oynatma hızı kontrolü.
Kurulum ve Kullanım
Kurulum
# GitHub'dan projeyi klonlayın
git clone https://github.com/YusufAkin27/chrome-extensions-Language-learner
# Chrome tarayıcısını açın ve adres çubuğuna şunu yazın:
chrome://extensions
# Geliştirici modu'nu sağ üst köşeden etkinleştirin
# "Paketlenmemiş öğe yükle" butonuna tıklayın
# İndirdiğiniz klasörü seçin
Kullanım
- Netflix veya YouTube'da bir video açın.
- Altyazıları etkinleştirin.
- Uzantı otomatik olarak çalışmaya başlayacaktır.
- Kelimelerin üzerine gelerek çevirileri görebilirsiniz.
- Kaydetmek istediğiniz kelimelere tıklayabilir veya tooltip üzerindeki "Kaydet" butonunu kullanabilirsiniz.
- Telaffuzu duymak için tooltip üzerindeki ses simgesine tıklayın.
- Kaydettiğiniz kelimeleri görmek için, sağ üst köşedeki uzantı ikonuna tıklayın.
- Kelime listenizde arama yapabilir, filtreleyebilir ve kelimelerin öğrenme durumlarını güncelleyebilirsiniz.
Desteklenen Platformlar ve Diller
Desteklenen Platformlar
- Netflix.com
- YouTube.com
Desteklenen Diller
- Ana çeviri desteği: Çoğu dil çifti (MyMemory API aracılığıyla)
- Sesli okuma: Tarayıcı tarafından desteklenen tüm diller