マイク音声をストリーミングで出力したい

背景

Javascript,HTML5でマイクからの入出力を処理するプログラムを作っています。
マイクからの音声をそのままリアルタイムでパソコンのスピーカーから出力するような機能を実装中に、進め方がわからなくなりました。
参考にさせていただいているサイトでは、マイクからの入力を波形で出力するプログラムになっています。これを波形ではなくそのままストリーミングのような形でスピーカーから出力したいと考えています。
入力を別の出口で描けているので、スピーカーからも出せると思うのですが、どうしたらいいでしょうか。
投げやりな質問の形になってしまい申し訳ございません。簡単なソースコードなどを記していただけると幸いです。下記に参考にさせていただいているサイトを載せさせていただきます。よろしくお願いいたします。

補足情報

参考にさせていただいているサイト
URL : https://qiita.com/mhagita/items/6c7d73932d9a207eb94d

x_x

2019/01/24 06:35

リンクが間違っているようです

madongo

2019/01/24 06:38

ご指摘いただきありがとうございます。サイトのURLを修正させていただきました

行動規範の内容に同意します

回答2件

このコードのような感じでできると思います。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>マイク音声をリアルタイムでスピーカーに出力する</title> </head> <body> <script> navigator.mediaDevices.getUserMedia({ audio: true }) .then(function (stream) { var audioCtx = new AudioContext(); var source = audioCtx.createMediaStreamSource(stream); source.connect(audioCtx.destination); }) .catch(function (err) { console.log('The following error occurred: ' + err); }); </script> </body> </html>

投稿2023/11/21 08:05