俺たちは雰囲気でgetUserMedia()をやっている
はじめまして Yuji Sugiura / @leader22 フロントエンド・エンジニア at PixelGrid Inc. 最近はWebRTC（ついに）、普段はReactとかMobXとか ブログもよろしく console.lealog(); 今日の発表の元ネタ記事もあります まずはおさらい 10.2 MediaDevices Interface Extensions | Media Capture and Streams partial interface MediaDevices { Promise<MediaStream> getUserMedia(optional MediaStreamConstraints constraints); }; ・使い方 navigator.mediaDevices.getUserMedia(constraints) .then(stream =>
WebRTCとWeb Audio APIを使って音声録音と音声再生をする方法 | azunyan.blog
マイクから音声を取得（音声録音）して、音声再生する復唱アプリ「Kiri!Talk」をWebRTCとWeb Audio APIを使って開発しました。 WebRTCは、ブラウザ間でボイスチャット、ビデオチャット、ファイル共有ができ、Web Audio APIは、音声データを色々加工することができます。 JavaScriptのみで簡単にこんな処理ができるなんてすごい時代になったと思いつつ、勉強がてらアプリを作ったという経緯です。 まだ一部ブラウザしか対応していませんが、後々はスマホ等携帯端末のブラウザにも対応して、ブラウザのみで何でもできる時代が来るのではと期待しています。 今回は、作ったアプリで音声録音と音声再生を行ったので、その処理方法を説明します。 ただ、勉強がてら作ったので「まぁ動いたからいいや」というレベルで、ちょっと不明点ややっつけのままコードを書いた箇所があります。 ので、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
