2016-01-06 3 views
0

В настоящее время я занимаюсь разработкой сайта, но у меня проблема с тем, что мой эффект прокрутки видео работает правильно. Я получил код сценария Java, используя http://codepen.io/anon/pen/GxDJ.Воспроизведение HTML5 при прокрутке с ошибками javascript

/** 
* Animate stuff on scroll 
*/ 
scrollHandler: function() { 

    scroll += (target - scroll) * 0.1; 

    console.log(scroll); 

    if(delta < 0) { 
     $video[0].currentTime += (1/frameRate); 
    } 
    else { 
     $video[0].currentTime -= (1/frameRate); 
    } 

    // stop ticking 
    isTicking = false; 
} 

код отлично работает при использовании Google Video, связанном в codepen, но когда я использую свое собственное видео с моей папки сайта это действительно лаг и не выглядит хорошо на всех! Думаю, это может быть связано с частотой кадров? Я действительно не уверен, хотя. Мое текущее видео - 29,9 кадра в секунду, и я попытался настроить его в премьере, но он по-прежнему очень лаги. Моя вторая догадка заключается в том, что это может быть связано с прокруткой, потому что, когда я медленно прокручиваю страницу вниз, она вроде бы работает, но все же отстает в некоторых частях. Я действительно надеюсь, что кто-то может помочь с этим, поскольку я ударил кирпичную стену! В настоящее время я принимаю мой незавершенный сайт here, чтобы вы могли видеть, что я имею в виду о задержке. Есть ли кто-нибудь, кто знает, почему его отставание настолько плохое? Я действительно застрял, и любая помощь очень ценится!

спасибо,

Louis =)

+0

выглядит так, как будто ваше видео трудно воспроизвести. даже перескакивание с помощью поисковой панели занимает немного времени, чтобы обновить видеодисплей. возможно, mp4 позволит быстрее искать, чем webm. – dandavis

+0

Ваша ссылка на код в настоящий момент не работает. – Umopepisdn

+0

Частота кадров не может быть вашей проблемой. Настройки Sane (29.97 и т. Д.) Не могут повлиять на производительность. – Umopepisdn

ответ

0

Ok так я опустил Kbps и соответствует его видео, используемого в коде пен и теперь он работает отлично. Большое вам спасибо за вашу помощь! : D

Louis