SkyWay WebRTC ボイスチャットで、発言している人だけアイコンを光らせたい

###前提
SkyWay WebRTCでボイスチャットアプリを作成しています。

###やりたいこと
SFURoom参加者のアイコンが並んでいるページにおいて、発言している人のアイコンを光らせる(borderの色を変えるなど)をしたいです。
要はSkypeみたいなことがしたいです。

###困っていること
「発言している人」をどうやって特定したらいいかわからない

###やってみたこと
各参加者のaudio要素のvolume属性を取得することで実装してみようと思いましたが、
発言していてもしていなくても1の値を出力するので、使えませんでした。

javascript
1function getVolume(element) {
2	var wrapper = $(element).parent();
3	var audio = wrapper.children('audio');
4	console.log(audio.prop('volume'));
5}

よろしくお願いします。

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

回答1件

WebAudio APIを使えば取得できるかと思います。
こちらにサンプルがあります。
https://webrtc.github.io/samples/src/content/getusermedia/volume/
getUserMediaで取得したストリームの音量を取得できるようです。
「話している」と判断するための閾値は調整が必要になるかもしれません。

投稿2018/04/18 00:30