N. Shimizu chikoski

Firefox OS アプリ作成入門

開発環境の構築と Hello World から、センサーを利用したアプリの作成を解説したスライドです：

Firefox OSアプリ開発ハンズオン(Hello World編) from Noritada Shimizu

	<?xml version="1.0" encoding="UTF-8"?>

	<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
	xmlns:NC="http://home.netscape.com/NC-rdf#"
	xmlns:em="http://www.mozilla.org/2004/em-rdf#">

	<Description about="urn:mozilla:install-manifest">
	<!-- nsIUpdateItem type for a Multiple Item Package -->
	<em:type>32</em:type>
	<em:id>[email protected]</em:id>

	var storage = navigator.getDeviceStorage("music");
	window.addEventListener("load", function() {
	var cursor = storage.enumerate();
	cursor.onsuccess = function(){
	var file = this.result;
	console.log(file);
	var reader = new FileReader();
	reader.onload = function(){
	var bytes = this.result;
	console.log(bytes);

	var max = {
	};

	var elm = {
	freq: document.querySelector("#freq"),
	attack: document.querySelector("#attack"),
	decay: document.querySelector("#decay"),
	sustain: document.querySelector("#sustain"),
	release: document.querySelector("#release"),
	play: document.querySelector("#play")

	window.addEventListener("load", function() {
	console.log("Hello World!");
	var serverSocket = navigator.mozTCPSocket.listen(23451);
	var connections = [];

	serverSocket.onconnect = function(socket){
	console.log(socket);
	connections.push(socket);
	socket.ondata = function(event){
	var data = event.data;

	var slot = [1, 2, 3, 4];
	var snare = slot.map(function(i){
	return document.querySelector("#snare" + i);
	});
	var cymbal = slot.map(function(i){
	return document.querySelector("#cymbal" + i);
	});

	var id;
	var current = 0;

	// アニメーションの各フレームを描画する関数
	function draw(){
	// 全画面を黒で塗りつぶし、リセット
	ctx.fillStyle = "rgb(0, 0, 0)";
	ctx.fillRect(0, 0, canvas.width, canvas.height);

	var data = getData(); //その時点での曲の解析結果を取得
	var i = 0;
	var offset = 5;
	var width = (canvas.width - offset * (data.length + 1)) / data.length;

	var playerA = document.querySelector("#player_a");
	var playerB = document.querySelector("#player_b");

	var fader = document.querySelector("#fader");
	fader.addEventListener("change", changeVolumes);
	fader.value = 50;
	changeVolumes();

	function changeVolumes(){
	var position = Number(fader.value);

	var app = {
	preview: document.querySelector("video"),
	shoot: document.querySelector("#shoot"),
	canvas: document.querySelector("canvas"),
	sliderX: document.querySelector("#width"),
	sliderY: document.querySelector("#height"),
	stream: null
	};

	//（中略)