Geek Answers Handbook

Has anyone had success with a large image, translation / animation on a Chromecast?

I tried several css animations to move a large image up and down the screen while playing music. I did not find changes in speed, distance, etc., which led to a smooth transition.

+4
source share
3 answers

Remember that your Chromecast

  • has limited resources (both processor and memory)
  • has an abbreviated version of chrome

As a result, you will not be able to make many bizarre transitions / translations that you otherwise could do on the desktop or in performance (as far as it is smoothed) would not be what you would like even more so if you play on media at the same time.

+2

"" "" Chromecast Chrome, , 100 . , 1/10 ! (CSS, JQuery ..) .

, CSS JQuery(). , .

, Google Chromecast, Chromecast, , .

+1

, , DIV, . html, css , GIF. , , , , , transform: translate() CSS . CSS top, .

, , HTML:

<body>
    <div>
        ... Main content ...
    </div>
    <div id="overlay">
        ... Overlay content here ...
    </div>
</body>

CSS:

#overlay {
    position: absolute;
    top: 25px;
    left: 50px;
    width: 1180px;
    height: 670px;
    transition: all 1s;
    transform: rotate(-2deg) translateY(750px);
}

#overlay.active {
    transform: rotate(-2deg) translateY(0);
}

That being said, everything I do in my javascript turns the class on and off activeto make the overlay show and hide. I can’t get the timeline debugger to work with remote chrome, so I don’t know exactly what FPS is, but it objectively feels at least 30 frames per second. It definitely seems smooth. Hope this helps.

+1
source

More articles:


All Articles