UPSTAGE VIDEO HACK ANNEX
Contents
1. backdrop avatar or prop that has the stream embedded within it The first option is more straightforward the second requires some knowledge of Flash This manual gives instructions on how to stream to a Red5 server and how to create and use a stream avatar Some information on embedding a stream in an swf graphic is provided but this manual is not about how to use Flash This manual is an extension to the UpStage v2 4 2 manual specifically to explain the audio visual streaming feature For all other UpStage information please see the v2 4 2 manual VIDEO TUTORIAL Here is a 10 minute video tutorial which gives examples of how streaming has been used in UpStage and explains how to send a stream using the FMLE SENDING A STREAM 1 SENDING A STREAM 2 RED5 PUBLISHER INTERFACE 3 FLASH MEDIA LIVE ENCODER MAC WINDOWS 4 VLC FOR LINUX USERS 5 OPTIMUM SETTINGS 1 SENDING A STREAM You need to have access to a streaming server in order to send an audio visual stream from your computer to UpStage Please note this manual is not about how to install a streaming server for information this and on installing the UpStage video hack version please click here Normally you will not need to install your own streaming server just have access to one The information in this manual is based on the Red5 streaming server this is not the only option but it is the one that we have tested and found to work well STREA2. Edit View Media Edit Players Edit Page Mode What type of media are you adding conse ness we 33 Prop Backdrop Audio Video Avatar UpStage version 2 4 2 video hack 1 w Give the avatar a name tags and select a voice if you want Check the Enable streaming box 5 In the Stream server field enter the rtmp address of the streaming server you will be using 6 In the Stream name field give the stream a name HOME WORKSHOP STAGES Workshop Create Edit Stage Add Media Edit View Media Edit Players Edit Page Mode What type of media are you adding Choose media type Avatar ey Add an Avatar Name streaml Tags Voice The quick brown fox jumps over the lazy dog Test voice Enable streaming M Stream server rtmp example com oflaDemo Stream name streaml Stream type Auto detect E Test stream O Upload your own image s Use builtin image iad 6 Y Add Media Reset Assign Select std Unassig test whasloy 7 Assign the avatar to the appropriate stage s 8 Click Add Media You must have the exact same stream server and stream name information entered in whichever streaming application you use 18 STREAM AS PART OF A GRAPHIC AVATAR It is possible to have an avatar that is both a static or animated graphic AND a stream To do this once you have entered the stream information a
3. M SERVER NAME The Red5 server will have an rtmp URL that will look something like this with example com being the URL of the host server rtmp red5 example com oflaDemo or rtmp example com oflaDemo You will need to enter this into the Stream server field when you create your stream avatar in UpStage see the chapter Creating a stream avatar and you will also need to enter it into the streaming application that you use to send the stream from your computer STREAMING CLIENT OR PUBLISHER INTERFACE There are two ways to send a stream from your computer to a Red5 server 1 Using the Red5 Publisher the browser interface provided by the Red5 server 2 Using a streaming client such as VLC Linux or Flash Media Live Encoder Mac Windows Using a streaming client rather than the Red5 publisher gives more control over the quality and other variables of your stream lt also allows you to save the settings in a profile so that when you reopen the client to restart a stream all your settings are automatically loaded and you do not have to enter them all again Whichever option you use you will need to 3 4 9 enter the server URL rtmp enter the stream name exactly the same as it is for the UpStage avatar select the appropriate video and audio devices create a connection to the server start your stream It is easy to make small errors in any of these steps that will stop your stream from wo
4. NG Please ensure the script is executable and can be run e using the terminal execute chmod 755 avstream_vlc_linux_example sh e using a graphical windowmanager right click the file and select Properties then search for the settings to allow execution of the script by the user If your script is executable you can run it B e in the terminal execute avstream_vlc_linux_example sh e using a graphical windowmanager double click the script and select execute in terminal Note In case you want to see a live preview of the streamed video you can uncomment the line in the section watch stream of the script You will need the software rtmpdump and mplayer to watch the stream 14 gt OPTIMUM SETTINGS The optimum settings for your video and audio streams will depend on a number of factors including the hardware you are using computer operating system camera microphone the capability of your network and the scale of audience you expect to reach 15 RECEIVING A STREAM IN UPSTAGE 6 CREATING A STREAM AVATAR 7 PRERECORDED STREAMS 6 CREATING A STREAM AVATAR The easiest way to make your stream appear on an UpStage stage is to create a stream avatar This avatar is created in the same way as a normal avatar from the Add Media section of the Workshop interface 1 Click Add Media 2 Select Avatar from the media type dropdown menu HOME WORKSHOP STAGES Workshop Create Edit Stage Add Media
5. Red5 Publisher you need the publisher URL for the Red5 server you are using This URL will look something like http example com 5080 demos publisher html or http red5 example com demos publisher html where example com is the url of the host server ENTER THE SETTINGS Open the Red5 Publisher URL in a browser it will look like the screengrab above then follow these steps 1 In the Settings area select the Server tab and enter the appropriate rtmp URL in Location then click Connect Settings Server Video Audio Servers localhost oflaDemo v Connect Location rtmp red5 example com oflaDemo Encoding AMFO Proxy None al Type Red5 v Buffer 2 gt Choose your server and press Connect 2 You should see now in the Log that you are connected from the line that says NetConnection Connect Success don t worry about the error messages Log 12 42 18 292 Using Adobe Macintosh Flash Player 11 7 700 169 12 50 50 931 Connecting to rtmp red5 example com oflaDemo 12 50 51 576 Asynchronous code error ReferenceError Error 1069 12 50 51 626 NetConnection Connect Success 12 50 51 712 Asynchronous code error ReferenceError Error 1069 12 50 52 950 Asynchronous code error ReferenceError Error 1069 12 50 52 126 Asynchronous code error ArgumentError Error 1063 3 Go to the Video settings and choose the video source you want to use then click Start 4 Click A
6. UPSTAGE VIDEO HACK ANNEX Published 2013 10 25 License None INTRODUCTION This manual is for the UpStage Video Hack 2013 and is specifically about the new audio visual streaming feature developed by Martin Eisenbarth for the project We have a situation lt should be used in conjunction with the UpStage v2 4 2 User Manual but bear in mind that there are some differences between v2 4 2 and the video hack version of UpStage THIS MANUAL IS A WORK IN PROGRESS ff stream 2 helen yl julius apo stream TAS z haum ama audio Pos a 02 behind important phonecall A lt apo stream gt ok eva lt schaum stream gt so I put url lt schaum stream gt what else as I am still not here lt apo stream gt name schaum lt apo stream gt click connect lt apo stream gt then click start lt schaum stream gt were put the stream name lt apo stream gt big green button lt apo stream gt stream name goes below url lt schaum stream gt sorry it says it has problem with the audio lt schaum stream gt and then I can only close window lt apo stream gt HEADPHONES lt apo stream gt HEADPHONES 2 mad stri Streaming via UpStage involves two things 1 sending a stream from your computer to a streaming server and 2 inserting that stream into the UpStage interface by either creating a stream avatar or uploading an swf graphic
7. ek High Definition Audio 09 990 Started audio device Mikrofon Realtek High Definition Audio 9 To stop the stream just click Stop in the Publish tab 3 FLASH MEDIA LIVE ENCODER MAC amp WINDOWS First download and install the cost free Flash Media Live Encoder application FMLE you will need to create an account if you do not already have one but this does not cost anything Then select whether you want to download the Mac or Windows version The current latest version at the time of writing this manual is version 3 2 and that is what the version that the following instructions are for STREAM SETTINGS Once you have downloaded and installed the FMLE open the application and enter the following settings in the Encoding Options panel 0 0 9 ish Media Live Encoder 3 2 Encoding Options Preview V Input Video V Output Video Preset Custom Panel Options Output x V video V Audio Y Stream to Flash Media Server Device ManyCam Virtual Webcam RGB X Device BT 1 Wi Bear FMS URL Ftmp example com oflaDemo Format VP Format Mp3 Backup URL Frame Rate 30 00 Channels Mono Stream mystream Input Size 320x240 Y Maintain Aspect Ratio Sample Rate 22050 Connect Bit Rar Output Size Bit Rate 48 A we moe Auto Adjust lv kbps 320 x 1240 Volume Save to File Total Video 1 Audio Bit Rate 148 Kbps Total bandwidth required to stream 148 Kbps Timecode DVR Auto Record On the ri
8. ght hand side under Panel Options Output ensure the box Stream to Flash Media Server is checked and enter the appropriate stream server URL and stream name Click Connect to test the connection to the server VIDEO AND AUDIO SETTINGS The video and audio settings will vary according to your hardware the quality of stream you want to send and the capability of the streaming server you are using The following settings are what we are using as standard for UpStage but you can experiment with them 1 Select your web cam and audio input from the dropdown menus note if you do not want to stream audio uncheck the box beside Audio The formats will normally be VP6 for video and MP3 for audio The video frame rate can be set at 30 if you have a lot of streams or a low capacity streaming server you can reduce the frame rate to improve performance Select the appropriate input size for your video for best results ensure that the Output Size exactly matches the input size Bit rate a low bit rate will help to ease the load on the server and reduce lag delay for those receiving the stream We recommend 100 for video Click the green Start button to start streaming Click the red Stop button to stop streaming SAVE A PROFILE If you are going to be using the same streaming server on a regular basis remember to save a profile once you have entered the settings by going to File gt Save Profile This means
9. llow on the pop up window that asks you if Flash can access your web cam 5 Go to the Audio settings and choose the audio source that you want to use then click Start 6 You should see in the Log that both your video and audio has started naming could be different depending on your hardware 7 You should also see your webcam image and hear your audio in the preview tab Now enter the stream name exactly the same as you have given to the stream avatar in the UpStage workshop this example shows the name mystream and click Publish Note the Publish tab only shows the capture from your hardware to see the actual stream select the View tab enter the stream name and click Play 8 If your stream is successfully published you will see it in the Log 10 you will also see error messages but these can be ignored 12 12 12 12 12 12 12 12 12 Log 23 23 23 23 23 23 23 23 26 26 08 589 Using Adobe Windovs Flash Player 11 6 602 180 21 310 Connecting to rtmp red5 example com oflaDemo 21 450 Asynchronous code error ReferenceError Error 1069 21 484 NetConnection Connect Success 21 534 Asynchronous code error ReferenceError Error 1069 21 851 Asynchronous code error ReferenceError Error 1069 21 900 Asynchronous code error ArgumenteError Error 1063 26 862 Started video device Camera Plus VGA Resolution Maximum 09 850 Started audio device Mikrofon Realt
10. rking For example a space at the end of the server URL will prevent the connection from being made If your stream does not work please carefully check all of these settings to be sure you have everything right no extraneous spaces or small typos This manual provides configuration instructions for the Red5 Publisher interface no download required VLC and the Flash Media Live Encoder FMLE For the latter two you will need to first download and install the application then follow the instructions in this manual 2 RED5 PUBLISHER INTERFACE The Red5 Publisher is a browser interface that allows you to publish a stream without having to download and install a streaming application However it does not allow as much control or optimisation over the stream you are sending so if you are going to be regularly streaming and or wish to have the best quality stream it is recommended that you use VLC FMLE or another similar application see the following chapters for download links and set up Monitor View Publish Log 12 42 18 292 Using Adobe Macintosh Flash Player 11 7 700 169 Name Stream1367318538698 Enable Settings Server Video Audio Servers localhost oflaDemo v Connect Location rtmp localhost oflaDemo Encoding AMFO w Proxy None v Type Reas Y Butter 2 B V Audio V MetaData V NetStream Clear choose your server and press Connect Y video V CuePoints Y NetConnection To access the
11. s described above Select the radio button Upload your own image s Select the appropriate number of frames Browse to the image s on your hard drive and select Assign the avatar to the appropriate stage s Click Add Media OARWN a Note that this means the stream will be visible behind every frame of the avatar unless you are not actually streaming anything What type of media are you adding Choose media type Avatar req Add an Avatar Assig Name streaml Tags Select Voice req The quick brown fox jumps over the lazy dog Test voice Unas i test Enable streaming whai Stream server rtmp example com oflaDemo Stream name streaml Stream type Auto detect Test stream O Upload your own image s Use builtin image Number of frames 1 W Filename 1 m Add Media Reset y ci UpStage version 2 4 2 video hack 1 Now go to your stage and start your stream in order to see your stream avatar remember that you must assign the avatar to a stage before you can see it 7 PRERECORDED STREAMS It is possible to play a prerecorded video or audio file in the same way as a live stream This allows you to add additional media to the stage without increasing the initial load time for the audience and enables a greater variety of formats In particular it allows the playing of prerecorded video at high quality which was not previousl
12. t s should be sufficient 20
13. that next time you open the FMLE your settings will automatically be loaded If you try different settings to experiment with quality you can save a new profile and then go back to the original settings by going to File gt Open Profile 12 4 VLC FOR LINUX USERS VLC offers the possibility to stream on Linux using video4linux can access different kinds of hardware like webcams but also TV tuners etc and FFmpeg for transcoding transcoding to FLV and sending RT MP to a stream server The file STREAMING txt contains some links to in depth information about streaming parameters for use with VLC SAMPLE SCRIPT For easy setup please use the avstream_vic linux_example sh script download here by right clicking and saving as file MODIFY SETTINGS Adjust to your hardware VIDEO_CAPTURE_DEVICE e g dev videod for your internal webcam or dev video1 and so on for further external hardware e AUDIO_CAPTURE_DEVICE_SLAVE use alsa hw 8 8 for your internal microphone or alsa hw 1 0 and so on for external microphones e set the stream url STREAM_PUBLISH_URL for example if your stream name is streamt rtmp red5 example com oflaDemo stream1 Additionally you may want to adjust all settings starting with STREAM_ all other settings probably won t need to be touched The standard configuration is to stream with VP6 and MP3 codecs 320 x 240 pixels at 30 fps and a total bandwidth of 196 kBit s START STREAMI
14. y possible to do directly in UpStage prerecorded video can be played by embedding in swf files File formats that can be streamed are MP3 FLV or for higher quality MP4 or AAC note that higher quality also means more bandwidth and potential problems for people on slower networks You will need FTP access to the streaming server ask the person who is administering the streaming server you are using for this information STREAMING PRERECORDED VIDEO AND AUDIO 1 Via FTP upload your video or audio file to the streaming server note use only letters and digits in the file name no special characters or spaces 2 In UpStage go to Add Media and create a stream avatar with the RT MP URL of the streaming server and the stream name as the filename of the video or audio file Assign the stream avatar to the appropriate stage s 4 Test the stream in the Add Media interface to ensure it is working 5 Go to the stage hold the avatar and place it on the stage the recording will start playing from the beginning of the file 6 To stop the stream simply drop or clear the stream avatar from the stage RECOMMENDED BITRATES w The bitrate of your streams are very important the total bitrate of all the streams on stage at one time should not exceed 800kBit s to avoid network overload and stream interruptions for some people For videos a bitrate of 200 400 kBit s should be sufficient For audio a bitrate of 64 160 kBi
Download Pdf Manuals
Related Search