Copyright 2014 Kenneth M. Chipps Ph.D. Live Streaming Lab Last Update

Objectives of This Section Learn how to –Setup live streaming Copyright 2014 Kenneth M. Chipps Ph.D. 2

Live Streaming Live streaming comes in many forms In this lab we will setup two versions First will be a video conference Second will be live event streaming Copyright 2014 Kenneth M. Chipps Ph.D. 3

Video Conference A video conference is typically used to hold a meeting for a group of people who are not in the same geographic location Video conferences allow the participants to see each other, talk to each other, share their computer desktop, and share files Copyright 2014 Kenneth M. Chipps Ph.D. 4

Video Conference To do this here we will use a free service found at this url – Once there, just follow the onscreen instructions to create a video conference When it is ready, share the address with the class We will all login to it Copyright 2014 Kenneth M. Chipps Ph.D. 5

Video Conference Here is what the setup and conference screens looked like when this lab was tested Copyright 2014 Kenneth M. Chipps Ph.D. 6

Video Conference

Live Event Streaming Live streaming can be done from a server on a local computer or from the computer to an online streaming service and then to whoever wants to view the stream There are a seeming unlimited number of live streaming servers and service providers Copyright Kenneth M. Chipps Ph.D. 14

Live Event Streaming Some of these work with little effort and some are the most obtuse and difficult programs I have ever encountered Simple and straightforward does not seem to be in any of these company’s vocabulary Copyright 2014 Kenneth M. Chipps Ph.D. 15

Live Event Streaming We will use Microsoft Expression Encoder 4 and Ustream for no particular reason other than I finally got them to work after wasting days trying to get one of these to do what it was supposed to do Don’t these people ever test anything for usability Copyright 2014 Kenneth M. Chipps Ph.D. 16

Equipment Setup Let’s first look at the type of equipment we would need Telestream has several suggested setups we can look at We cannot use their software as their registration process to download it is broken Once again does no one test this stuff Copyright 2014 Kenneth M. Chipps Ph.D. 17

Equipment Setup Here is the most basic equipment list as suggested by Telestream Copyright 2014 Kenneth M. Chipps Ph.D. 18

Equipment Needed Copyright Kenneth M. Chipps Ph.D. 19

Equipment Needed Their high end setup includes this Copyright Kenneth M. Chipps Ph.D. 20

Equipment Needed Copyright Kenneth M. Chipps Ph.D. 21

Data Line The data line required for this depends on the resolution used They define SD – Standard Definition as 640 x 360 at 25 to 30 frames per second HD – High Definition is 1280 x 720 at 25 to 30 frames per second Copyright Kenneth M. Chipps Ph.D. 22

Data Line The broadcast bitrate should be no higher than half of the data line’s upload speed to allow for peaks in the variable bit rate encoding The bandwidth needed for SD is typically 1 Mbps HD requires 3 to 4 Mbps Copyright Kenneth M. Chipps Ph.D. 23

Setup Guidelines Ustream adds this advice –However, really high-quality video sources can cause more harm than good –For example, an HD camera feed into a Ustream Producer canvas set to HD resolution, then broadcast out in HD, requires a lot of work for the graphics processor –If the frame rate starts to drop but the CPU usage stays steady, it creates a bottleneck Copyright Kenneth M. Chipps Ph.D. 24

Setup Guidelines –The solution is to reduce the frame size going through Producer –Therefore, there is no need to bring input video in at HD resolution if Ustream Producer is streaming out a lower resolution. –Keep in mind that resizing down is good but resizing up reduces quality –As a rule, you should try to keep your resolution as constant as possible from source to output Copyright Kenneth M. Chipps Ph.D. 25

Setup Guidelines –There is no benefit from using an HD camera if you’re only broadcasting a low resolution stream –This only increases the work your computer must do without any increase in output quality Copyright Kenneth M. Chipps Ph.D. 26

Setup Guidelines The type of hardware also has an impact on successful streaming For example –FireWire is a hardware protocol that you can use to connect devices to your computer –But it is important to understand that saturating your FireWire bus - using up all available bandwidth - leads to problems in Producer Copyright Kenneth M. Chipps Ph.D. 27

Setup Guidelines –As a result the audio and video appears choppy –There is an absolute limit to the bandwidth available to your FireWire devices or 800 megabits per second –If the sum of your devices goes over the limit, you saturate - use up - all the available bandwidth Copyright Kenneth M. Chipps Ph.D. 28

Setup Guidelines –For example, if you have a camera attached to the FireWire bus and you saturate the bus, you see dropped frames - choppy video The same is true for USB connected cameras as USB has even less available bandwidth Copyright Kenneth M. Chipps Ph.D. 29

Setup Guidelines Ustream goes on to say –So be mindful of this limitation when connecting hardware to your computer –Just because your setup works when you first put it together does not mean it always works –Experiment with your setup and make sure that you have enough FireWire bandwidth to share all of your devices without experiencing choppy video Copyright Kenneth M. Chipps Ph.D. 30

Setup Guidelines –Normally, a camera requires around 25 Mbps to deliver audio and video to Producer –However, some cameras may require 100 Mbps or more Copyright Kenneth M. Chipps Ph.D. 31

Onsite Based We will do the entirely onsite method first In this scenario the entire process rests onsite on the computer The output is streamed directly to the end user Copyright 2014 Kenneth M. Chipps Ph.D. 32

Onsite Based Download and install Microsoft Expression Encoder 4 Start the program It will look like this Copyright 2014 Kenneth M. Chipps Ph.D. 33

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 34

Streaming Server Setup Click on Live Broadcasting Project The program will start It will look like this Copyright 2014 Kenneth M. Chipps Ph.D. 35

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 36

Streaming Server Setup In the Preview window in the top center of the interface there is a checklist of what we need to do to make this work We will complete all the steps there except for Add a File Source as we only want to see the live streaming from a camera Copyright 2014 Kenneth M. Chipps Ph.D. 37

Streaming Server Setup Click on –Add a Live Source The screen will look like this Copyright 2014 Kenneth M. Chipps Ph.D. 38

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 39

Streaming Server Setup Two new selections have appeared –Select a Video Device –Select an Audio Device Click the video device link Whatever video sources you have attached to the computer will be listed In this example that is the camera in the monitor attached to the computer Copyright 2014 Kenneth M. Chipps Ph.D. 40

Streaming Server Setup When the link is clicked the place to select from has a yellow surround as in Copyright 2014 Kenneth M. Chipps Ph.D. 41

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 42

Streaming Server Setup Click the down arrow All of the available sources will appear Select one Copyright 2014 Kenneth M. Chipps Ph.D. 43

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 44

Streaming Server Setup This selected source will appear in a preview screen on the top left side Copyright 2014 Kenneth M. Chipps Ph.D. 45

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 46

Streaming Server Setup Next select an audio source in the same manner Copyright 2014 Kenneth M. Chipps Ph.D. 47

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 48

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 49

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 50

Streaming Server Setup Ignore Add a File Source Click on –Select an output type The three possibilities are highlighted in yellow on the right lower part of the interface Copyright 2014 Kenneth M. Chipps Ph.D. 51

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 52

Streaming Server Setup For this example click on –Broadcast Leave the defaults Note the port number Copyright 2014 Kenneth M. Chipps Ph.D. 53

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 54

Streaming Server Setup To begin the live streaming in the middle click –Start Copyright 2014 Kenneth M. Chipps Ph.D. 55

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 56

Streaming Server Setup The live stream will appear in the middle upper window Copyright 2014 Kenneth M. Chipps Ph.D. 57

Streaming Server Setup Copyright 2014 Kenneth M. Chipps Ph.D. 58

Streaming Server Setup That is all there is We are streaming Next we need to receive the stream on another device Copyright 2014 Kenneth M. Chipps Ph.D. 59

Receiving the Stream As with streaming servers and services there are innumerable media players that allegedly will receive and display this stream we just created None of them work in any obvious fashion The one we will use here is VLC as I got it to work first Copyright 2014 Kenneth M. Chipps Ph.D. 60

Receiving the Stream Download and install VLC Start VLC Select –Media Open Network Stream This window will appear Copyright 2014 Kenneth M. Chipps Ph.D. 61

Receiving the Stream Copyright 2014 Kenneth M. Chipps Ph.D. 62

Receiving the Stream Click on the Network tab This window will appear Copyright 2014 Kenneth M. Chipps Ph.D. 63

Receiving the Stream Copyright 2014 Kenneth M. Chipps Ph.D. 64

Receiving the Stream Enter the protocol being used by the streaming server, the IP address of the streaming server, and the port being used In this case it is – At the bottom click –Play The streaming video will appear Copyright 2014 Kenneth M. Chipps Ph.D. 65

Receiving the Stream Copyright 2014 Kenneth M. Chipps Ph.D. 66

Receiving the Stream When finished in the server click –Stop Copyright 2014 Kenneth M. Chipps Ph.D. 67

Receiving the Stream A student discovered that Windows Media Player will display a LAN based stream if you access it this way –Press Alt –File »Open url »Type in the IP address and the port, such as Copyright 2014 Kenneth M. Chipps Ph.D. 68

Traffic Analysis Let’s look at a capture of the traffic generated by this streaming process Copyright 2014 Kenneth M. Chipps Ph.D. 69

Traffic Analysis Here is the conversation between the streaming server and the device on which the VLC media player was receiving it Copyright 2014 Kenneth M. Chipps Ph.D. 70

Traffic Analysis Copyright 2014 Kenneth M. Chipps Ph.D. 71

Traffic Analysis And a typical TCP frame that is part of a PDU Then the reassembled PDU Copyright 2014 Kenneth M. Chipps Ph.D. 72

Traffic Analysis Copyright 2014 Kenneth M. Chipps Ph.D. 73

Traffic Analysis Copyright 2014 Kenneth M. Chipps Ph.D. 74

Offsite Based In the first example above of live streaming all that needed to be done on the receiving end was to enter the protocol type, IP address of the source, and source port This will not work outside of a LAN To stream to other networks or to the outside world a url will need to be established Copyright 2014 Kenneth M. Chipps Ph.D. 75

Offsite Based This could be the web server of the organization or as in this second example of live streaming it could be from a local application to a live streaming service’s server, and then out to the rest of the world This is the method we will use now Copyright 2014 Kenneth M. Chipps Ph.D. 76

Live Event Streaming Service In this example the Ustream application and live streaming service will be used The steps to do this are –Create an account with Ustream –Download and install the Ustream Producer application –Setup a channel from which the content will be streamed by Ustream from their server –Create and stream content from Producer Copyright 2014 Kenneth M. Chipps Ph.D. 77

Live Event Streaming Service Go to – Click on –Become a Broadcaster Create an account Copyright 2014 Kenneth M. Chipps Ph.D. 78

Install Producer The video at this link will explain the process for installing Producer – Copyright 2014 Kenneth M. Chipps Ph.D. 79

Create a Channel Go to the Ustream website Login Click on the Dashboard in the account settings Copyright 2014 Kenneth M. Chipps Ph.D. 80

Create a Channel Copyright 2014 Kenneth M. Chipps Ph.D. 81

Create a Channel Click Create Channel Copyright 2014 Kenneth M. Chipps Ph.D. 82

Create a Channel Copyright 2014 Kenneth M. Chipps Ph.D. 83

Create a Channel Name the channel Copyright 2014 Kenneth M. Chipps Ph.D. 84

Create a Channel Copyright 2014 Kenneth M. Chipps Ph.D. 85

Create a Channel You can add it to a category Copyright 2014 Kenneth M. Chipps Ph.D. 86

Create a Channel Copyright 2014 Kenneth M. Chipps Ph.D. 87

Create a Channel Copyright 2014 Kenneth M. Chipps Ph.D. 88

Create the Stream Back in Producer we will create the stream for the channel When Producer is started in turns on any capture devices it finds In this case the webcam in the monitor It shows these views and a blank view Copyright 2014 Kenneth M. Chipps Ph.D. 89

Create the Stream Copyright 2014 Kenneth M. Chipps Ph.D. 90

Create the Stream To stream this –Click Camera –Specify the channel from the menu under Output Output Settings Enter the name of the channel Click OK Copyright 2014 Kenneth M. Chipps Ph.D. 91

Create the Stream Copyright 2014 Kenneth M. Chipps Ph.D. 92

Create the Stream Click the Go Live button Copyright 2014 Kenneth M. Chipps Ph.D. 93

Create the Stream Copyright 2014 Kenneth M. Chipps Ph.D. 94

Create the Stream Go to Ustream to check the stream Click on the Search link Search for –Chipps DeVry Click on the link Watch the stream Since it is free, there will be an ad Then the live stream Copyright 2014 Kenneth M. Chipps Ph.D. 95

Create the Stream Copyright 2014 Kenneth M. Chipps Ph.D. 96

Stop the Stream Stop the stream in producer Logout of Ustream Copyright 2014 Kenneth M. Chipps Ph.D. 97

Traffic Analysis Let’s look at a capture of the traffic generated by a streaming process such as this In this example the traffic is someone making announcements These only require 160 seconds, but it requires over 9,000 frames Copyright 2014 Kenneth M. Chipps Ph.D. 98

Traffic Analysis Copyright 2014 Kenneth M. Chipps Ph.D. 99

Traffic Analysis These frames are made up of TCP and RTMP – Real Time Messaging Protocol Copyright 2014 Kenneth M. Chipps Ph.D

Summary Here we have seen two ways to stream video Copyright 2014 Kenneth M. Chipps Ph.D