https://github.com/gary-lgy/sdp-visualizer

Simple web app to visualize SDP (Session Description Protocol) used in WebRTC, built with React, TypeScript and Material UI.
https://github.com/gary-lgy/sdp-visualizer

material-ui react sdp tdd typescript webrtc

Last synced: 13 days ago
JSON representation

Simple web app to visualize SDP (Session Description Protocol) used in WebRTC, built with React, TypeScript and Material UI.

• Host: GitHub
• URL: https://github.com/gary-lgy/sdp-visualizer
• Owner: gary-lgy
• License: mit
• Created: 2020-08-10T16:00:01.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-12-01T04:49:48.000Z (about 3 years ago)
• Last Synced: 2024-11-11T15:49:09.345Z (2 months ago)
• Topics: material-ui, react, sdp, tdd, typescript, webrtc
• Language: TypeScript
• Homepage: https://sdp.garyliu.dev
• Size: 1.09 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SDP Visualizer

**TL;DR**: quickly find the section you're looking for and hide the rest.

## SDP

The Session Description Protocol (SDP) is a format for describing multimedia communication sessions for the purposes of session announcement and session invitation ([Wikipedia](https://en.wikipedia.org/wiki/Session_Description_Protocol)). It is the format used for the offer/answer exchange in WebRTC.

A session description can range from 100 to thousands of lines depending on the number of media streams being negotiated. Most of the time, we do not need to read the session description directly because the client should parse the description and fire events as needed. However, in unfornate situations where we have to read the session description to figure out a problem, reading a 4000-line session description is not fun at all.

## What this project does

This project aims to alleviate the pain of reading long session descriptions by allowing you to focus on the part you are actually interested in. The simple web app parses a given session description and breaks it into a tree of collapsible sections.

![Screenshot](./screenshot.gif)

## Trivia

Technologies used:

- TypeScript

- React

- Material UI.

The SDP parsing code is developed with TDD using Jest.

## License

MIT