Pembangun Cipta Antara Muka Laman Web Penjejakan Mata DIY Menggunakan WebGazer.js sebagai Alternatif kepada Apple Vision Pro

BigGo Editorial Team
Pembangun Cipta Antara Muka Laman Web Penjejakan Mata DIY Menggunakan WebGazer.js sebagai Alternatif kepada Apple Vision Pro

Seorang pembangun kreatif telah membina antara muka laman web penjejakan mata yang inovatif dipanggil Eyesite sebagai alternatif mesra bajet kepada set kepala Apple Vision Pro yang berharga 3,500 dolar Amerika Syarikat. Projek ini menunjukkan bagaimana pengguna boleh menavigasi laman web hanya menggunakan pergerakan mata mereka, digabungkan dengan klik bar ruang untuk interaksi.

Perbandingan Kos:

  • Apple Vision Pro : $3,500 USD
  • Penyelesaian DIY Eyesite : Percuma (hanya memerlukan kamera web dan pelayar web)
  • WebGazer.js : Perpustakaan JavaScript sumber terbuka
Projek  Eyesite : Alternatif mesra bajet kepada peranti penjejakan mata mewah
Projek Eyesite : Alternatif mesra bajet kepada peranti penjejakan mata mewah

Pelaksanaan Teknologi Penjejakan Mata

Projek ini memanfaatkan WebGazer.js, sebuah perpustakaan JavaScript yang asalnya dibangunkan oleh penyelidik dari Brown University dan Georgia Tech pada tahun 2016. Sistem ini memerlukan proses penentukuran 9-titik di mana pengguna melihat lokasi skrin tertentu dan mengklik untuk memetakan pandangan mereka kepada koordinat. Untuk meningkatkan ketepatan, pembangun mendapati bahawa mengumpul 5 sampel pemetaan bagi setiap titik penentukuran meningkatkan ketepatan penjejakan dengan ketara.

WebGazer.js adalah perpustakaan JavaScript yang menggunakan penglihatan komputer untuk menjejak pergerakan mata melalui kamera web standard, tanpa memerlukan perkakasan khusus.

Proses Kalibrasi WebGazer.js:

  • Sistem kalibrasi 9-titik (sudut, sisi, tengah)
  • 5 sampel pemetaan setiap titik untuk ketepatan optimum
  • Masa yang dikawal pengguna untuk menampung kelipan mata dan rehat mata
  • Pengaktifan spacebar untuk interaksi klik

Cabaran Reka Bentuk Pengalaman Pengguna

Salah satu keputusan reka bentuk yang paling menarik melibatkan menjadikan kursor penjejakan mata tidak kelihatan. Pada mulanya, pengguna boleh melihat titik merah yang menunjukkan di mana sistem mengesan pandangan mereka, tetapi ini menimbulkan dua masalah utama. Titik tersebut menjadi mengganggu, menyebabkan pengguna secara tidak sedar menumpukan perhatian kepadanya dan bukannya elemen antara muka yang dimaksudkan. Selain itu, penjejakan yang boleh dilihat mendedahkan ketidaktepatan sistem yang sedia ada, yang merosakkan pengalaman yang mendalam.

Penyelesaiannya melibatkan menyembunyikan kedua-dua kursor mata dan penunjuk tetikus tradisional, mewujudkan perasaan kawalan mata langsung yang lebih semula jadi. Maklum balas visual datang melalui kesan bercahaya dan penskalaan yang halus apabila pengguna melihat elemen interaktif.

Batasan Teknikal dan Penyelesaian Sementara

Teknologi penjejakan mata menghadapi cabaran ketepatan yang ketara, dengan gegaran yang ketara dapat dilihat dalam mod nyahpepijat. Untuk mengimbangi batasan ini, pembangun melaksanakan elemen antara muka pengguna yang bersaiz besar dan mengehadkan laman web kepada paparan yang lebih besar sahaja, menjadikan peranti mudah alih tidak serasi.

Perbincangan komuniti mendedahkan penyelidikan berterusan untuk meningkatkan kaedah penentukuran, dengan cadangan untuk proses penentukuran yang lebih menarik yang terasa seperti permainan dan bukannya tugas yang membosankan. Sesetengah pembangun sedang bereksperimen dengan penentukuran dinamik yang terus meningkatkan ketepatan berdasarkan interaksi pengguna.

Keperluan Teknikal:

  • Had sekatan saiz skrin minimum (tidak serasi dengan mudah alih)
  • Kamera web standard untuk penjejakan mata
  • Elemen UI yang besar untuk mengimbangi gegaran penjejakan
  • Sistem kursor tersembunyi untuk pengalaman yang menyeluruh

Kebimbangan Privasi dan Pengawasan

Projek ini telah mencetuskan perbualan yang lebih luas mengenai teknologi penjejakan mata di ruang awam. Pengguna telah mencatat kelaziman kamera dalam paparan pengiklanan digital, dengan sesetengah secara aktif meletakkan pelekat di atas sensor untuk mencegah penjejakan. Perbincangan ini menyerlahkan kesedaran yang semakin meningkat tentang teknologi pengawasan yang ada di mana-mana, walaupun sesetengah berpendapat bahawa data tontonan tanpa nama boleh membantu perniagaan membuat keputusan pengiklanan yang lebih termaklum.

Aplikasi Masa Depan dan Kebolehcapaian

Teknologi ini menunjukkan potensi untuk aplikasi kebolehcapaian dan antara muka permainan. Walaupun batasan semasa menghalang sasaran yang tepat dalam permainan disebabkan oleh isu latensi dan ketepatan, konsep ini membuka kemungkinan untuk pengguna yang menghadapi cabaran mobiliti. Perasaan semula jadi kawalan navigasi mata akhirnya boleh membolehkan pengalaman pelayaran dan pembacaan tanpa tangan.

Projek ini mewakili demonstrasi yang mengagumkan tentang apa yang mungkin dengan teknologi web sedia ada, menawarkan gambaran ke dalam antara muka komputer yang lebih mudah diakses dan intuitif tanpa memerlukan perkakasan khusus yang mahal.

Rujukan: Making eyesite