Re: [Cin] UPD: Re: Video background on CinGG website eats CPU ...

2 Nov 2019


      Thanks for all the clues.
For performance reasons I deactivated this effect video and replaced it 
with a simple image. I will try the previous effect elsewhere at a later 
time, with the right corrections. Currently the fast page loading is 
more important and a usable download page. With this change you should 
have no more problems with too high CPU usage.

Sam

On 02.11.19 15:47, Andrew Randrianasulu wrote:
...
Well, I hope Sam will find this info useful (myself is not a dev for adding  this to webpage/locally):
https://gist.github.com/cferdinandi/9044694
"simple method to stop YouTube, Vimeo, and HTML5 videos from playing."
https://gomakethings.com/stopping-youtube-vimeo-and-html5-videos-with-javasc...
basically the same but without comments. sometimes comments useful .....
/**
    * Stop an iframe or HTML5 <video> from playing
    * @param  {Element} element The element that contains the video
    */
   var stopVideo = function ( element ) {
           var iframe = element.querySelector( 'iframe');
           var video = element.querySelector( 'video' );
           if ( iframe ) {
                   var iframeSrc = iframe.src;
                   iframe.src = iframeSrc;
           }
           if ( video ) {
                   video.pause();
           }
   };
--------------
and further in comments
===========
Copy link
  Luminicus  commented Sep 23, 2019
Good idea, but how can I call the function on click to pause all iframe > videos on the page (without ID of every iframe) ?
@cferdinandi
  Copy link
  Owner  Author
  cferdinandi  commented Sep 24, 2019
@Luminicus This outta do it.
/**
  * Stop all iframes or HTML5 <video>'s from playing
  */
var stopVideos = function () {
         var videos = document.querySelectorAll('iframe, video');
         Array.prototype.forEach.call(videos, function (video) {
                 if (video.tagName.toLowerCase() === 'video') {
                         video.pause();
                 } else {
                         var src = video.src;
                         video.src = src;
                 }
         });
};
============
but may be you already figured this out. I usually check git, not website itself :}
----------  Пересланное сообщение  ----------
Тема: Re: [Cin] Video background on CinGG website eats CPU ...
Дата: Пятница 01 ноября 2019
Отправитель: Andrew Randrianasulu <[email protected]>
Получатель:  "Cinelerra.GG" <[email protected]>
В сообщении от Friday 01 November 2019 13:29:04 Andrea paz написал(а):
...
Your information and tests are always interesting, thanks also for the
link. I also noticed a great CPU usage watching the video of the site.
In total, with "top", we are around 90%, of which 30-40% of GPUs that
do not know what it means (I have enabled hardware acceleration in
Firefox).
yes, I also have layers.acceleration.force-enabled enabled in Seamonkey, but this only accelerates in-browser compositing, IIRC
...
But I have the same results watching the same video on Youtube:
https://www.youtube.com/watch?v=SzP2o2OJ90g
And the same results from watching any video on Youtube.
Does it turn out to you too?
Yeah, 200%+ of CPU according to top :}
Video in avc1 (h264), so may be Chrome (and/or Firefox on windows?) actually use
hw acceleration for *decoding* it, so effect not very notieceable ....
https://bugzilla.mozilla.org/show_bug.cgi?id=1210727
-------------------------------------------------------