HTML5 スマートアプリ＆クリエイティブ コンテスト

1. これで貴方もイケてるメンズ
制作：Diggy-MOU（木下健太郎、塚本碧、村上知希）
協力：にしぐちきょうへい、高木寛貴

2. こんな話を聞いたことはありませんか？
声の低い男性は
出世しやすい
…他にも「女性にモテる」など、色々噂に聞きますよね。

3. それ、事実なんです。
引用：
CNN.co.jp【声が低いと給料が高い？ 研究で見えてきた相関性とは】
http://www.cnn.co.jp/career/35034861.html?tag=cbox;business

4. name
age
data
木下健太郎
25歳
名古屋市の証券会社に勤めるごく普通のサラリーマン。
そろそろ出世や結婚について考えないとなあと日々思っ
ている。

10. 使用したHTML5の技術

11. getUserMedia
(WebRTC)
WebAudioAPI

12. getUserMedia(WebRTC)
WebRTCAPIの一つで、デバイスのカメラやマイクにアクセスして、動画音
声の取得ができる。
【WebRTC】
Real Time Communicationの略称で、ブラウザ上でマイクやカメラを使用し
たり、skypeのようなチャットができる技術のこと
対応ブラウザ
Google Chrome、Firefox、Opera
対応スマートフォン
Android

13. WebAudioAPI
1. Web上で音声を扱えるAPIのことで音声データの生成と加工・編集を重視
している
2. AudioNodeというオブジェクト同士をつないで、一連の処理を行う
対応ブラウザ
Google Chrome、Firefox、Opera、safari
対応スマートフォン
Android、iPhone

14. getUserMedia + WebAudioAPI
getUserMedia マイクにアクセス
音声出力ノード フィルターノード 解析ノード

15. 音声データの解析
1. 値が一気に変わらないように、過去の値と今の値を参照して平均化。
2. 平均化した値が最大値に対してどの程度の比率であるのかを計算。
3. 計算した値に応じてポインターを動かす。