Webcasting from the iPhone Included in Video Streaming and Compression Training

Posted by Derrick on March 7, 2010 under Video Streaming and Compression | Be the First to Comment

Webcasting from the iPhone is included in our Video Streaming and Compression Training.  The iPhone is now one of the killer apps and has many capibilities and one of them includes Webcasting from it.  Attend one of our 2-Day Video Streaming and Compression Trainings and learn how to do it.  Learn how to include you iPhone Live Webcast in a Blog Page or in a Web Page.  The 2-Day Training is available in Orlando, On-line and On-site.  View Upcoming Training Schedule

Here are some other items included in the training:

• How to encode Downloadable streaming videos
• How to encode Real-time streaming videos
• Best Practices for Compression and Streaming
• How to encode to QuickTime, Windows Media, H.264, Real Media and Flash video formats
• What the best CODECS are for their streaming formats
• How to author QuickTime, Windows Media, H.264 and Flash downloadable streaming videos
• How to author Flash .FLV files using Dreamweaver .SWF players
• How to author Flash .FLV files using JW Player
• Benefits of 1-Pass CBR, 1-Pass VBR, 2-pass CBR and 2-Pass VBR compression
• Knowledge of Deinterlacing, Key Frame Every, Frames Per Second, Cropping and other items
• How to set up Live Streaming
• How to analyze log files using Sawmill Professional

Featured Software for the class:

• Sorenson Squeeze 6
• Episode Encoder Pro
• Wirecast
• Dreamweaver
• Sawmill Professional

Call Freeman Compression Inc. at 407.477.5837 or contact us by E-mail at info@freemancompression.com to register for a class.

Authoring a Web Page for Flash Linked Downloadable Streaming with Dreamweaver CS4

Posted by Derrick on February 11, 2010 under Video Streaming and Compression | 3 Comments to Read

Authoring a Web Page for Flash Linked Downloadable Streaming with Dreamweaver CS4 is the topic of this tutorial.  The Flash Linked .SWF and .FLV files we’ll be using in this tutorial were creating during encoding with Sorenson Squeeze 6. It will be helpful to first complete the Tutorial – Encoding Flash Linked Downloadable Streaming Videos with Squeeze 6.

So in this tutorial you’ll learn how to author a .FLV video file that has a .SWF player/skin surrounding it.  What’s nice about Squeeze is you can use it to create your .SWF and .FLV files but it also creates an .HTML page with coding that you can use to  Author your Web Page in Dreamweaver.

OK. Enough for the introductory items. Time to get started with the tutorial.

At the start-up screen in Dreamweaver in the center column click the Create New HTML button.  Before you do anything else click the Split screen button at the top of your web page.  This way you can see the Code view and the Design view.

In your new web page you’re going to first create a new table to help manage where your video is on the screen.   First, position your cursor in the Design view.  Then, click the Insert Pull-down Menu and select Table.  This will open a dialog to adjust your Table.  For this table you’re going to create a Table that has 2 Rows and 1 Column.  Type 2 in the Rows Text Box and Type 1 in the Columns Text Box.

Now you need to position the Table in the center of your Web Page.  First select the edge of you Table.  It should appear selected similar to the image above.

Once your Table is selected you can adjust the location.  From the Properties window click the Align Drop-down and choose Center to place your Table in the center of your Web Page.

Let me explain something.  This is example of how the folders are structured for the website for this tutorial.  Let’s look at two important folders, the html folder and the movies folder.  On your desktop create a folder called Tutorial_Website and inside the folder create a folder called html and a folder called movies.  On your website you’ll also create a folder called html and movies.  Essentially the same folder file structure you have on your website should be the same as what you have on your desktop.  Now let’s move on.

Prior to this tutorial we encoded our Flash Linked .SWF and .FLV files using Sorenson Squeeze 6.  To learn how to encode your Flash Linked Downloadable Streaming videos visit the Tutorial -  Encoding Flash Linked Downloadable Streaming Videos with Squeeze 6.

Now, Take your .FLV and .SWF files that were created in Sorenson Squeeze 6 and move them to your movies folder.  Also, once you move them in your movies folder upload the .SWF and .FLV file to your movies folder on your Web Server.  Your files are now where they need to be for the authoring process.

Next, save your .html Web Page by Navigating to the File Pull-down Menu and clicking Save button.

You need to save you .html Web Page in the html folder that you create earlier.  Name your file FlashLinkedTutorial.html and click the Save button.

It’s now time to author your video.  The reason you created the Table that way you did is so that you can place your video in the bottom Cell and add a Title in the Cell above.  Click in the bottom Cell of your Table.  You should see your cursor appear at the the beginning of the bottom Cell.

Next go to the Insert Pull-down Menu, Choose Media then SWF from the Sub-menu.

Navigate to your .SWF file, which should be located in your movies folder.  Notice as I select the .SWF file under the URL Text Box it displays ../movie/Car02_F8_flashlinked.swf.  This displays this way because the html and movies folders are parallel to each other. That is why it is important to first save your .html page before adding you .SWF file and it also why it’s important to put your .SWF and .FLV file in the movies folder first.  With your .SWF selected click the OK button.

The bottom Cell of the Table should display your .SWF file.  In the Top Table Cell type My Video Name.

With the Top Cell still selected, from the Properties window click the Horizontal Drop-down and choose Center.  Now your text will be centered.

Now it’s time to work with your HTML code in the Code View.  Notice that above for the path to the .SWF file it displays ../movies/Cars02_F8_flashlinked.swf.  This is good but we need to add the flashvars info for the path to the .FLV file.  Remember the .FLV is located in the same folder as the .SWF file.  The flashvars information will be added in both references of the Object Tags.

We can use the code in the .html Web Page generated in Squeeze 6 along with the .SWF and .FLV files. Open the .html Web Page in Dreamweaver.  My file is titled Cars02_F8_flashlinked.html.  When the page opens copy the flashvars code similar to above and choose Edit from the Pull-down Menu in Dreamweaver and select Copy.

Now paste the code in both references of the Object Code similar to above.  Once you paste the code make sure you add the proper path to your .FLV file.  Before your file name type ../movies/.    Next, Save your .html Web Page.

Finally upload your FlashLinkedTutorial.html to the html folder on your Web Server.

Now you can pull up the URL to your Flash Linked Downloadable Streaming video in your Web Browser.  The URL should be http://www.yourdomainname/html/FlashLinkedTutorial.html

This is what your Web Page should display when you pull it up.  You now have a Flash .FLV video surrounded by the .SWF Aluminum Player skin from Sorenson Squeeze 6.   The video should automatically play.  Congratulations on authoring your Flash Linked Downloadable Streaming video using Dreamweaver CS4.

Encoding Flash Linked Downloadable Streaming Videos with Squeeze 6

Posted by Derrick on February 5, 2010 under Video Streaming and Compression | 2 Comments to Read

Encoding Flash Linked Downloadable Streaming videos with Sorenson Media’s Sorenson Squeeze 6 is enhanced.  This tutorial will help you if you’ve upgraded to Sorenson Squeeze 6 or purchased the new version and new Squeeze 6 license.  This workflow in this tutorial is helpful if you need to encode Flash Linked .SWF and .FLV using the Sorenson Media player skins for Download Streaming.    We’ll show you how to create a Flash Linked Downloadable Streaming video that is geared for high broadband users.   The video that we’re encoding is a 720 x 480 DV progressive source with PCM audio and black edges.

Now, let’s get started.

Navigate to the Formats tab located in the Presets section.  Twirl down the Adobe Flash Movie (.swf) templates and navigate to the F8 SWF 360p (4×3) compression preset.  Now copy the preset to create a version you can customize.  Select the preset and Right-click your mouse and select Copy Audience Preset from the Contextual Menu.  You can also select the Creates a Copy button below the presets.  Locate your new preset which should have copy at the end of the Preset name.  Double-click the preset to open it for editing.

Once your preset opens you can adjust your settings but first you need to name your new preset.  For this tutorial name your preset F8_flashlinked_DL_360.  Remember it’s best to make sure you don’t have any spaces in your preset names as they are included in the name of your output file.  Removing spaces mainly helps in the web authoring process.

OK.  Now move to the Codec settings within the Video Tab. You’ll adjust our preset for Downloadable Streaming video for high broadband users.  Keep in mind this is general preset.  You might have to do some additional tweaking to get your desired quality for output.  In your preset the On2 VP6 Pro Codec should be selected along with 2-Pass VBR.  Since the video frame rate is 29.97 frames per second adjust your output frame rate to 15 fps.  By doing this you’re cutting the frame rate in half which will give you smooth motion.  For your target Data Rate adjust it to 600Kbps.  You can keep VP6-E for the Profile with Auto Key Frames Enabled with an Auto Key Frame Threshold of 70.

For Frame Size select 480 x 360.  You can select Maintain Aspect Ratio with Key Frames set to Key Frame Every 90 frames.  So in this case the codec will ad a new key frame at least every 6 seconds since 15 fps is our output frame rate.

Moving onto the Audio settings within the Audio tab.  The Fraunhofer MP3 Codec should be selected.  Adjust your datarate to 40Kbps, Sample Rate set to 22050,  Channels to Stereo and 16 bit for your Sample Size.

Next move to the Player Options Tab.  At this point you’re going to determine the Player/Skin that you want to surround your video for playback on the web.  For this tutorial select the Aluminum Player.

For the Video location you can leave the default value of http:// for the URL/Path and make sure Play Automatically is selected.

A new feature in Squeeze 6 is you can actually attach Filter presets within your compression presets.  However, in this tutorial you want to create a filter that we can apply to other videos as well.  Moving on, navigate to the Filters section on the left hand side within Squeeze 6.

Move down to the Web Generic Filter and select it then click the Creates a Copy button.  Now double-click the Web Generic copy Filter you just created.  When the Filter preset opens change your filter name to SD_Cropping_NoDeinterlace.  You’re giving your Filter this name because you’re making a Filter preset for encoding Progressive SD sources that have blacking edges.

In the Filter preset settings you can check on uncheck items you don’t want to include.  For this Filter uncheck Deinterlace since the source is progressive.  Now check Crop, Brightness, Contrast and Audio Volume.  For Brightness adjust to your setting to 10.  For contrast adjust your setting to 15,  and for Audio Choose Normalize and adjust to 90.  Keep in mind if your source file is really bright you might need to deselect the Contrast and Brightness values.

For cropping off our black edges you’ll multiply the aspect ratio of 4:3 times 8 in which you’ll crop 32 pixels off the left and right and 24 pixels off the top and bottom.  So for the Top input 12 pixels, for Bottom input 12 pixels, for the Left 16 pixels and for the Right input 16 pixels.  Click OK once you’ve made all of your adjustments.

Now onto compressing your video.  Drag your source file into the Batch Tree.  You can also choose Import File from the Input Options and navigate to your desired video and click Open.

Next Select your F8_flashlinked_DL_360 Compression preset and drag it onto your video.  In my case, I’ll drag the F8_flashlinked_DL_360 preset on top of my video called Car02 in the Batch Tree.   Then drag your Filter preset over top of your Compression Preset in the Batch Tree.  Looking at the image above you would drag your Filter preset over top of F8_flashlinked_DL_360 located under Source Settings.  You’ll know your filter is applied when you see Filter : SD_Cropping_NoDeinterlace display within your applied Compression preset.

To select a custom output for you file you can adjust this within the Squeeze Preferences.  Click the Edit Pull-down menu and choose Preferences.

When the dialog opens click the Output Tab and the Browse button to create an output location for all of your encodes.  If you don’t select a custom output for your video Squeeze will put your output videos in the same location as your source.  Click OK on the Preferences tab once you’re done.

Now you’re all set to encode your video.  Click the Squeeze It! button.

Once your video is finished encoding you will have 3 files in your output location.  All files will have the same name except for the file extension.  One file is the .SWF file, another if the Flash .FLV file and the final file is an .HTML file.  You will need these files when you author your video for your Web Page. For details on the authoring process for Flash Linked .SWF and .FLV files view the tutorial Authoring a Web Page for Flash Linked Downloadable Streaming with Dreamweaver CS4. Other tutorials are available on our blog as well.

Compression using Encoding.com Desktop

Posted by Derrick on February 3, 2010 under Video Streaming and Compression | Be the First to Comment

Compression using Encoding.com Desktop is very handy if you subscribe to the Encoding.com service.  The Encoding.com Desktop Uploader is available for both Mac and PC users. This  tutorial will get you familiar with using Encoding.com Desktop as you learn how to encode downloadable streaming videos for Flash using the On2VP6 codec.  To help with this tutorial please sign-up for a free trial account at Encoding.com and install Encoding.com Desktop.  The benefit of Encoding.com Desktop is it allows you to upload you videos to the Encoding.com Cloud for encoding instead of compressing videos on your desktop.

OK. Let’s begin.

Open up Encoding.com Desktop.  Notice that in the image above it’s labeled encoding.com desktop uploader.app.

When Encoding.com Desktop opens go to the File Pull-down menu and click on Preferences.

When the Preferences Dialog window opens click on the Account tab. Before you can begin encoding videos you’ll need to add your  User Id and API User Key here.  This allows Encoding.com Desktop to know which account to upload videos to for encoding.  Once you enter your information click the Save button.

First you need to add a source file to encode.  Click on the Add Media button.

Then locate the video on your desktop that you would like to encode.  For this tutorial I’m encoding the QuickTime video called 166_10105.mov.

Once you choose your video for encoding click the Select button.

You’ll see your video displayed now in Encoding.com Desktop.  Select the video similar to above to create a compression preset.  Once you select your video you will notice it highlighted.

With your video selected click the Add Task Items button.

When the dialog window opens listing your available presets click the Add Preset button.  It’s located at the button left of the My Presets Dialog window.

Next, click the Save as button when the Video Compression Setting Dialog window opens.

Now type in the name for your compression setting.  You can type in Flash_600k_DL. Once you name your setting click the Save button.

Now time to customize your compression setting.  This preset will serve as a good starting point for encoding downloadable streaming video for high broadband viewers. On this preset you’re creating a good general setting that will work well for SD and HD content.  Flash up to 9 should be selected. For the frame size select 480 x 360 and type in 600k for the Video bitrate.  For audio type in 64k with 44100 for your sample rate with 2 for the Audio channels to make it stereo.  Under the Video codec setting choose vp6 and for the audio codec choose libm3lame.  Lastly for this section, click the 2 pass encoding check box.

Let’s continue with adjusting your preset.  For the Minimum bit rate type in 100k and for Maximum bit rate type in 1000k.  Make sure the De-interlacing check box is selected if your content in Interlaced.  You can specify a Thumbnail size of 160 x 120 to get familiar with the thumbnail setting.  You can leave it set at the default value for Time to capture thumbnail.  For the Keyframe period type in 180.  This will work well for a video that is 29.97 frames per second.  For audio volume adjust this value to 200.  This will boost the audio little for those that don’t have amplified speakers.  Once you make all of your adjustments click the Save button.  Now click on the Show Presets button.

When your presets display select the preset that you’ve just created and click the Add Task button.  Your preset should be labeled Flash_600k_DL.

Now that your preset is applied you will see it displayed right below your source file.  You can apply multiple compression presets to a source if you’d like.

Next when you’re ready for encoding to begin using the Encoding.com Cloud click the upload button and your file will begin uploading.

To check the status of your upload, you can click the Show Details button within Encoding.com Desktop.

The Show Details section will display the Start Upload Time and End Upload time for your video upload.  If you see the End Upload Time displayed you’ll know that video has finished uploading.  To see the processing status of the actually encoding you can view your Encoding Queue within your Encoding.com account on-line.  Congratulations! Now your familiar with utilizing Encoding.com Desktop to upload videos for encoding with the Encoding.com Cloud.

Free Video Streaming and Compression Tools Training in Cincinnati

Posted by Derrick on January 26, 2010 under Video Streaming and Compression | Be the First to Comment

A free Video Streaming and Compression Tools Training will take place in Cincinnati, Ohio on February 19, 2010.  The training Sponsored by Telestream and Flowerfire will be held at the Courtyard Cincinnati Covington.  The training will be taught by Derrick Freeman, Instructor and Video Streaming and Compression Consultant for Freeman Compression Inc. If you need to get familiar with video streaming and compression and live in Ohio, Kentucky, or Indiana, then make sure you attend the Free Episode Encoder, Wirecast and Sawmill Professional Training in Ohio. The training will get you up to speed with video encoding using Telestream’s Episode Encoder and webcasting with Telestream’s Wirecast.  Attendees will also learn how to encode videos for downloadable streaming and real-time streaming, plus learn about different compression methods such as 1-pass and 2-pass encoding.  You will also get familiar with analyzing log files using Sawmill Professional.  Sawmill can process hundreds of different log types and users will learn how to process Streaming server logs, Apache Server logs, FTP logs, and IIS Web Server logs and other log types in the Sawmill training session. Click Here to Register for the Event in Ohio.