More Related Content Similar to 20151128 firefoxos-handson (20) More from Noritada Shimizu (20) 20151128 firefoxos-handson32. var handleDeviceLightEvent = function(event){
var indicator = document.querySelector("h1");
var lux = event.value;
if(indicator != null){
indicator.textContent = lux;
}
};
window.addEventListener("devicelight", handleDeviceLightEvent);
39. function initializeRecorder(){
if(stream != null){
console.log("MediaRecorder 初期化")
recorder = new MediaRecorder(stream);
recorder.addEventListener("stop", function(event){
toggleRecordButtonState();
});
recorder.addEventListener("dataavailable", function(event){
console.log("blob取得");
saveCapturedData(event.data);
});
}
}
41. function saveCapturedData(blob){
if(storage != null){
var filename = createFileName();
var req = storage.addNamed(blob, filename);
req.onsuccess = function(){
console.log(this.result + "に保存");
};
req.onerror = function(){
console.log(this.error.name + ":" +
this.error.message);
};
}
}
44. var audioContext= new AudioContext();
visualizer.sourceNode =
audioContext.createMediaStreamSource(stream);
visualizer.analyser = audioContext.createAnalyser();
visualizer.analyser.fftSize = 32;
visualizer.buffer =
new Uint8Array(visualizer.analyser.frequencyBinCount);
visualizer.sourceNode.connect(visualizer.analyser);
visualizer.audioContext = audioContext;
47. function initializeVisualizer(){
if(stream != null && ui.indicator != null){
var audioContext= new AudioContext();
visualizer.sourceNode = audioContext.createMediaStreamSource(stream);
visualizer.analyser = audioContext.createAnalyser();
visualizer.analyser.fftSize = 32;
visualizer.buffer = new Uint8Array(visualizer.analyser.frequencyBinCount);
visualizer.sourceNode.connect(visualizer.analyser);
visualizer.audioContext = audioContext;
visualizer.canvas = ui.indicator;
visualizer.graphicsContext = visualizer.canvas.getContext("2d");
update();
}
}
49. function doUpdateVisualizer(){
var gc = visualizer.graphicsContext;
gc.fillStyle = "white";
gc.fillRect(0, 0,
visualizer.canvas.width,
visualizer.canvas.height);
var h = visualizer.volume * visualizer.canvas.height;
gc.fillStyle = "green";
gc.fillRect(0, visualizer.canvas.height - h,
visualizer.canvas.width,
h);
}