29
第2回 Webフロントエンジニア交流会 @横浜 #HTML5飯

Web Speech API でおっさんの声を美少女化してみた

Embed Size (px)

DESCRIPTION

【HTML5飯】第2回 Webフロントエンジニア交流会 @横浜 #HTML5飯

Citation preview

Page 1: Web Speech API でおっさんの声を美少女化してみた

第2回 Webフロントエンジニア交流会 @横浜 #HTML5飯

Page 2: Web Speech API でおっさんの声を美少女化してみた

中農稔

HTMLファイ部・人事部JSer、ASer、Node、webGL

Page 3: Web Speech API でおっさんの声を美少女化してみた

@nenjiru

http://qiita.com/nenjiru https://twitter.com/nenjiru http://jsdo.it/nenjiru http://pixiv.me/nenjiru

Page 4: Web Speech API でおっさんの声を美少女化してみた

\前回のライトニングトーク!/

Page 5: Web Speech API でおっさんの声を美少女化してみた

ぱんちら.js JavaScriptでテクスチャマッピング

http://www.slideshare.net/minorunakanou/pantirajs-html5

@HTML5飯

Page 6: Web Speech API でおっさんの声を美少女化してみた
Page 7: Web Speech API でおっさんの声を美少女化してみた

http://www.slideshare.net/minorunakanou/responsive-oppai

レスポンシブおっぱいでまなぶ スケーラブルグラフィックス

@HTML5minutes!!

Page 8: Web Speech API でおっさんの声を美少女化してみた

本日のテーマ

Page 9: Web Speech API でおっさんの声を美少女化してみた

の前に

Page 10: Web Speech API でおっさんの声を美少女化してみた

カヤックでは作ったものを発表する

つくっていいとも という社内LT大会があります

Page 11: Web Speech API でおっさんの声を美少女化してみた

自主的に集まってアイデアを競い合う 「つくっていいとも」は、だれもが 「形にしたいもの」を自由に披露できる。

カヤックのプレゼン大会 自由な発想、若手競う

日経Bizアカデミー 記事リンク

日経産業新聞

Page 12: Web Speech API でおっさんの声を美少女化してみた

本日のテーマ

Page 13: Web Speech API でおっさんの声を美少女化してみた

Web Speech API で おっさんの声を 美少女化してみた

Page 14: Web Speech API でおっさんの声を美少女化してみた

なにをつかって?

Page 15: Web Speech API でおっさんの声を美少女化してみた

大人の科学マガジン 特別編集 歌うキーボード ポケット・ミク 通称 ポケミク

Page 16: Web Speech API でおっさんの声を美少女化してみた

NSX-1(NSX-39)

USB端子が備わったMIDI機器

Page 17: Web Speech API でおっさんの声を美少女化してみた

声はどうやって入力するの?

Page 18: Web Speech API でおっさんの声を美少女化してみた

Web Speech API

ブラウザで音声認識/音声合成

Page 19: Web Speech API でおっさんの声を美少女化してみた

ディクテーションが利用できる

Page 20: Web Speech API でおっさんの声を美少女化してみた

どうやって制御するの?

Page 21: Web Speech API でおっさんの声を美少女化してみた

Web MIDI API

ブラウザからMIDI楽器を操作する

Page 22: Web Speech API でおっさんの声を美少女化してみた

flags 必要(Chrome 36)

chrome://flags/#enable-web-midi

Page 23: Web Speech API でおっさんの声を美少女化してみた

NSX-39PCいい天気ですね

いい天気ですね ↓

いいてんきですね

Web Speech API Web MIDI API

♪いいてんきですね

Page 24: Web Speech API でおっさんの声を美少女化してみた

DEMO

Page 25: Web Speech API でおっさんの声を美少女化してみた

まとめ

• 音程とかピッチが反映できれば

ボイスチェンジャーになる? • Web Speech API かなり精度高い • Web MIDI API 未知数だけど期待

Page 26: Web Speech API でおっさんの声を美少女化してみた

http://qiita.com/nenjiru/items/139a498573cab97b00b4

音声認識とKAKASIで ポケットミクにもっとしゃべってもらう

Page 27: Web Speech API でおっさんの声を美少女化してみた

告知

Page 28: Web Speech API でおっさんの声を美少女化してみた

HTML5周辺技術で 話したい方

次回のLTどうですか?

次回は10月ぐらい?

Page 29: Web Speech API でおっさんの声を美少女化してみた

Thank you!