LogoDuyệtSr. Data Engineer
HomeAboutPhotosInsightsCV

Footer

Logo

Resources

  • Rust Tiếng Việt
  • /archives
  • /series
  • /tags
  • Status

me@duyet.net

  • About
  • LinkedIn
  • Resume
  • Projects

© 2026 duyet.net | Sr. Data Engineer | 2026-02-27

WebGazer.js - theo dõi chuyển động mắt của người dùng trên Website

Note: This post is over 10 years old. The information may be outdated.

WebGazer.js là thư viện viết bằng Javascript, theo dõi mắt người dùng, xác định điểm trên màn hình mà người dùng đang chú ý đến. Thư viện xử lý real-time, chạy trực tiếp trên trình duyệt, sử dụng webcam để nhận diện và không cần phải gửi video về server.

Các chức năng nổi bật

  • Tính toán Realtime trên hầu hết các trình duyệt (Chrome, Firefox, Opera, Edge).
  • Không cần thiết bị chuyên dụng, chỉ cần sử dụng Webcams.
  • Tự training (huấn luyện), điều chỉnh bằng cách click và di chuyển chuột.
  • Tích hợp và sử dụng đơn giản.
  • Dự đoán được nhiều điểm nhìn.

Sử dụng

Thêm webgazer.js vào website:

<!-- Note: RawGit CDN is deprecated. Use npm or download the library directly from GitHub -->
<script src="https://cdn.rawgit.com/brownhci/WebGazer/master/build/webgazer.js" type="text/javascript"></script>

webgazer.begin() cho phép bắt đầu thu thập dữ liệu để training cho mắt.

webgazer.setGazeListener(function(data, elapsedTime) {
    if (data == null) {
        return;
    }
    var xprediction = data.x; //these x coordinates are relative to the viewport
    var yprediction = data.y; //these y coordinates are relative to the viewport
    console.log(elapsedTime); //elapsed time is based on time since begin was called
}).begin();

// Lấy dữ liệu prediction realtime

var prediction = webgazer.getCurrentPrediction();
if (prediction) {
    var x = prediction.x;
    var y = prediction.y;
};

Xem thêm hướng dẫn sử dụng chi tiết tại trang chủ: https://webgazer.cs.brown.edu/#usage Hoặc ví dụ: https://webgazer.cs.brown.edu/#examples

  • Github
  • Documentation
  • API Docs

Chống chỉ định với ai bị mắt hí, mắt híp hay mắt lé!

May 29, 2016·10 years ago
|Javascript|
JavascriptMachine Learning
|Edit|

Related Posts

Guess.js

Guess.js - Thư viện và công cụ cải thiện UX dựa trên Dữ liệu, thống kê và Machine Learning. Và cách cài đặt plugin Gatsby.

Aug 9, 2019·7 years ago
Read more

Resting và Spreading JavaScript Objects

Resting và spreading càng ngày được ưa chuộng vì sự tiện lợi của nó, sau đây là 7 tricks với JavaScript objects.

Mar 27, 2019·7 years ago
Read more

Javascript Weekly #9

Javascript Weekly #9: Date-DNS, chi tiết về các bản cập nhật mới của V8, React và Angular. ![](https://2.bp.blogspot.com/-3n1yGifwJdY/WEtxXVdp38I/AAAAAAAAgt4/ijum1QPHo6ENxNmPawMuGeKyxKfw2tfEACLcB/s1600/Screenshot%2Bfrom%2B2016-12-10%2B10-06-59.png) ## [date-fns: A Modern...

Dec 10, 2016·9 years ago
Read more

Yarn: A new package manager for JavaScript

Facebook has launched Yarn

Oct 13, 2016·9 years ago
Read more
On this page
  • Các chức năng nổi bật
  • Sử dụng
On this page
  • Các chức năng nổi bật
  • Sử dụng