Streaming Video Progress Bar

I need to create a progress bar for my streaming video to let
the user know how much of the video has already been
downloaded/streamed. Making a progress bar for a progressive
download is easy, just check the bytesLoaded vs the bytesTotal. But
apparently with a streaming video those do not work. What exactly
do I need to check in order to create a progress bar for a
streaming video. Here is my sample code that doesn't work for the
progress bar.

Hi!
You might want to check out the video basics tutorials (8 of
them in total)
at
http://www.gotoandlearn.com/
/Jensen/
"quovadimus02" <[email protected]> wrote in
message
news:ehalfi$deh$[email protected]..
>I need to create a progress bar for my streaming video to
let the user know
>how
> much of the video has already been downloaded/streamed.
Making a progress
> bar
> for a progressive download is easy, just check the
bytesLoaded vs the
> bytesTotal. But apparently with a streaming video those
do not work. What
> exactly do I need to check in order to create a progress
bar for a
> streaming
> video. Here is my sample code that doesn't work for the
progress bar.
>
> var startingCheckX:Number = loader_mc.seek_mc._x;
> // updates loader bar as well as progress indicator
> function checkBytesLoaded() {
> amountLoaded = ns.bytesLoaded / ns.bytesTotal;
> loader_mc.bar_mc._width = amountLoaded * 280;
> loader_mc.seek_mc._x = startingCheckX + (ns.time /
duration * 280);
> var minsElapsed:Number = Math.floor(ns.time / 60); //
find number of
> minutes
> var secsElapsed:Number = Math.floor(ns.time % 60); //
find remaining
> seconds
> var minsTotal:Number = Math.floor(duration / 60); //
find total number of
> minutes
> var secsTotal:Number = Math.floor(duration % 60); //
find total number of
> seconds
> // add leading zero for single digit values
> minsElapsed = (minsElapsed < 10) ? "0" + minsElapsed
: minsElapsed;
> secsElapsed = (secsElapsed < 10) ? "0" + secsElapsed
: secsElapsed;
> minsTotal = (minsTotal < 10) ? "0" + minsTotal :
minsTotal;
> secsTotal = (secsTotal < 10) ? "0" + secsTotal :
secsTotal;
> loader_mc.counter_txt.text = minsElapsed + ":" +
secsElapsed + " / " +
> minsTotal + ":" + secsTotal;
> }
>
> loadedInterval = setInterval(checkBytesLoaded,100);
>

Similar Messages

  • Custom Video Progress Bar

    I'm creating a simple little progress bar in AS3 to indicate
    the progress of a video loading. I have a rectangle on the stage
    called "bar_mc". I have this code, but it doesn't seem to work. As
    near as I can tell the function "progressHandler" is never even
    being called. What am I doing wrong? Any insight would be greatly
    appreciated. Thanks!

    Thank You! Your info and code provided the missing link for
    me. I really appreciate the help.
    I thought once I figured out how to control the "loading
    progress bar" I would be able to figure out the "playhead knob",
    but unfortunately, I seem to be missing something there as well. I
    think the code must be close, but it isn't working. I think the
    problem is finding the "current position" of the .flv. Help says
    that NetStream.time will show "The position of the playhead, in
    seconds." So I'm using this to find the curPos. But it always seem
    to return 0.038 and so the playhead knob never moves. Here's the
    code. Any help would be very much appreciated.

  • Determining progressive vs streaming video

    What is the best way to determine if a playing video is Progressive or Streaming?
    I see the Media player has the downloadableChange event:
    org.osmf.events.MediaPlayerCapabilityChangeEvent.DOWNLOADABLE_CHANGE
    MediaPlayerCapabilityChangeEvent has an enabled property. So I guess true means it is now downloadable. It would be nice if this was a property on the MediaPlayer class.
    - Randy Troppmann

    Hi Brian,
    While I am sure other reasons will crop up ... the current one has to
    do with displaying a "bytes loaded progress bar" in the control bar in
    the case of Progressive video. Of course in the case of Streaming
    video this bar would not show. I have not even started to think about
    the PVR functionality of pausing live stream yet.
    I've tried the events related to "downloadable" "bufferable" and
    "loadable" but they seem inneffective in this case.
    I did, however see that bytesTotal does not get fired for Streaming
    and bytesLoadedChange fires but is NaN. I can use those to achieve my
    goals.
    A helper method for this would be useful!
    Thanks!
    - Randy

  • How to customize video player progress bar?

    I want a video progress bar (maybe it is a slider ), which
    can be used to show the buffer progress of video, the standard
    slider control in Flex has not this function.
    How can I customize the silder control?

    this is a very basic video player. what we've done here is A
    LOT of binding i.e. vp.playheadTime=(vp.totalTime/(100/ctr.value))
    after you've figured out what the right math is..which is
    already done here, you can just skin it and it'll work fine. i
    haven't had the time to update this for a while but there is
    definitely room for improvement. hope this helps.
    <?xml version="1.0" encoding="utf-8"?>
    <mx:VBox xmlns:mx="
    http://www.adobe.com/2006/mxml"
    horizontalAlign="center" verticalAlign="middle"
    horizontalScrollPolicy="off" verticalScrollPolicy="off"
    width="100%" height="100%">
    <mx:Script>
    <![CDATA[
    public function init(path:String):void
    vp.source = path;
    vp.play();
    public function fixIt(what:Number):Number
    what.toFixed(2);
    return Number(what);
    ]]>
    </mx:Script>
    <mx:VideoDisplay autoPlay="false" id="vp"/>
    <mx:HSlider minimum="0" maximum="100" width="{vp.width}"
    height="29" id="ctr"
    value="{fixIt(vp.playheadTime/(vp.totalTime/100))}"
    change="vp.playheadTime=(vp.totalTime/(100/ctr.value))"
    liveDragging="true"/>
    <mx:Label id="duration"
    text="{int(vp.playheadTime)}"/>
    <mx:HBox>
    <mx:Button id="pp" label="Play/Pause"
    click="if(!vp.playing){vp.play()}else{vp.pause()}"/>
    <mx:Button id="st" label="Stop" click="vp.stop()" />
    <mx:Button id="rw" label="Rewind"
    click="vp.playheadTime=0" />
    </mx:HBox>
    </mx:VBox>

  • Video slide bar doesnt work with streaming video

    I am converting from progessive video to streaming video. I am using a streaming site.  the video plays fine through when called up in preview or published but the silide bar doesnt work for the video (backwords or forwards in the video)...works fine in a progressive download.  I am using fv4. 
    Any Ideas?

    I had no problem getting the video to stream inside my project...my problem is that when I use the "insert a fv or fv4" feature and insert the proper link, captivate uses a different player (the video shows up in a separate window in the slide) and the player doesnt have a progress bar.  The progress bar in the skin itself will not (the player that comes with the slide) operate.  Therefore, all I can do is start and stop the video....I need a working slide bar so the student can navigate ( especially backwards) the video....any Ideas?

  • How to make growing progress bars in video?

    I am as green as you can get, in fact I do not yet have my editing software, though my first choice is Adobe premiere pro. For future reference could someone please explain to me how I could animate one or multiple progress bars to fill up over the course of a series of videos? I know this can be done as I've seen it before, please help.

    Make 2 bars in Photoshop one 0% and one 100%, place the second one above the first in the timeline and animate it with a linear wipe.

  • What does a progress bar next to a video file mean?

    What does a progress bar next to a video file mean? and how can I get rid of it?
    Thanks!

    The black checkmark indicates that the song will be part of the next action you perform in iTunes. For more information about that and other symbols in the iTunes song list, see this article.
    (14657)

  • HT4997 I am trying to export a 6.5 minute video from imovie to my camera roll on my iPad Mini. However the progress bar stops halfway through. Any advice would be very much appreciated, many thanks.

    I am trying to export a 6.5 minute video from imovie to my camera roll on my iPad Mini. However the progress bar stops halfway through. Any advice would be very much appreciated, many thanks.

    I am trying to export a 6.5 minute video from imovie to my camera roll on my iPad Mini. However the progress bar stops halfway through. Any advice would be very much appreciated, many thanks.

  • Can't Render Video Hangs on the Initializing Video Export Progress bar

    When rendering a video I never get past the Initializing Video Export Progress bar.
    Running windows 8 64bit, Photoshop CC.
    I have Windows CS4, Lightroom 4, LIghtroom 5 and Premier Elements installed. I have no problem exporting video from lightroom or Premier Elements

    I am trying to process a move clip of various types. I don’t even get to the dialogue that presents the parameter entry. I’ve tried .mp4,mts,3gp,f4v & m2t. I don't even have any changes applied to the clip.

  • Ipod won't play video/podcasts or audio only a black screen with the play symbol and volume/progress bar. games work fine! any ideas?

    Ipod video classic 5th gen won't play video/podcasts or audio only a black screen with the play symbol and volume/progress bar. games work fine! any ideas?

    Here's some more info.
    I tried installing the latest iTunes to my housemate's PC, logging into iTMS with my account, authorizing his machine to play my content, restoring my iPod to the factory settings, downloading the videos and copying them to my iPod.
    It worked fine, and I can play my videos.
    I have done the exact SAME thing on my own home PC twice, after completely uninstalling and reinstalling iTunes, QuickTime, and the Apple Software Updater. But I still can't get any videos downloaded on my home PC to play on my iPods.
    Any thoughts?

  • Place video with no progress bar?

    Hi
    I'd like to place a video seamlessly so it plays like an animation, with no progress bar or controls. It's easy to exclude the controls but there is still a progress bar. how to remove ?
    learning a lot here!
    thanks for the help!
    S

    If you disable "tap to view controls“ the video should play seemlessly.
    The desktop viewer shows the progress bar even with that setting disabled.
    On your iPad it will be without.
    —Johannes
    (mobil gesendet)
    Am 08.12.2011 19:32 schrieb "SteveLunny" <[email protected]>:
       place video with no progress bar?  created by SteveLunny<http://forums.adobe.com/people/SteveLunny>in
    Digital Publishing Suite - View the full discussion<http://forums.adobe.com/message/4071925#4071925>

  • Hello. I've Apple TV 3rd gen and MacBook Pro 2013 all with latest updates. AirPlay works fine till I don't start streaming videos from YouTube. After that AirPlay icon from MacBook menu bar simply disappears. Could some help. I'm using 2 Mbps Internet

    Hello. I've Apple TV 3rd gen and MacBook Pro 2013 all with latest updates. AirPlay works fine till I don't start streaming videos from YouTube. After that AirPlay icon from MacBook menu bar simply disappears. Could some help. I'm using 2 Mbps internet connection.

    Same issue here- I can airplay my amazon prime library just fine from my iphone 5 but on my macbook- (mavericks, 15 inch 2013 retina with quad core i7, nvidia 650 M and SSD) it just sputters and lags.
    I have noticed web video is considerably worse than local content, giving me pauses of up to 2 or 3 seconds in which video stops but audio continues in the amazon player. Youku video, however, seems relatively stable. Our subscription speed is 25 mbps, so that should be plenty to stream SD video from Amazon and doesn't account for why it would be nice and stable from the iphone, but not the mbp.
    Playing light, locally hosted steam sidescrollers  like Limbo is better but gives periodic drops in framerate on the Tv. when mirroring the framerate remains steady on the MBP screen.
    Games airplayed from my iphone seem relatively stable, though with a noticably lower framerate on the TV than on the phone.
    It seems these issues have abated considerably since yesterday's Apple TV update, but are still curious nonetheless and I'm not sure that the update yesterday was specifically meant to address those issues or if I'm just getting a time with less network interference now.
    Comcast recently installed a new router/modem/phone combo, replacing our old separate modem and router setup. I'm going to test if putting the network on a different channel helps.

  • Seeking in videos using the progress bar

    Ever since the 2.0 update, seeking using the progress bar seems very sluggish, far from the smooth experience I had using the 1.1.4 firmware. The playback seems to snap to certain points and fast forward to the point I seek to. I updated to 2.0.1 today hoping this issue would be fixed, but not yet. Anybody else experiencing this?

    mine is even worse, after the 2.0.1, video playback is broken. There is no video!!!! but there is audio. This apply to any online video as well like youtube. any facing the same problem? How can i restore to 2.0?
    wan

  • Adding a download progress bar to a flash output

    I have the CS4 production premium package. I made a flash based web page to function like my DVD project by "building" the project in Encore which creates the page along with the referenced flash video files without having to know action script. I was wondering if there is an easy way to include a download progress bar in the flash output? If it is not possible to add a download progress bar directly by changing some option before I "build"/export the project from Encore, is there a snippet of code I could insert in one of the files after it has been created so a progress bar is added to the video? Here is a link to the page I created. If you click the "TQ4" button you will notice that there is no download progress bar that is visible when the controls are showing.
    www.philadelphiaphilms.com/TQ4_web_DVD/index.html

    There's no easy way, no.
    It may be possible to do this in Flash if you built your own custom player, but you'd essentially have to reverse engineer your Encore Flash output (no small task).
    If you have access to a Flash Media Server, you might want to consider the streaming output option, which avoids downloading issues entirely.

  • Custom "Draggable" progress bar in Flash

    I have created a custom skin for a Flash video that I wish to use. I currently have a shape tween within an MC that acts as the progress bar for the Flash video. Is there code that will allow me to click and drag that shape tween and control the movie? My movie is embedded within my flash not streamed. Is this possible, or if anyone knows of any good tutorials that would help me achieve this that would be great.
    Cheers-
    Graeme

    you can use any scrollbar tutorial.  instead of scrolling the _x or _y property of a movieclip, you'll be scrolling through the frame numbers that span the timeline that contains your video.
    to look for a tutorial specific to your situation, try using google to search for "flash scrollbar timeline"

Maybe you are looking for

  • How can i transfer music from my iphone 3gs to computer (pc)

    how can i transfer music from my iphone to my pc. for my computer memory did had probleme. so we reinstalled it and we could not get all the music back (we did a back up on the computer memory. and thets was memory :C. and i want to have my music on

  • Bridge menu no longer working

    I can no longer use the camera raw menu button or rotate buttons in CS6 bridge.   Also for many TIFF photos, I get the TiFF logo rather than the photo. These two problems began that at the same time after I shut down the PS and Bridge in the usual wa

  • Regarding Jasper Report

    hi Friends Iam able to call jasper report from java code by clicking button. Report gets visible on top of Application. but when i close report my Application also get close i dont want this to happen can any one help me?

  • I have a hp hpe-595a, i'm trying to use stereo mix with a hot mic. anyone know how to do this?

    I'm trying to sing along with the music in the chat program Paltalk and also host a music room on the same program, I can only use the mic or stereo mix but not both at the same time. I have been using this chat program for over 5yrs and have always

  • Photoshop Touch in Windows Phone!!!!

    When Adobe Photoshop Touch will be available for WindowsPhone?