Событие Flowplayer, когда буферизация заканчивается - PullRequest
0 голосов
/ 23 февраля 2012

Я использую flowplayer для воспроизведения видео MP4 на веб-сайте с сервера NGinx с потоковым плагином H264 и псевдопотокового плагина для Flowplayer.Все работает нормально.

Я реализовал несколько функций javascript для глубокой связи с видео с помощью метода $ f (). Seek (), который также отлично работает.

Вот моя проблема:когда пользователь ищет определенное место в видео, мне нужно отключить некоторые элементы на странице, чтобы он или она не нажимали больше раз, что блокировало синхронизацию.Затем я хочу снова включить те же элементы, когда видео начинает воспроизводиться снова.

Этот код отключает элементы и помещается в событие нажатия некоторых кнопок.Просто: $('.cur-left, .cur-right, .book-temps').hide('fast');

Этот код включает их: $('.cur-left, .cur-right, .book-temps').show('fast');

Я не могу найти место для размещения моего кода «повторного включения», так как при воспроизведении видео не происходит никаких событий.возобновляет воспроизведение после буферизации после поиска.

Любой совет относительно неизвестного совпадения события или хитрости, чтобы соответствовать ему каким-либо другим способом, был бы не оценен.

Спасибо за чтение.

1 Ответ

1 голос
/ 24 февраля 2012

Вам нужно обработать событие onBufferFull:

<!-- player container  -->
<a href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv" id="player"
    style="display:block;width:425px;height:300px"> 

    <!-- .. with a splash image -->
    <img src="http://static.flowplayer.org/img/home/flow_eye.jpg" alt="Search engine friendly content" /> 
</a>
<div id="info">
</div>

и скрипт:

$(function(){
    var info = document.getElementById("info");

    flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {

        // this will enable pseudostreaming support 
        plugins: { 
            pseudo: { url: 'flowplayer.pseudostreaming-3.2.7.swf' } 
        },

        // listen to following clip events 
        clip: {        
            // make this clip use pseudostreaming plugin with "provider" property
            provider: 'pseudo',                

            // all videos under this baseUrl support pseudostreaming on the server side        
            url: 'http://pseudo01.hddn.com/vod/demo.flowplayervod/Extremists.flv'            
        },

        onBufferFull: function() {
           info.innerHTML += "buffer full<br/>";
        }                        

    });    
});

См. Пример здесь

...