Flash video n' related stuff

Archive for the ‘Resources’ Category


xmoovStream PHP video server

Jan 15, 2010 Author: Lisa Larson-Kelley | Filed under: Resources

For those of you seeking (ha!) a solution for progressive video seeking, you’ll definitely want to take a look at the xMoov Server (formerly xMoov-PHP). It’s a free, open-source solution for accessing parts of your video that haven’t yet been downloaded — mimicking the seeking behavior of streaming (alΓ‘ YouTube). It ships with a prebuilt audio and video players so you can get started right away (but of course

It supports Flash, Quicktime X, and Apple iPhone delivery, and can deliver virtually any type of file, not just video. It is released under a non-commercial license, so if you have ads on your site or want to use this for a client project you’ll need to buy a license. But at $50 for a single server, it’s very reasonable.

http://stream.xmoov.com/

PROFMediaPlayer: OSMF in action

Jan 12, 2010 Author: Lisa Larson-Kelley | Filed under: Resources, Tutorials & Code

Nicolas Prof has developed an open source, flexible and customizable video player based on the latest sprint (0.8) of the Open Source Media Framework (formerly codenamed Strobe). It supports both progressive and streaming. Because it’s built on the OSMF framework, you can expand the functionality and add plug-ins from the framework into this player.

PROFMediaPlayer screenshot

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

Streaming Media West resources

Nov 17, 2009 Author: Lisa Larson-Kelley | Filed under: Resources

Yesterday’s half-day workshop on “Building Rich Media Players on the Flash Platform” in San Jose was a great success. Thanks to everyone who attended! As promised, here is the presentation file and the code examples. I did include the OSMF examples along with instructions to configuring Flash Professional CS4 to work with them. If you have any questions that you didn’t get a chance to ask, or run into any trouble with the examples, please comment below and I’ll try to help.

Presentation [PDF]

Player code examples [ZIP]

OSMF code examples [ZIP]

UPDATE 11/19/09: Forgot to supply the link I promised to R Blank’s free online seminar on OSMF (which was a great help to me in preparing my examples; thanks, R!) Here is a link, along with some updates to the code he demonstrated: http://www.rblank.com/2009/11/10/quick-note-on-osmf-0-7/

  • Comments Off on Streaming Media West resources
  • Flash Video and AS3 article on FFDMag

    Aug 18, 2009 Author: Lisa Larson-Kelley | Filed under: Books & Articles, Resources

    Chaim Sajnovsky, a prolific contributor to the FlashMedia FMS mailing list and a FMS/Flash consultant, recently authored an informative article on working with video in ActionScript 3.0 that I just ran across.

    It goes over the basics of NetConnections, NetStreams and Streams, and how to work with metadata.

    You can find it on page 62 of the February issue. Download the PDF for free!

    Adding captioning to Dynamic Playlist example

    Jun 24, 2009 Author: Lisa Larson-Kelley | Filed under: Books & Articles, Resources, Tutorials & Code

    I’ve had several questions recently about how to add closed captioning to the Dynamic Playlist code in my tutorial on Adobe Developer Connection. I answered a comment on the article, but its not easy to find — so I thought I’d post it here to make it a bit easier.

    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. πŸ™‚

    Thanks to everyone who chose to attend my FMS talk at FlashBelt this year instead of sneaking next door to see Grant Skinner! πŸ™‚

    I hope you all got something useful from the session, and really did walk away feeling empowered to take the dive into FMS development.

    As promised, here are the slides and files from the presentation. Please let me know if you have any questions I didn’t answer.

    SLIDES (PDF, sorry about the large file size)

    DEMO FILES

    Special thanks to the fantastic Influxis team for their great blog posts and examples on both DVR and Dynamic Streaming. (If you need FMS hosting, you’ll want to call these guys. Seriously.)

    And kudos also to David Hassoun for his comprehensive articles and sample code (most of which I relied on heavily in my presentation).

    Thanks again, and see you next year, Minneapolis!

    Developing a Rich Video Player for Flash: Resources

    May 11, 2009 Author: Lisa Larson-Kelley | Filed under: Resources

    Just wrapped up a three-hour workshop at Streaming Media East here in NYC on building video players for Flash. Thanks to everyone who attended for staying alert for the full three hours — what a marathon! As promised, here are the resources for the talk; some links, and the example source code:

    Presentation file

    Dreamweaver example

    Prebuilt player examples

    Flash examples

    Dynamic Streaming examples

    Adobe.com: Flash Media tools

    Strobe media framework

    Adobe Developer Connection: Dynamic Streaming overview

    Adobe Developer Connection: Dynamic Streaming ActionScript guide

    Flash Media Live Encoder

    Video Validator utility

    Web Video Bitrate Starter

    Me, on Twitter

    If you have any outstanding questions or comments, feel free to comment and I’ll get back with you as soon as I can.

    Flash CS4 Video Training

    Apr 16, 2009 Author: Lisa Larson-Kelley | Filed under: Resources

    VTC Flash Video box shotBack when I first started learning web technologies (ages ago!) I found VTC videos. I’m a visual learner, so they really helped me get a handle on new concepts.

    Well, they are still around and going strong, with lots of new titles covering current software and technologies — including, of course, Flash Video!

    Michael Hurwicz has put together 8+ hours of video training walking you through the basics (and more) of deploying video using Flash CS4. He gives you self-paced tutorials on encoding, deployment options, using SWFObject embedding, cuepoints, metadata, preview images, buffering captioning, video effects and more — in both AS2 and AS3. New CS4 features such as text-to-speech and pixel-bender effects are even covered. It starts out with the very basics so you can understand concepts such as progressive vs. streaming, and takes you all the way through more advanced player creation tasks such as instantiating components.

    It’s a bit more expensive than a book, but much less expensive than a training course. At $99 I think its a great value, especially if you are a visual learner like me. The first three chapters are free, so check it out:

    http://www.computer-training-software.com/flash-cs4-video.htm

    Tweet, tweet!

    Apr 9, 2009 Author: Lisa Larson-Kelley | Filed under: Announcements, Resources

    I resisted valiantly, but I’ve finally given in. The FMS engineering team signing up was the last straw.

    I’m now on Twitter.

    http://www.twitter.com/lisamarienyc

    I’ll be tweeting on miscellaneous Flash news, tips, tricks, etc. as well as day-to-day updates. But I won’t be telling you what I had for breakfast, I promise.

    FMS productivity tools released

    Jan 14, 2009 Author: Lisa Larson-Kelley | Filed under: Flash Media Server, Resources

    I often hear complaints about a steep learning curve in developing FMS applications, and the lack of good sample code and simple administration utilities. Well, complain no more! Adobe has released a suite of free tools to help you get started and be more productive, announced on FMS Product Manager Kevin Towes’ blog. Here’s what you have to work with:

    FLVCheck Tool:
    Let’s you verify that a video will run properly on FMS. Supports MP4 and FLV files.
    FMSCheck Tool: Provides information about whether the server is running or not, its response time, and if any FMS core processes are not responding.
    AS3 Dynamic Streaming Class: Enable mulitbitrate delivery easily in Flash CS4, Flex 3 or the Flex SDK.
    FLVPlayback 2.5: The updated version of the FLVPlayback component for use in Flash CS4, with increased performance and quality for both video on demand files and live streams. Features “significant” bug fixes for streaming and support for Dynamic Streaming and DVR functionality with FMS 3.5. Only compatible with ActionScript 3.0. You can now use these classes in Flex 3 or the Flex SDK, in addition to Flash CS4.
    F4V Post Processor: FMS 3.5 and later and Flash Media Live Encoder 3 can record content in MPEG-4 format using “fragments” or “moof atoms.” Some tools and players do not support this, and therefore will not be able to recognize these FMS-created files. This tool takes the information from all of the moof atoms and combines it into a single moove atom and outputs a new file. Use for prepping videos for editing in Premiere, HTTP delivery, or for playback in Adobe Media Player. Windows or Linux only.

    You do need to register with Adobe.com (if you haven’t already) for access, but its free, as are all of the tools.

  • Comments Off on FMS productivity tools released

  • Lisa
    Larson~
    Kelley

    Adobe Community Professional Author, speaker, developer, geek, mom.


    Flash Video for Professionals book
    Our book, Flash Video for Professionals, is now shipping! This is the book we always wanted to have by our side when developing Flash Video applications. It takes a holistic approach -- from concept, to client interaction, to application architecture. With code examples in AS2 and AS3, you can get started right away (and ease your transition from one version to another). We cover all aspects of Flash video including encoding, using the components, creating your own custom players, filters and transitions, buffering issues, hosting choices, and more.
    Buy on Amazon »
    Book Source Files, Etc. »