From d647b3e6628d76dbe207ce5991335c30787a8a6d Mon Sep 17 00:00:00 2001 From: Renard Date: Sun, 8 Mar 2020 18:04:24 -0300 Subject: First commit --- src/StreamInfo.js | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 src/StreamInfo.js (limited to 'src/StreamInfo.js') diff --git a/src/StreamInfo.js b/src/StreamInfo.js new file mode 100644 index 0000000..fd88150 --- /dev/null +++ b/src/StreamInfo.js @@ -0,0 +1,62 @@ +import React from "react"; +import { List } from "semantic-ui-react"; +import Moment from "react-moment"; +import "moment/locale/es"; + +const StreamInfo = props => { + const { stream } = props; + return ( + <> + + + + + {`Usuarios escuchando: ${stream.listeners}`} + + + + + + + Transmitiendo{" "} + + + + + + + + {stream.server_name} + {stream.server_description} + + + + + + + {stream.audio_channels === 2 ? "Stereo" : "Mono"} + + {`Bitrate: ${stream["ice-bitrate"]} kbps, ${stream["ice-samplerate"]} Hz`} + + + + + + CanciĆ³n actual + {`${stream.artist} - ${stream.title}`} + + + + + Descargar archivo m3u + + + ); +}; + +export default StreamInfo; -- cgit v1.2.1-18-gbd029