Skip to content

Commit

Permalink
helz yeh
Browse files Browse the repository at this point in the history
  • Loading branch information
lauren mccarthy committed May 12, 2013
1 parent 514bb83 commit 7bb87fa
Show file tree
Hide file tree
Showing 6 changed files with 194 additions and 66 deletions.
2 changes: 1 addition & 1 deletion backend_express/package.json
@@ -1,6 +1,6 @@
{
"name": "fixus",
"version": "0.0.1-91",
"version": "0.0.1-101",
"repository": {
"type": "git",
"url": "git://github.com/lmccart/fixus.git"
Expand Down
13 changes: 8 additions & 5 deletions backend_express/public/index.html
@@ -1,14 +1,14 @@
<!DOCTYPE html>
<!-- saved from url=(0054)http://www.google.com/intl/en/chrome/demos/speech.html -->
<html class="js consumer chrome" lang="en" id="mac"><head>
<!--<html class="js consumer chrome" lang="en" id="mac"><head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="/socket.io/socket.io.js"> </script>
<script src="/javascripts/processing.min.js" type="text/javascript"></script>
<script src="/javascripts/two.min.js" type="text/javascript"></script>

-->

<!--
if (true) {
Expand All @@ -24,9 +24,10 @@
-->

<!--
</head>
<body class="" id="grid" >

-->
<div class="browser-landing" id="main">

<div class="compact marquee">
Expand Down Expand Up @@ -77,8 +78,10 @@

<!-- <canvas id="PinTumbler" data-processing-sources="PinTumbler.pde" width="1280" height="720"></canvas>-->
<div id="draw-shapes"></div>

<!--
<script src="/javascripts/speech.js"></script>
</body></html>
</body></html>
-->
33 changes: 0 additions & 33 deletions backend_express/public/javascripts/fixus.js
@@ -1,33 +0,0 @@

function s4() {
return Math.floor((1 + Math.random()) * 0x10000)
.toString(16)
.substring(1);
};

function guid() {
return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
s4() + '-' + s4() + s4() + s4();
}

var socket = io.connect('http://fixus.jit.su:80');
var userGuid = guid();
socket.on('news', function (data) {
console.log(data);
socket.emit('set nickname', { name: userGuid });
});

socket.on('stats', function (data) {
console.log(data);
gapi.hangout.layout.displayNotice("do something", true);
});


function manualInputSubmit() {
socket.emit('event', {
transcript: document.getElementById('manualInput').value,
confidence: 1});

}

function getProcessingSketchId () { return 'PinTumbler'; }
106 changes: 84 additions & 22 deletions backend_express/public/javascripts/hangout.js
@@ -1,37 +1,99 @@

// wait until hangout ready then load everything

(function() {
if (gapi && gapi.hangout) {
if (gapi && gapi.hangout) {

var initHangout = function(apiInitEvent) {
if (apiInitEvent.isApiReady) {
//prepareAppDOM();
var initHangout = function(apiInitEvent) {
if (apiInitEvent.isApiReady) {
//prepareAppDOM();

console.log("hangout ready");
console.log("hangout ready");


$.getScript("//fixus.jit.su//javascripts/two.min.js", function(a, b, c) {

$.getScript("//fixus.jit.su/socket.io/socket.io.js", function(a, b, c) {
console.log('loaded');
$('body').append('<div class="browser-landing" id="main"><div class="compact marquee"><div id="info" style="visibility: visible;"><p id="info_start" style="display: inline;"> Click on the microphone icon and begin speaking for as long as you like. </p><p id="info_speak_now" style="display: none;"> Speak now. </p><p id="info_no_speech" style="display: none;"> No speech was detected. You may need to adjust your <a href="http://support.google.com/chrome/bin/answer.py?hl=en&answer=1407892">microphone settings</a>. </p><p id="info_no_microphone" style="display: none;"> No microphone was found. Ensure that a microphone is installed and that <a href="http://support.google.com/chrome/bin/answer.py?hl=en&answer=1407892"> microphone settings</a> are configured correctly. </p><p id="info_allow" style="display: none;"> Click the "Allow" button above to enable your microphone. </p><p id="info_denied" style="display: none;"> Permission to use microphone was denied. </p><p id="info_blocked" style="display: none;"> Permission to use microphone is blocked. To change, go to chrome://settings/contentExceptions#media-stream </p><p id="info_upgrade" style="display: none;"> Web Speech API is not supported by this browser. Upgrade to <a href="http://www.google.com/chrome">Chrome</a> version 25 or later. </p></div><div id="div_start"><button id="start_button" onclick="startButton(event)" style="display: inline-block;"><img alt="Start" id="start_img" src="//fixus.jit.su/img/mic.gif"></button></div><div id="results"><span class="final" id="final_span"></span><span class="interim" id="interim_span"></span></div><textarea id="manualInput" rows="1">i me you we happy sad and angry</textarea><button onclick="manualInputSubmit()" ontap="manualInputSubmit()">Submit</button></div></div><canvas id="PinTumbler" data-processing-sources="//fixus.jit.su/PinTumbler.pde" width="1280" height="720"></canvas>');
console.log('socket.io loaded');
$('body').append('<div class="browser-landing" id="main"><div class="compact marquee"><div id="info" style="visibility: visible;"><p id="info_start" style="display: inline;"> Click on the microphone icon and begin speaking for as long as you like. </p><p id="info_speak_now" style="display: none;"> Speak now. </p><p id="info_no_speech" style="display: none;"> No speech was detected. You may need to adjust your <a href="http://support.google.com/chrome/bin/answer.py?hl=en&answer=1407892">microphone settings</a>. </p><p id="info_no_microphone" style="display: none;"> No microphone was found. Ensure that a microphone is installed and that <a href="http://support.google.com/chrome/bin/answer.py?hl=en&answer=1407892"> microphone settings</a> are configured correctly. </p><p id="info_allow" style="display: none;"> Click the "Allow" button above to enable your microphone. </p><p id="info_denied" style="display: none;"> Permission to use microphone was denied. </p><p id="info_blocked" style="display: none;"> Permission to use microphone is blocked. To change, go to chrome://settings/contentExceptions#media-stream </p><p id="info_upgrade" style="display: none;"> Web Speech API is not supported by this browser. Upgrade to <a href="http://www.google.com/chrome">Chrome</a> version 25 or later. </p></div><div id="div_start"><button id="start_button" onclick="startButton(event)" style="display: inline-block;"><img alt="Start" id="start_img" src="//fixus.jit.su/img/mic.gif"></button></div><div id="results"><span class="final" id="final_span"></span><span class="interim" id="interim_span"></span></div><textarea id="manualInput" rows="1">i me you we happy sad and angry</textarea><button onclick="manualInputSubmit()" ontap="manualInputSubmit()">Submit</button></div></div><div id="draw-shapes"></div>');

start();

$.getScript("//fixus.jit.su//javascripts/fixus.js");
$.getScript("//fixus.jit.su//javascripts/speech.js", function(a, b, c) {
console.log('hi');
});
$.getScript("//fixus.jit.su//javascripts/processing.min.js", function(a, b, c) {
console.log('speech.js loaded');
});
});
});

gapi.hangout.data.onStateChanged.add(function(stateChangeEvent) {
});
gapi.hangout.onParticipantsChanged.add(function(partChangeEvent) {
});

gapi.hangout.data.onStateChanged.add(function(stateChangeEvent) {
});
gapi.hangout.onParticipantsChanged.add(function(partChangeEvent) {
});
gapi.hangout.onApiReady.remove(initHangout);
}
};

gapi.hangout.onApiReady.add(initHangout);
}


var socket;

function start() {

var elem = document.getElementById('draw-shapes');
var params = { width: 285, height: 200 };
var two = new Two(params).appendTo(elem);

// two has convenience methods to create shapes.
var circle = two.makeCircle(72, 100, 50);
var rect = two.makeRectangle(213, 100, 100, 100);

// The object returned has many stylable properties:
circle.fill = '#FF8000';
circle.stroke = 'orangered'; // Accepts all valid css color
circle.linewidth = 5;

rect.fill = 'rgb(0, 200, 255)';
rect.opacity = 0.75;
rect.noStroke();

// Don't forget to tell two to render everything
// to the screen
two.update();

socket = io.connect('http://fixus.jit.su:80');
console.log(socket);
var userGuid = guid();
socket.on('news', function (data) {
console.log(data);
socket.emit('set nickname', { name: userGuid });
});

socket.on('stats', function (data) {
console.log(data);
circle.linewidth = 10;
two.update();
gapi.hangout.layout.displayNotice("do something", true);
});

}

function s4() {
return Math.floor((1 + Math.random()) * 0x10000)
.toString(16)
.substring(1);
};

function guid() {
return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
s4() + '-' + s4() + s4() + s4();
}

gapi.hangout.onApiReady.remove(initHangout);
}
};
function manualInputSubmit() {
console.log(socket);
socket.emit('event', {
transcript: document.getElementById('manualInput').value,
confidence: 1});

gapi.hangout.onApiReady.add(initHangout);
}
})();
}
10 changes: 5 additions & 5 deletions backend_express/public/javascripts/speech.js
Expand Up @@ -31,18 +31,18 @@ if (!('webkitSpeechRecognition' in window)) {
recognition.onstart = function() {
recognizing = true;
showInfo('info_speak_now');
start_img.src = './img/mic-animate.gif';
start_img.src = '//fixus.jit.su/img/mic-animate.gif';
console.log(gapi);
};

recognition.onerror = function(event) {
if (event.error == 'no-speech') {
start_img.src = './img/mic.gif';
start_img.src = '//fixus.jit.su/img/mic.gif';
showInfo('info_no_speech');
ignore_onend = true;
}
if (event.error == 'audio-capture') {
start_img.src = './img/mic.gif';
start_img.src = '//fixus.jit.su/img/mic.gif';
showInfo('info_no_microphone');
ignore_onend = true;
}
Expand All @@ -61,7 +61,7 @@ if (!('webkitSpeechRecognition' in window)) {
if (ignore_onend) {
return;
}
start_img.src = './img/mic.gif';
start_img.src = '//fixus.jit.su/img/mic.gif';
if (!final_transcript) {
showInfo('info_start');
return;
Expand Down Expand Up @@ -137,7 +137,7 @@ function startButton(event) {
ignore_onend = false;
final_span.innerHTML = '';
interim_span.innerHTML = '';
start_img.src = './img/mic-slash.gif';
start_img.src = '//fixus.jit.su/img/mic-slash.gif';
showInfo('info_allow');
start_timestamp = event.timeStamp;
}
Expand Down

0 comments on commit 7bb87fa

Please sign in to comment.