- { audioCodec &&
{audioCodec}
}
+
+ { audioCodec &&
+
+ Acod:
+
+ {audioCodec}
+
+
+ }
- { videoCodec &&
-
- {videoCodec}
-
- }
+ { videoCodec &&
+
+ Vcod:
+
+ {videoCodec}
+
+
+ }
- { videoMultiLayer &&
-
- {`current spatial-temporal layers: ${consumerCurrentSpatialLayer} ${consumerCurrentTemporalLayer}`}
-
- {`preferred spatial-temporal layers: ${consumerPreferredSpatialLayer} ${consumerPreferredTemporalLayer}`}
-
- }
+ { (videoVisible && videoWidth !== null) &&
+
+ Res:
+
+ {videoWidth}x{videoHeight}
+
+
+ }
+
+ { isMe &&
+ (netInfo.recv && netInfo.send && netInfo.send.iceSelectedTuple) &&
+
+ Recv:
+
+ {(netInfo.recv.sendBitrate/8/1024/1024).toFixed(2)}MB/s
+
+
+ {(netInfo.recv.bytesSent/1024/1024).toFixed(2)}MB
+
+
+ Send:
+
+ {(netInfo.send.recvBitrate/8/1024/1024).toFixed(2)}MB/s
+
+
+ {(netInfo.send.bytesReceived/1024/1024).toFixed(2)}MB
+
+
+ IPloc:
+
+ {netInfo.send.iceSelectedTuple.remoteIp}
+
+
+ IPsrv:
+
+ {netInfo.send.iceSelectedTuple.localIp}
+
+
+ }
+
+ { videoMultiLayer &&
+
+ STLcurr:
+ {consumerCurrentSpatialLayer} {consumerCurrentTemporalLayer}
+
+ STLpref:
+ {consumerPreferredSpatialLayer} {consumerPreferredTemporalLayer}
+
+ }
+
- { (videoVisible && videoWidth !== null) &&
-
{videoWidth}x{videoHeight}
- }
{ !isMe &&
@@ -285,7 +373,6 @@ class VideoView extends React.PureComponent
({ newDisplayName }) =>
onChangeDisplayName(newDisplayName)}
/>
-
:
@@ -412,7 +499,8 @@ VideoView.propTypes =
videoCodec : PropTypes.string,
onChangeDisplayName : PropTypes.func,
children : PropTypes.object,
- classes : PropTypes.object.isRequired
+ classes : PropTypes.object.isRequired,
+ netInfo : PropTypes.object.isRequired
};
export default withStyles(styles)(VideoView);
diff --git a/app/src/reducers/rootReducer.js b/app/src/reducers/rootReducer.js
index d4025e7..036c6d0 100644
--- a/app/src/reducers/rootReducer.js
+++ b/app/src/reducers/rootReducer.js
@@ -11,14 +11,16 @@ import chat from './chat';
import toolarea from './toolarea';
import files from './files';
import settings from './settings';
+import transports from './transports';
export default combineReducers({
room,
me,
producers,
+ consumers,
+ transports,
peers,
lobbyPeers,
- consumers,
peerVolumes,
notifications,
chat,
diff --git a/app/src/reducers/transports.js b/app/src/reducers/transports.js
new file mode 100644
index 0000000..e8682f3
--- /dev/null
+++ b/app/src/reducers/transports.js
@@ -0,0 +1,19 @@
+const initialState = {};
+
+const transports = (state = initialState, action) =>
+{
+ switch (action.type)
+ {
+ case 'ADD_TRANSPORT_STATS':
+ {
+ const { transport, type } = action.payload;
+
+ return { ...state, [type]: transport[0] };
+ }
+
+ default:
+ return state;
+ }
+};
+
+export default transports;