Sensörleri Uyandırmak: getUserMedia ile Tarayıcı Kamerasını Kullanma

Web API ve Donanım Erişimi

Modern tarayıcılar sadece sayfa göstermekle kalmaz, aynı zamanda cihaz donanımlarına da erişebilir. Bu özellik Web API’ler sayesinde mümkündür.

Bu API’ler ile:

  • Kamera açılabilir
  • Mikrofon kullanılabilir
  • Sensör verileri alınabilir


https://www.udemy.com/course/ai-ile-aha-html-ile-her-seyi-yaparsn-sor-ogren-uret/


getUserMedia Nedir?

getUserMedia, tarayıcının kamera ve mikrofon gibi medya cihazlarına erişmesini sağlayan bir Web API’dir.

Bu sistem:

  • Kullanıcıdan izin ister
  • Cihazdan video akışı alır
  • Bu akışı sayfada gösterir

Kamera Erişimi Mantığı

Kamera erişimi, bir medya akışının tarayıcıya aktarılmasıdır.

Bu süreç:

  • Kullanıcıdan izin alınması
  • Kameranın aktif hale gelmesi
  • Görüntünün video alanına aktarılması

şeklinde çalışır.


Sensörleri Uyandırmak Metaforu

Bu dersin temel metaforu “sensörleri uyandırmak”tır.

  • Kamera = göz
  • Tarayıcı = kontrol paneli
  • Web sayfası = komuta merkezi

Bu yapı sayesinde cihazın donanımı kontrol edilebilir hale gelir.


AI ile Kamera Sistemi Tasarımı

Yapay zekâ bu süreçte Web API kullanımını kolaylaştırır.

Sistem:

  • Kamera erişimini başlatır
  • Video akışını alır
  • Sayfada canlı görüntü oluşturur

Bu yapı modern web uygulamalarının temelidir.


Kursiyerin Uygulama Süreci: İlk Donanım Erişimi

Öğrenci bu aşamada tarayıcı üzerinden kamerayı çalıştırır.

Süreç:

  • HTML dosyası oluşturulur
  • Video elementi eklenir
  • getUserMedia çağrısı yapılır
  • İzin verilir
  • Görüntü ekranda gösterilir

Güvenlik ve İzin Sistemi

Kamera erişimi otomatik değildir. Tarayıcı güvenlik nedeniyle kullanıcı izni ister.

Bu sistem:

  • Gizliliği korur
  • Kullanıcı kontrolünü sağlar
  • Güvenli erişim oluşturur

Aha! Anı: Tarayıcı Donanım Kontrolü

Bu dersin en önemli farkındalığı şudur:

  • Web sayfası sadece içerik değildir
  • Cihaz donanımına erişebilir
  • Gerçek zamanlı veri alabilir

Metafor: Kumanda Paneli Gerçeği

Bu sistem şu şekilde düşünülebilir:

  • Kamera = sensör
  • Tarayıcı = kontrol merkezi
  • Web sayfası = komuta ekranı

Bu yapı web teknolojisinin gücünü gösterir.


Sonuç: İlk Donanım Entegrasyonu

getUserMedia kullanımı ile birlikte uygulama artık sadece bir yazılım değil, cihazla etkileşen bir sistem haline gelir.

Bu aşamada öğrenci:

  • Web API kavramını öğrenir
  • Kamera erişimini kullanır
  • Donanım entegrasyonunu kavrar

Bu adım, üretici zihnin “cihaz kontrolü ve sensör yönetimi” seviyesine geçtiği noktadır.