Twitch

Measuring Internet performance - what does that mean

• Download speed

• Upload speed

• Latency and Jitter

iperf3

Iperf wrap-up

• Pxslip on audio via Discord

Code and software development, history and developments.

Explore obs.ninja and connect pxslip

Chrome developer console (in-browser) - explore the OBS.NINJA site

Obs.ninja code structure (https://github.com/steveseguin/obsninja)

A super-simple JS “hello” app

Amazon S3 static hosting

Discussion of tool chains/deployment of web based apps

• Discussion of Electron apps

Build a “Hello World” web app

• Flask and python-based server

  • https://flask.palletsprojects.com/en/1.1.x/quickstart/

• JS app in VS Code

  • Fetch functionality (https://www.javascripttutorial.net/javascript-fetch-api/)

  • MDN Docs: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

  • Standard doc: https://github.com/whatwg/fetch

• CORS complications (https://www.codecademy.com/articles/what-is-cors):

  • https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

  • https://stackoverflow.com/questions/25860304/how-do-i-set-response-headers-in-flask

We'll take the "Hello World" programs and collect them up in a git repository hosted on github. We'll do most of this from within VS Code.

pxslip will start to build the OBS overlay system we have described on the last two streams (the working title is LST - Local Stream Tool).

• Planning and defining features

• Getting Electron and View set up

Wireshark overview

• www.wireshark.org/

• Network connections

• Interface list (specifically on Windows)

LST progress:

• OAUTH

OAUTH2

• Review of the standard (RFC 6749) (tools.ietf.org/rfc/rfc6749.txt)

• Implementation details

• Demo

OAUTH2 add-ons

• PKCE (tools.ietf.org/rfc/rfc7636.txt )

• OpenID Connect (openid.net/specs/openid-connect-core-1_0.html )

  • JWT (JSON Web Tokens) are defined in (tools.ietf.org/rfc/rfc7519.txt )

Open Source projects

• How we use them in LST

• How to participate in a project

• "Pull Requests"

HTTPS and Certificates

Using Wireshark on encrypted web traffic

Examine (encrypted) WebRTC traffic

Debugging using Wireshark

Debugging tools for Electron and Web applications

LST Update

Codecs and Containers

• MediaInfo - https://mediaarea.net/en/MediaInfo

Audio encoding principles

• Audacity - https://www.audacityteam.org/

Video encoding principles

More on video

Encoding/Editing with Shotcut

The ffmpeg tools

Follow-up from last week - graphing video bitrates

• GnuPlot

• Options using python

• JS and a static server

The more general context:

• DevOPS and modern software development workflow

• The GitLab tool

Graphing app for video file bit rate

GitLab and CI/CD

Video frame data analysis in python

WebRTC is an approved standard (quick intro)

• W3C standard: https://www.w3.org/TR/webrtc/#simple-peer-to-peer-example

• IETF RFCs: https://datatracker.ietf.org/wg/rtcweb/documents/

WebRTC - a look at some of the standards documents

• See references in Ep. 13

Docker and Kubernetes deployment

• Deploying iperf servers in docker containers using pre-made containers.

Docker deployment

• Customizing a container for our needs.

Using Docker containers on cloud services

Kubernetes (I hope we finally get there)

VScode Remote

More Kubernetes

A status update on our Kubernetes Cluster

• kubectl

• Lens (GUI)

• Requests/Limits

A look at Azure's container deployment options

A brief look at Google Cloud

Installing/Configuring a VoIP SoftSwitch

The "NetCode" problem in multiplayer games

Intro to GameMaker Studio 2 (which we will use to experiment with NetCode)

Installing and configuring Apache 2 servers

• Installation and review of the configuration.

Apache 2 configuration options; structure of the configuration files

Configure Apache 2 for https (self-signed certificate)

Apache 2 virtual hosts

Apache 2 with "proper" certificates

Providing automatic directory listing

Preview of ngnix

Finishing the Apache 2 installation

Installing ngnix

Continuing our nginx installation

Certificate installation for nginx with Certbot

Running PhP behind Apache (pxslip)