This FREE video shows how to configure Flash Media Playback, Adobe’s free pre-built media player, by using the Flash Media Playback Setup page which generates the HTML “embed code” for you.

Want to see the whole course but not signed up for Lynda.com yet?
Enjoy a 7-day FREE trial to lynda.com on me.

Want to learn how to encode a raw video file using Adobe Media Encoder? This FREE video shows you how to confidently convert your videos into formats that will play in Flash and gives a good foundation for diving deeper into the encoding settings of Adobe Media Encoder.

If you’re new to Adobe Media Encoder, then you’ll love this free, powerful software that lets you quickly and easily prepare your videos for Flash playback.

Get Adobe Media Encoder :: Version 5.5.1
for Mac
for Win64

Want to see the whole course but not signed up for Lynda.com yet?
Enjoy a 7-day FREE trial to lynda.com on me.

This FREE video will give you a solid foundation for building custom players for Flash and covers the differences between the Flash Player plug-in and a video player built for Flash; what FLVPlayback is and what it does for you; plus much more.

Want to see the whole course but not signed up for Lynda.com yet?
Enjoy a 7-day FREE trial to lynda.com on me.

This tutorial is a great place to start:
Publishing Video with the Flash Platform

The course explains video publishing process in distinct projects of increasing complexity. Each project results in a fully-functional video player, embedded into an HTML page and ready to publish online.

Topics include:

• Converting a video for Flash playback
• Using the Adobe Media Encoder
• Adding custom metadata to a video
• Building a custom player with the FLVPlayback component
• Embedding video in a web page
• Adding navigation cue points
• Publishing with Flash Media and Strobe Media Playback
• Uploading files to a web server

Not signed up for Lynda.com yet, but need the course asap?
Enjoy a 7-day FREE trial to lynda.com on me.

Although my session, “Demystifying Flash Video Delivery,” was up against rockstars Hugh Elliott and Ralph Hauwert, I had a great turn out. Thanks to everyone who attended, and stayed awake for, my preso.

If you missed the session, or missed any details, you can grab the presentation here in PDF format:

http://www.flashconnections.com/flashbelt10/FB2010_Mysteries.pdf

I also promised that a whitepaper on HTTP Dynamic Streaming that I’m working on will be published by Adobe “any day now.” That is still true… watch my blog for an update and a link to the free doc when it’s published.

http://www.eventsadobe.com/osmflaunch/invite.html

I’ll introduce the fundamentals of Open Source Media Framework (OSMF), give you a head start with some basic code examples, and also show you some quick and easy no-code options for building players on the framework. This session is for beginner to intermediate programmers and web developers who want to gain a better understanding of OSMF, and how it can simplify media player development.

And just for attending, you could win a copy of CS5!

So go register now, and I’ll see you there…

A quick test of the PROFMediaPlayer

I thought I’d take it for a spin, so I downloaded the source and opened up the project folder. There’s no readme, so, like everything else with OSMF right now, it takes a bit of feeling around to get started.

There is a FLA with customizable assets in the Library. That seemed like a good place to start. (Nicolas has also included a layered Photoshop PSD file that you can use to edit the skin assets which was a nice addition.)

To customize the player size, background color, source video, etc. you can use flashvars or assign the values in the code, in the EmbedPlayer class. (e.g. settings.url=”myVideo.flv”).

I found that the PROFMediaPlayer really gives you a good starting point with OSMF, rather than starting from a blank class file and figuring it all out on your own. You can download the code at the link below; let me know if you think it’s helpful in exploring OSMF:

PROFMediaPlayer | Nicolas Prof blog

FMS_fotb09_preso.pdf

Dynamic Streaming and DVR code examples

Enjoy the rest of FOTB!

Yes, this is pretty easy to implement, but is a bit nitpicky. Here’s how you do it.

Just add the URLs of the timed text files to the XML data for each video, like so:
<vid desc=”Popeye for President, Title and Credits”
src=”videos/Popeye_forPresiden256K_flash_popeye.mp4″
thumb=”thumbs/Popeye_forPresiden768K.jpg”
ttURL=”myTTfile.xml” />

Then, in the initMediaPlayer function, you’d just add it as an additional attribute (ttURL) in the ‘for’ loop so it can be loaded for each video as it’s clicked, like this:
tileList.addItem({label:item.attribute(“desc”).toXMLString(),
data:item.attribute(“src”).toXMLString(),
ttURL:item.attribute(“ttURL”).toXMLString(),
source:thumb});

Add these three new lines of code at the end of the initVideoPlayer function:
myVid.autoRewind = true;
myVidCaptioning.source = tileList.selectedItem.ttURL;
myVidCaptioning.flvPlayback = myVid;

And finally, replace the listListener event handler with the following:
function listListener(event:Event):void {
myVid.stop();
myVidCaptioning.source = event.target.selectedItem.ttURL;
myVidCaptioning.showCaptions = false;
myVidCaptioning.showCaptions = true;
myVid.autoPlay = true;
myVid.play(event.target.selectedItem.data);
}
The trick here is to hide then show the captions, so you clear out the data from the previously-selected video. It’s a bother, but this should take care of it.
Then, go into your FLA and drop an FLVCaptioning component onto the Stage, and give it an instance name of myVidCaptioning. Publish, and watch (and read) your videos.

Hope this helps… if you have any trouble…

… download the example code here (video files omitted; you can grab them from the original tutorial files or change the XML to point to your own).

Another option, of course, is to insert embedded cuepoints into your video files for your captions, then use the onCuePoint event handler and display them in a dynamic text box. This is a more custom approach, but the timed text file approach above conforms more to usability standards. Your call.

http://groups.adobe.com/posts/7d8b9e44f8

Also, you can join the online FMS user group here:

http://www.tinyurl.com/adobefmsug/