Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

2,104 profile views

axe-z's Achievements



  1. axe-z

    React and GSAP

    I think I have cracked it, I do not see any issues right now... using both <TransitionGroup> and <Transition> with GSAP , based on the code you gave me , made it simpler and faster. Without the FIXED position that was problematic since you cannot scroll . if you ever need it, just give me a shout. My english is not good enough to publish.
  2. axe-z

    React and GSAP

    Hi Rodrigo, I'm wondering , that react-router example you've linked, where did you find that, is there any documentation ? there is some stuff i'm facing using the concept, wished I could understand a bit more.
  3. axe-z

    React and GSAP

    Thanks, I'll try and fix this, the React router one I have not tried yet, look complicated for what could be so much simpler. If only facebook gave a .... about animation and had proper lifecycles for us.
  4. axe-z

    React and GSAP

    Does not work anymore... Issues when using routers, animation not waiting before the component is out, it looks cheap. Really bummed out about this. I ll have to go with lesser js animation apis. if only it could work with specific component lifecycles like : componentWillAppear / componentWillLeave
  5. axe-z

    React and GSAP

    All the exemples are driving me nuts, been reading for 12 hours, and i'm still nowhere to getting this to work, the previous exemple does not work with react V16 , and IT needs react-transition-group but it has changed too, anyone with a solution ?? React is not a small player , this should be somewhere here in the docs.
  6. RomanHoefner you are totally right, I was using handbreak, and I had issues like that , changed to a properly compressed file and everything is ok now.
  7. Im sorry to everyone that helped me, the problem for performance was mainly because of the compression software I use ... ( handbreak) ... What software do you use ?? I do not like to use online solution ... Handbreak is very good to acheive amazing result, and my license for Adobe media encoder is over and done..
  8. There is hope !!!! var start = null; var video = $("video").get(0); video.addEventListener('loadedmetadata', function() { console.log(video.duration); }); function frames(timestamp) { var progress; if (start === null) start = timestamp; progress = timestamp - start; video.currentTime = video.currentTime += 0.03; if (progress < 5965) { requestAnimationFrame(frames); } } requestAnimationFrame(frames);
  9. I have better results with video.playbackRate = -1.0; but this does not work with chrome.... ( it is NOT supported) , and setinterval with video.currentTime = +=0.1. I am a newb only with gsap. Thanks for all your help. this forum is full of great helping people. wow. this helps me with the hurt. . It seems I can not live without the canvas.
  10. I did that (preloaded / settimeouts.., reducing my hd files to 140k) , and I'm working with a local file on a crasy fast ssd. .
  11. My real problem is not with chrome anymore. but thanks ! I did understand an know all of this. I should have said before. It is just not fluid at all. On chrome, safari , ff, etc...
  12. With everything you can do with three,js and here with gsap, it is very painfull to understand that you can not do this simple thing ( without major frames skipping ) .
  13. I do know about that , but mp4 should be working with chrome, it does, if no action is set . anyways, performance when rewinding is really really poor, skipping a bunch of frames. Thought about going with a setinterval, each 24, by animating the .playbackRate , as it is supposed to work, again , big fail. very frustrated right now .. I use to do this in flash around 6 years ago, when h264 came out.
  14. It works in ff, and safari, did not try opera. I have no plugins for chrome, and the last version ... well I had a sniffer for gsap, but once removed, it still does not work on my end .. weird. on mac that is. I guess that is my problem, but I noticed console.log(video.duration) == NaN ...console.dir(video) . if I scroll down to duration, I see a number.. This happens only on chrome. Obvioulsly the demo on codepen is not what i'm trying to do, h264 is SO good for compression, wished we could use it more. Performance is really poor on bigger video files. If only we could use video files with performance and ease. We could do so dawm much more... sorry for my poor english. Thanks for your help, you guys are great. Make the web go beyond.
  15. Thanks, but your pen, like mine, does not work in chrome that's weird.. any other way you think?? thanks for everything, nicely done for the time duration, I had an other solution, but yours is better.