Search the Community

Hi guys, I was wondering if is possible use the LoaderMax to load a video, than get this content and send it to a another video player, like the FLV Playback from flash. How can I do that? It's possible? Tnx a lot

Hi, i realise this is way too similar to this thread: http://forums.greensock.com/topic/4683-mp3loader-making-a-perfect-loop/ but since this is about a video, not an audio (and therefore, I don't have the "repeat" property), I thought I'd ask. My idea is to loop a video that I've loaded using VideoLoader, but I want it to be a seamless loop. My first (and obvious) approach was adding a listener for the VIDEO_COMPLETE event on the video, and then play the video again from 0: var video:VideoLoader= LoaderMax.getLoader([videoId]) as VideoLoader; video.addEventListener(VideoLoader.VIDEO_COMPLETE, onVideoComplete); protected function onVideoComplete(event:LoaderEvent):void { var video:VideoLoader= event.target as VideoLoader; video.gotoVideoTime(0); video.playVideo(); } but this doesn't make it seamless, it freezes on the last frame of the video for a second or two, and then starts again. My second approach was adding a listener for the PLAY_PROGRESS event, and when the video reaches a certain sufficient point, start it from 0: var video:VideoLoader= LoaderMax.getLoader([videoId]) as VideoLoader; video.addEventListener(VideoLoader.PLAY_PROGRESS, onVideoComplete); protected function onVideoComplete(event:LoaderEvent):void { var video:VideoLoader= event.target as VideoLoader; if(video.playProgress >= 0.95){ video.gotoVideoTime(0); video.playVideo(); } } this made it better, but the same problem stays, it freezes (now not on the last frame, but on one of the last ones) and then starts all over. Is there a way to have a smooth loop, or another approach to make it smoother than these two I've tried? Thanks!

Hi all, I am trying to find a way to export the timeline animation to a mp4(compressed) video. Does someone know how this can be done? Will really appreciate your inputs and suggestions. Thanks

Hi guys, I am looking into building an adverting system that would use GS at it's core. I am going to use bottom end android tables as display units and I currently find that animations are jerking due to the low spec CPUs. I know that there is some GPU support in CSS3 but I am not sure how practical or applicable this is to the mobile platform. Having said that I know that most of these low spec tablets do have quite good GPU's for video playback up to 1080p 30fps and I am only looking for 720p 30-60fps. So what I am looking to do is use the 'save to image' function of canvas and either post to the server or use something like PhantomJS in Node to render the frames to a folder then use ffmpeg to stitch them into mp4s at the desired frame rate. This would also allow a host of other effect to be applied programmatically. I know that GS plays nice with KineticJS for canvas rendering and I have altered the codepen example (http://codepen.io/GreenSock/pen/xaDAG) to use the tick event listener as a test. I am however worried that this is not synchronous and would not post to the server fast enough to capture all the frames if run clientside. Should I rather use seek to jump a frame forward at a time and then render the canvas out. Does seek work with the KineticJS plugin? Many thanks in advance, any other approaches welcome.

http://dev.option5.net/CNCT/CNCT13004/video.html I've built a custom video player built on the use of VideoLoader. However, the loader progress isn't working. It appears to be working; the loader bar grows in width based on a LoaderEvent.PROGRESS dispatch. But when I test the actual network usage in Chrome (dev tools), it shows the video is loading long after the loader bar goes to 100%. Any ideas?

I'm bulk loading videos and then playing them. That part works. But after a video has been played once it will play back very fast almost every time after that. I have no idea why. Any help appreciated. package { public class VideoClass extends MovieClip { private var vid1_vid:ContentDisplay; private var vid1_ldr:VideoLoader; private var vid2_vid:ContentDisplay; private var vid2_ldr:VideoLoader; private var vid3_vid:ContentDisplay; private var vid3_ldr:VideoLoader; //store video paths private var vid1_BT:String; private var vid2_BT:String; private var vid3_BT:String; private var videoArray:Array = new Array(); public function VideoClass(_videoArray:Array) { videoArray = _videoArray; for (var i:uint = 0; i < 7; i++) { if (i == 0) { vid1_BT = videoArray[i]; } else if (i == 1) { vid2_BT = videoArray[i]; } else { vid3_BT = videoArray[i]; } } //activate the loaders we need LoaderMax.activate([ImageLoader, SWFLoader, VideoLoader]); var urls:Array = [vid1_BT, vid2_BT, vid3_BT]; var queue:LoaderMax = LoaderMax.parse(urls, {maxConnections:1, //onProgress:_progressHandler, onComplete:_queueCompleteHandler //onChildComplete:_childCompleteHandler }, {autoPlay:false}); queue.load(); } private function _queueCompleteHandler(event:LoaderEvent):void { //vid1 video vid1_ldr = LoaderMax.getLoader(vid1_BT); vid1_vid = LoaderMax.getContent(vid1_BT); vid1_vid.x = vid1_vid.y = 0; //vid2 video vid2_ldr = LoaderMax.getLoader(vid2_BT); vid2_vid = LoaderMax.getContent(vid2_BT); vid2_vid.x = vid2_vid.y = 0; //vid3 video vid3_ldr = LoaderMax.getLoader(vid3_BT); vid3_vid = LoaderMax.getContent(vid3_BT); vid3_vid.x = vid3_vid.y = 0; vid1_ldr.addEventListener(VideoLoader.VIDEO_COMPLETE, onVideoComplete, false, 0, true); vid2_ldr.addEventListener(VideoLoader.VIDEO_COMPLETE, onVideoComplete, false, 0, true); vid3_ldr.addEventListener(VideoLoader.VIDEO_COMPLETE, onVideoComplete, false, 0, true); } public function addVideo(_vid:String) { switch (_vid){ case "vid1": addChild(vid1_vid); vid1_ldr.playVideo(); vid1_ldr.gotoVideoTime(0); break; case "vid2": addChild(vid2_vid); vid2_ldr.playVideo(); vid2_ldr.gotoVideoTime(0); break; case "vid3": addChild(vid3_vid); vid3_ldr.playVideo(); vid3_ldr.gotoVideoTime(0); break; } } private function onVideoComplete(e:*) { var vid = e.target.content; removeChild(vid); } } }

Hello, I found a problem when playing video from videoloader. Often, after the full video playback, the repeat playback video from this videoloader by function gotoVideoTime (0, true) starts playing video from the 2 seconds. For example, ask to see written for this example: https://dl.dropboxusercontent.com/u/8131769/videoTest.zip

I have two videos of identical length that I need to play in sync. Occasionally they do loop in sync but are most often offset by some small amount. Unfortunately this is very noticeable in my application. example: video1.addEventListener(VideoLoader.VIDEO_COMPLETE, function():void { video1.gotoVideoTime(0, true); video2.gotoVideoTime(0, true); }); Any suggestions, please?

I'm looping through all the items of my XML and use LoaderMax to load my SWFs onto stage, and trigger a function to generate video items and text items. This looks like this: for each (var item in Main.XMLLiveItems.items.*) { if (item.@type == "static") { Main.queue.insert(new SWFLoader("media/"+item.@name, { name:item.@id, container:area, alpha: 0, onComplete: itemLoaded }),item.@level); } else if (item.@type == "text") { createTextAsset(item); } else if (item.@type == "video") { createVideoAsset(item); } } However, this messes up the levels since LoaderMax loads the queue after my textassets and videos have been loaded onto stage. I can't add the text assets or the video assets to my stage (called area) when specifying the index, because the number of children is still zero when the createTextAsset and createVideoAsset functions are called. I've tried to first use 'applyFullXML' and then add the textfields and videoloaders as a child to the placeholders. This turned out the way I wanted, except the textfields did not scale properly (using the scaleWidthAndHeight property) since they were now a child of a sprite. I am currently not sure what to do so was hoping for a push in the right direction. Thanks again.

Hello and thanks for this great library. I have a little problem with the video repeat function of videoloader. I load multiple video and I had set repeat:-1. The video loops to infinity but between the loops I have a freeze time about 2 seconds. This is the code I use: Any Ideas? I had tried both with gsap 12 and Tweening platform 11. Thanks in advance for your time!

Hi, Flash AS3 GS v.11 I am trying to play MC's that contain video in between displays of text only. I have made 3 frame based movies to represent the FLV's embedded into the MC's. I need to play the whole thing backwards and forward. I will have a slide control. Some versions will have TL labels. I am just modeling this to understand the behaviors so I can model the most used versions my non-programmer's who will add captions to the FLA. The movies will be named in sequence in the libray (nice for 'For loop'). The captions and all other text will be Strings from the localization Strings panel. The SWF will have a slider control with time display. I will use addCallback to change text on a MC textfield and change the alpha with a Tweenlite to make it visible or not. The time and framerates do not match. Old flash issue. I need MC to stop on the last frame - not stop early or late so transitions work Using labels is not working as I expect. Do I create TL nested movieclips? Can I mix frame control (nested TL) and time control (main TL)? import com.greensock.*; import com.greensock.easing.*; import flash.display.MovieClip; import fl.controls.Button; import flash.events.Event; import flash.events.MouseEvent; var first_btn:Button;// = new Button; var second_btn:Button;// = new Button; var third_btn:Button;// = new Button; var play_btn:Button;// = new Button; var stop_btn:Button;// = new Button; first_btn.addEventListener(MouseEvent.CLICK, goToHandler); second_btn.addEventListener(MouseEvent.CLICK, goToHandler); third_btn.addEventListener(MouseEvent.CLICK, goToHandler); play_btn.addEventListener(MouseEvent.CLICK, playHandler); stop_btn.addEventListener(MouseEvent.CLICK, stopHandler); var mc:Array = new Array; mc[0]= new MC2 as MovieClip; mc[1]= new MC3 as MovieClip; mc[2]= new MC4 as MovieClip; var timeLine:TimelineMax=new TimelineMax({paused:true,onComplete:done});//paused:true, timeLine.addLabel("first", timeLine.duration); timeLine.addCallback(addMovieFromLibrary,0.5, [(mc[0])]); timeLine.addLabel("second", timeLine.duration); timeLine.addCallback(addMovieFromLibrary,0.5, [(mc[1])]); timeLine.addLabel("third", timeLine.duration); timeLine.addCallback(addMovieFromLibrary,0.5, [(mc[2])]); function done():void{ trace ("done"); } function addMovieFromLibrary(mc:MovieClip){ mc.stop(); mc.x = 16; mc.y = 16; mc.alpha = 0; addChild(mc); timeLine.append(TweenMax.to(mc, 0.5, {alpha:1})); timeLine.addCallback(mcPlay,0,[mc]); timeLine.append(TweenLite.delayedCall((mc.totalFrames/stage.frameRate), removeMovie,[mc]), -0.25); } function removeMovie(mc:MovieClip){ timeLine.append(TweenMax.to(mc, 0.5, {alpha:0}), -0.25); mc.stop(); removeChild(mc); trace("Remove Child Next"); } function mcPlay(mc:MovieClip){ mc.play(); } function goToHandler(e:MouseEvent):void{ trace(e.target.label); timeLine.gotoAndPlay(e.target.label); } function playHandler(e:MouseEvent):void{ trace(e.target.label); timeLine.play(); } function stopHandler(e:MouseEvent):void{ trace(e.target.label); timeLine.stop(); } Test_main_timeLine-gs.zip

Hi, I am developing a flash piece with two views of the same video (one large, one smaller with a caption overlay). Im just wondering if anyone has any ideas on how to program it so I can switch seamlessly between the two views and have the same video at the same time, playback state etc. Ive tried using two separate video streams and keeping track of currentTime etc but its a bit of a hack and doesn't work that well. Is there a cleaner way I can add the same video loader container to multiple display containers and just code the controls once? i.e. videoLoaderVars.container(this); videoLoaderVars.container(another clip);

Hello, I am new to Greensock`s LoaderMax class. I have a new project which is a videoplayer with thumbnails below, on x axis. I just want to ask if what will be the XML structure for the project. Should I go for the VideoLoader and ImageLoader nodes or just a generic XML. If there are tutorials regarding this, could you guys post it here. Thank you in advance.

When I show a video on start, the last frame of that video displays for a split second since that is the current data until the Video refreshes. Normally, Video.clear() would be the fix for that, but... ...there is a known bug with Video.clear(), logged in the Adobe system & never getting fixed: https://bugs.adobe.com/jira/browse/FP-178 The workaround seems to be either: show & hide video (which doesn't help since showing the video on start still displays the last frame) or: when clear() is called, destroy & reinstantiate the Video instance. It would be great if the VideoLoader had a clear() method which did the second point above.