Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
Eye-Tracking Classroom
/
gaze-client.js
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Members
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
ee5b4d28
authored
Aug 27, 2019
by
Alexander Bazo
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Parse eye coordinates and timestamps to float and int respectively
parent
b47f46c0
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
8 additions
and
8 deletions
+8
-8
build/gazeclient.js
+2
-2
build/gazeclient.js.map
+0
-0
build/gazeclient.min.js
+2
-2
demo/gazeclient.min.js
+2
-2
lib/data/GazeData.js
+2
-2
No files found.
build/gazeclient.js
View file @
ee5b4d28
...
...
@@ -74,8 +74,8 @@
static
fromDataString
(
dataString
)
{
let
dataValues
=
dataString
.
split
(
DATA_SEPERATOR
);
return
new
GazeData
(
dataValues
[
0
],
dataValues
[
1
],
dataValues
[
2
]
,
dataValues
[
3
],
dataValues
[
4
],
dataValues
[
5
]
);
return
new
GazeData
(
parseFloat
(
dataValues
[
0
]),
parseFloat
(
dataValues
[
1
]),
parseFloat
(
dataValues
[
2
])
,
parseFloat
(
dataValues
[
3
]),
parseInt
(
dataValues
[
4
]),
parseInt
(
dataValues
[
5
])
);
}
}
...
...
build/gazeclient.js.map
View file @
ee5b4d28
This diff is collapsed.
Click to expand it.
build/gazeclient.min.js
View file @
ee5b4d28
(
function
(){
"use strict"
;
class
Observable
{
constructor
(){
this
.
listeners
=
{}}
addEventListener
(
type
,
callback
){
if
(
this
.
listeners
[
type
]
===
undefined
){
this
.
listeners
[
type
]
=
[]}
this
.
listeners
[
type
].
push
(
callback
)}
notifyAll
(
event
){
let
listeners
=
this
.
listeners
[
event
.
type
];
if
(
listeners
){
for
(
let
i
=
0
;
i
<
listeners
.
length
;
i
++
){
listeners
[
i
](
event
)}}}}
class
Event
{
constructor
(
type
,
data
){
this
.
type
=
type
;
this
.
data
=
data
}}
class
DataEvent
extends
Event
{
constructor
(
data
){
super
(
"dataavailable"
,
data
)}}
class
ConnectionOpenedEvent
extends
Event
{
constructor
(){
super
(
"connectionopened"
)}}
class
ConnectionClosedEvent
extends
Event
{
constructor
(){
super
(
"connectionclosed"
)}}
class
ConnectionErrorEvent
extends
Event
{
constructor
(){
super
(
"erroroccurred"
)}}
const
DATA_SEPERATOR
=
";"
;
class
GazeData
{
constructor
(
leftEyeX
,
leftEyeY
,
rightEyeX
,
rightEyeY
,
trackerTimeStamp
,
systemTimeStamp
){
this
.
leftEyeX
=
leftEyeX
;
this
.
leftEyeY
=
leftEyeY
;
this
.
rightEyeX
=
rightEyeX
;
this
.
rightEyeY
=
rightEyeY
;
this
.
trackerTimeStamp
=
trackerTimeStamp
;
this
.
systemTimeStamp
=
systemTimeStamp
}
static
fromDataString
(
dataString
){
let
dataValues
=
dataString
.
split
(
DATA_SEPERATOR
);
return
new
GazeData
(
dataValues
[
0
],
dataValues
[
1
],
dataValues
[
2
],
dataValues
[
3
],
dataValues
[
4
],
dataValues
[
5
])}}
class
WebSocketClient
extends
Observable
{
constructor
(){
super
()}
connect
(
url
){
this
.
ws
=
new
WebSocket
(
url
);
this
.
ws
.
onopen
=
onOpen
.
bind
(
this
);
this
.
ws
.
onclose
=
onClose
.
bind
(
this
);
this
.
ws
.
onerror
=
onError
.
bind
(
this
);
this
.
ws
.
onmessage
=
onMessage
.
bind
(
this
)}}
function
onOpen
(){
let
connectionEvent
=
new
ConnectionOpenedEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onClose
(){
let
connectionEvent
=
new
ConnectionClosedEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onError
(){
let
connectionEvent
=
new
ConnectionErrorEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onMessage
(
event
){
let
data
=
GazeData
.
fromDataString
(
event
.
data
),
dataEvent
=
new
DataEvent
(
data
);
this
.
notifyAll
(
dataEvent
)}
class
GazeClient
extends
Observable
{
constructor
(){
super
()}
connect
(
url
){
this
.
url
=
url
;
this
.
client
=
new
WebSocketClient
;
this
.
client
.
addEventListener
(
"connectionopened"
,
this
.
onConnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"connectionclosed"
,
this
.
onDisconnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"erroroccurred"
,
this
.
onDisconnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"dataavailable"
,
this
.
onDataAvailable
.
bind
(
this
));
this
.
client
.
connect
(
url
)}
onConnected
(
event
){
this
.
notifyAll
(
event
)}
onDisconnected
(
event
){
this
.
notifyAll
(
event
)}
onError
(
event
){
this
.
notifyAll
(
event
)}
onDataAvailable
(
event
){
this
.
notifyAll
(
event
)}}
window
.
GazeClient
=
GazeClient
})();
\ No newline at end of file
(
function
(){
"use strict"
;
class
Observable
{
constructor
(){
this
.
listeners
=
{}}
addEventListener
(
type
,
callback
){
if
(
this
.
listeners
[
type
]
===
undefined
){
this
.
listeners
[
type
]
=
[]}
this
.
listeners
[
type
].
push
(
callback
)}
notifyAll
(
event
){
let
listeners
=
this
.
listeners
[
event
.
type
];
if
(
listeners
){
for
(
let
i
=
0
;
i
<
listeners
.
length
;
i
++
){
listeners
[
i
](
event
)}}}}
class
Event
{
constructor
(
type
,
data
){
this
.
type
=
type
;
this
.
data
=
data
}}
class
DataEvent
extends
Event
{
constructor
(
data
){
super
(
"dataavailable"
,
data
)}}
class
ConnectionOpenedEvent
extends
Event
{
constructor
(){
super
(
"connectionopened"
)}}
class
ConnectionClosedEvent
extends
Event
{
constructor
(){
super
(
"connectionclosed"
)}}
class
ConnectionErrorEvent
extends
Event
{
constructor
(){
super
(
"erroroccurred"
)}}
const
DATA_SEPERATOR
=
";"
;
class
GazeData
{
constructor
(
leftEyeX
,
leftEyeY
,
rightEyeX
,
rightEyeY
,
trackerTimeStamp
,
systemTimeStamp
){
this
.
leftEyeX
=
leftEyeX
;
this
.
leftEyeY
=
leftEyeY
;
this
.
rightEyeX
=
rightEyeX
;
this
.
rightEyeY
=
rightEyeY
;
this
.
trackerTimeStamp
=
trackerTimeStamp
;
this
.
systemTimeStamp
=
systemTimeStamp
}
static
fromDataString
(
dataString
){
let
dataValues
=
dataString
.
split
(
DATA_SEPERATOR
);
return
new
GazeData
(
parseFloat
(
dataValues
[
0
]),
parseFloat
(
dataValues
[
1
]),
parseFloat
(
dataValues
[
2
]),
parseFloat
(
dataValues
[
3
]),
parseInt
(
dataValues
[
4
]),
parseInt
(
dataValues
[
5
]))}}
class
WebSocketClient
extends
Observable
{
constructor
(){
super
()}
connect
(
url
){
this
.
ws
=
new
WebSocket
(
url
);
this
.
ws
.
onopen
=
onOpen
.
bind
(
this
);
this
.
ws
.
onclose
=
onClose
.
bind
(
this
);
this
.
ws
.
onerror
=
onError
.
bind
(
this
);
this
.
ws
.
onmessage
=
onMessage
.
bind
(
this
)}}
function
onOpen
(){
let
connectionEvent
=
new
ConnectionOpenedEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onClose
(){
let
connectionEvent
=
new
ConnectionClosedEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onError
(){
let
connectionEvent
=
new
ConnectionErrorEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onMessage
(
event
){
let
data
=
GazeData
.
fromDataString
(
event
.
data
),
dataEvent
=
new
DataEvent
(
data
);
this
.
notifyAll
(
dataEvent
)}
class
GazeClient
extends
Observable
{
constructor
(){
super
()}
connect
(
url
){
this
.
url
=
url
;
this
.
client
=
new
WebSocketClient
;
this
.
client
.
addEventListener
(
"connectionopened"
,
this
.
onConnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"connectionclosed"
,
this
.
onDisconnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"erroroccurred"
,
this
.
onDisconnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"dataavailable"
,
this
.
onDataAvailable
.
bind
(
this
));
this
.
client
.
connect
(
url
)}
onConnected
(
event
){
this
.
notifyAll
(
event
)}
onDisconnected
(
event
){
this
.
notifyAll
(
event
)}
onError
(
event
){
this
.
notifyAll
(
event
)}
onDataAvailable
(
event
){
this
.
notifyAll
(
event
)}}
window
.
GazeClient
=
GazeClient
})();
\ No newline at end of file
demo/gazeclient.min.js
View file @
ee5b4d28
(
function
(){
"use strict"
;
class
Observable
{
constructor
(){
this
.
listeners
=
{}}
addEventListener
(
type
,
callback
){
if
(
this
.
listeners
[
type
]
===
undefined
){
this
.
listeners
[
type
]
=
[]}
this
.
listeners
[
type
].
push
(
callback
)}
notifyAll
(
event
){
let
listeners
=
this
.
listeners
[
event
.
type
];
if
(
listeners
){
for
(
let
i
=
0
;
i
<
listeners
.
length
;
i
++
){
listeners
[
i
](
event
)}}}}
class
Event
{
constructor
(
type
,
data
){
this
.
type
=
type
;
this
.
data
=
data
}}
class
DataEvent
extends
Event
{
constructor
(
data
){
super
(
"dataavailable"
,
data
)}}
class
ConnectionOpenedEvent
extends
Event
{
constructor
(){
super
(
"connectionopened"
)}}
class
ConnectionClosedEvent
extends
Event
{
constructor
(){
super
(
"connectionclosed"
)}}
class
ConnectionErrorEvent
extends
Event
{
constructor
(){
super
(
"erroroccurred"
)}}
const
DATA_SEPERATOR
=
";"
;
class
GazeData
{
constructor
(
leftEyeX
,
leftEyeY
,
rightEyeX
,
rightEyeY
,
trackerTimeStamp
,
systemTimeStamp
){
this
.
leftEyeX
=
leftEyeX
;
this
.
leftEyeY
=
leftEyeY
;
this
.
rightEyeX
=
rightEyeX
;
this
.
rightEyeY
=
rightEyeY
;
this
.
trackerTimeStamp
=
trackerTimeStamp
;
this
.
systemTimeStamp
=
systemTimeStamp
}
static
fromDataString
(
dataString
){
let
dataValues
=
dataString
.
split
(
DATA_SEPERATOR
);
return
new
GazeData
(
dataValues
[
0
],
dataValues
[
1
],
dataValues
[
2
],
dataValues
[
3
],
dataValues
[
4
],
dataValues
[
5
])}}
class
WebSocketClient
extends
Observable
{
constructor
(){
super
()}
connect
(
url
){
this
.
ws
=
new
WebSocket
(
url
);
this
.
ws
.
onopen
=
onOpen
.
bind
(
this
);
this
.
ws
.
onclose
=
onClose
.
bind
(
this
);
this
.
ws
.
onerror
=
onError
.
bind
(
this
);
this
.
ws
.
onmessage
=
onMessage
.
bind
(
this
)}}
function
onOpen
(){
let
connectionEvent
=
new
ConnectionOpenedEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onClose
(){
let
connectionEvent
=
new
ConnectionClosedEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onError
(){
let
connectionEvent
=
new
ConnectionErrorEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onMessage
(
event
){
let
data
=
GazeData
.
fromDataString
(
event
.
data
),
dataEvent
=
new
DataEvent
(
data
);
this
.
notifyAll
(
dataEvent
)}
class
GazeClient
extends
Observable
{
constructor
(){
super
()}
connect
(
url
){
this
.
url
=
url
;
this
.
client
=
new
WebSocketClient
;
this
.
client
.
addEventListener
(
"connectionopened"
,
this
.
onConnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"connectionclosed"
,
this
.
onDisconnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"erroroccurred"
,
this
.
onDisconnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"dataavailable"
,
this
.
onDataAvailable
.
bind
(
this
));
this
.
client
.
connect
(
url
)}
onConnected
(
event
){
this
.
notifyAll
(
event
)}
onDisconnected
(
event
){
this
.
notifyAll
(
event
)}
onError
(
event
){
this
.
notifyAll
(
event
)}
onDataAvailable
(
event
){
this
.
notifyAll
(
event
)}}
window
.
GazeClient
=
GazeClient
})();
\ No newline at end of file
(
function
(){
"use strict"
;
class
Observable
{
constructor
(){
this
.
listeners
=
{}}
addEventListener
(
type
,
callback
){
if
(
this
.
listeners
[
type
]
===
undefined
){
this
.
listeners
[
type
]
=
[]}
this
.
listeners
[
type
].
push
(
callback
)}
notifyAll
(
event
){
let
listeners
=
this
.
listeners
[
event
.
type
];
if
(
listeners
){
for
(
let
i
=
0
;
i
<
listeners
.
length
;
i
++
){
listeners
[
i
](
event
)}}}}
class
Event
{
constructor
(
type
,
data
){
this
.
type
=
type
;
this
.
data
=
data
}}
class
DataEvent
extends
Event
{
constructor
(
data
){
super
(
"dataavailable"
,
data
)}}
class
ConnectionOpenedEvent
extends
Event
{
constructor
(){
super
(
"connectionopened"
)}}
class
ConnectionClosedEvent
extends
Event
{
constructor
(){
super
(
"connectionclosed"
)}}
class
ConnectionErrorEvent
extends
Event
{
constructor
(){
super
(
"erroroccurred"
)}}
const
DATA_SEPERATOR
=
";"
;
class
GazeData
{
constructor
(
leftEyeX
,
leftEyeY
,
rightEyeX
,
rightEyeY
,
trackerTimeStamp
,
systemTimeStamp
){
this
.
leftEyeX
=
leftEyeX
;
this
.
leftEyeY
=
leftEyeY
;
this
.
rightEyeX
=
rightEyeX
;
this
.
rightEyeY
=
rightEyeY
;
this
.
trackerTimeStamp
=
trackerTimeStamp
;
this
.
systemTimeStamp
=
systemTimeStamp
}
static
fromDataString
(
dataString
){
let
dataValues
=
dataString
.
split
(
DATA_SEPERATOR
);
return
new
GazeData
(
parseFloat
(
dataValues
[
0
]),
parseFloat
(
dataValues
[
1
]),
parseFloat
(
dataValues
[
2
]),
parseFloat
(
dataValues
[
3
]),
parseInt
(
dataValues
[
4
]),
parseInt
(
dataValues
[
5
]))}}
class
WebSocketClient
extends
Observable
{
constructor
(){
super
()}
connect
(
url
){
this
.
ws
=
new
WebSocket
(
url
);
this
.
ws
.
onopen
=
onOpen
.
bind
(
this
);
this
.
ws
.
onclose
=
onClose
.
bind
(
this
);
this
.
ws
.
onerror
=
onError
.
bind
(
this
);
this
.
ws
.
onmessage
=
onMessage
.
bind
(
this
)}}
function
onOpen
(){
let
connectionEvent
=
new
ConnectionOpenedEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onClose
(){
let
connectionEvent
=
new
ConnectionClosedEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onError
(){
let
connectionEvent
=
new
ConnectionErrorEvent
;
this
.
notifyAll
(
connectionEvent
)}
function
onMessage
(
event
){
let
data
=
GazeData
.
fromDataString
(
event
.
data
),
dataEvent
=
new
DataEvent
(
data
);
this
.
notifyAll
(
dataEvent
)}
class
GazeClient
extends
Observable
{
constructor
(){
super
()}
connect
(
url
){
this
.
url
=
url
;
this
.
client
=
new
WebSocketClient
;
this
.
client
.
addEventListener
(
"connectionopened"
,
this
.
onConnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"connectionclosed"
,
this
.
onDisconnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"erroroccurred"
,
this
.
onDisconnected
.
bind
(
this
));
this
.
client
.
addEventListener
(
"dataavailable"
,
this
.
onDataAvailable
.
bind
(
this
));
this
.
client
.
connect
(
url
)}
onConnected
(
event
){
this
.
notifyAll
(
event
)}
onDisconnected
(
event
){
this
.
notifyAll
(
event
)}
onError
(
event
){
this
.
notifyAll
(
event
)}
onDataAvailable
(
event
){
this
.
notifyAll
(
event
)}}
window
.
GazeClient
=
GazeClient
})();
\ No newline at end of file
lib/data/GazeData.js
View file @
ee5b4d28
...
...
@@ -13,8 +13,8 @@ class GazeData {
static
fromDataString
(
dataString
)
{
let
dataValues
=
dataString
.
split
(
DATA_SEPERATOR
);
return
new
GazeData
(
dataValues
[
0
],
dataValues
[
1
],
dataValues
[
2
]
,
dataValues
[
3
],
dataValues
[
4
],
dataValues
[
5
]
);
return
new
GazeData
(
parseFloat
(
dataValues
[
0
]),
parseFloat
(
dataValues
[
1
]),
parseFloat
(
dataValues
[
2
])
,
parseFloat
(
dataValues
[
3
]),
parseInt
(
dataValues
[
4
]),
parseInt
(
dataValues
[
5
])
);
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment