Skip to content

Instantly share code, notes, and snippets.

@camallen

camallen/zooniverse-public-stream-debug.html

Created March 31, 2020 14:39
Show Gist options
  • Save camallen/7bc72db160efd927764d0e8b79ae5747 to your computer and use it in GitHub Desktop.
Save camallen/7bc72db160efd927764d0e8b79ae5747 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
zooniverse-public-stream-debug.html
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>Zooniverse Public Stream Debug</title>
<script src="https://js.pusher.com/5.1/pusher.min.js"></script>
</head>
<body>
<h1>Zooniverse Public Stream Debug</h1>
<p>
See the console log statements for the json event payloads.
</p>
<p>
<h4>Session Counts:</h4>
<p>Classifications: <span id="classificationCount">0</span></p>
<p>Comments: <span id="commentCount"></span>0</p>
</p>
</body>
<script defer>
// Enable pusher logging - don't include this in production
// Pusher.logToConsole = true;
var pusher = new Pusher('79e8e05ea522377ba6db', {
cluster: 'mt1',
forceTLS: true
});
var classificationCount = 0;
var commentCount = 0;
var domClassificationCountNode = document.getElementById("classificationCount");
var domCommentCountNode = document.getElementById("commentCount");
var zooniverseApi = pusher.subscribe('panoptes');
zooniverseApi.bind('classification', function (data) {
console.log(data);
classificationCount++;
domClassificationCountNode.innerHTML = classificationCount;
});
var zooniverseTalkApi = pusher.subscribe('talk');
zooniverseTalkApi.bind('comment', function (data) {
console.log(data);
commentCount++;
domCommentCountNode.innerHTML = commentCount;
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment