Embedding sound and video and maximizing loading speed

Posted on 2006-04-12
Last Modified: 2010-04-09
I have an extremely picky client that wants a sound file (I have it in mp3 but can convert it to something else) to play and a video (that is currently 33 MB) to load fast on a 56K modem.  I'm completely cross-eyed over this as I don't know how this is going to happen--and whether they should be streaming files or be downloaded first.  I'm just not sure this can happen--especially with an already graphics-heavy site.

Any ideas on how I could do this?
Question by:saturation
    LVL 1

    Expert Comment

    can u please explain a little more?
    LVL 5

    Accepted Solution

    Unless your video is encoded at around 20Kbps, it's not going to stream over a 56K modem connection.  If it's 33MB it will NOT load fast if you have to download first no matter what you do.

    For something like this, I would probably use Flash video.  You can and use a video control and import the mp3 into Flash both on the second key frame with a blank first key frame.  Flash swfs only block on loading until they finish the first key frame.  Thus, your page will load quickly because the first frame of Flash will be almost instant.  Then, let Flash handle the streaming of the video (the mp3 will be built into the swf).  You will still need to transcode the video into something no more than 56Kbps if you want it to stream without buffering most of the file.

    LVL 25

    Assisted Solution

    any thoughts about using quicktime streaming?  I know you can begin playback of the video while the rest of the movie is being bufferred.

    Problem is with any stremaing method is that the client may have to install a control on their browser, whether it's flash, real media, windows media, quicktime.  these all require that a plugin be instaled before they will display anything.

    Featured Post

    Maximize Your Threat Intelligence Reporting

    Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

    Join & Write a Comment

    Suggested Solutions

    A colleague recently asked me about how to give his client a small part of the web site that could be completely under the client's control.  Since I have done this sort of thing before to add emergency banners to a web site, I decided I would creat…
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

    732 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    23 Experts available now in Live!

    Get 1:1 Help Now