Панель проги Flowplayer работает на полную мощность - PullRequest
Новая
       9

Панель проги Flowplayer работает на полную мощность

0 голосов
/ 20 января 2012

Я использую flowplayer с плагинами Javascript для моего сайта на основе mp3-файлов. Теперь все работает, кроме индикатора и буферизации. Div буфера имеет ширину 451px, так как мой трек div получил пользовательскую ширину (я дал в CSS) 903px. Когда я нажимаю на кнопку воспроизведения, div будет становиться на всю ширину 451 пикселей. Нет проблем с воспроизведением. Когда я предоставляю продолжительность, скажем, 402 или что-то, тогда индикатор выполнения и точка воспроизведения начинают двигаться от начальной точки по желанию. Поэтому я думаю, что это может быть проблема с вычислением продолжительности mp3 файла. Пожалуйста, дайте мне знать, как это можно исправить. Мой код такой 

<div id="audio" style="display:block;height: 0px;visibility: hidden"></div>
<div id="footer" class="footer"></div>

window.onload = function(){

$f("audio", "swf/flowplayer-3.2.7.swf", {

    // don't start automatically

    clip: {
        autoPlay: false,
        autoBuffering: true,
        duration:430,
        baseUrl: 'http://localhost/gaanaOnline/gaanaonline',
         onFinish: function() {
            setTimeout('player_next()',100);
        }
    },

    onLoad: function() {

        load_clips();
    },
    // disable default controls
    plugins: {
        audio: {
            url: 'swf/flowplayer.audio-3.2.2.swf'
        },
        controls: null

    }

// install HTML controls inside element whose id is "hulu"
}).controls("footer", {

    // CSS class name for the playhead
    playHeadClass: 'playhead',

    // CSS class name for the track
    trackClass: 'track',

    // CSS class name for the playhead when in a playing state
    playClass: 'play',

    // CSS class name for the playhead when in a paused state
    pauseClass: 'pause',

    // CSS class name for the buffer bar
    bufferClass: 'buffer',

    // CSS class name for the progress bar
    progressClass: 'progress',

    // CSS class name for the time display
    timeClass: 'time',

    // CSS class name for mute button
    muteClass: 'mute',

    // CSS class name for the unmute button
    unmuteClass: 'unmute',

    // a default duration for the time display in seconds
    duration: 0
});
};

Если это проблема с продолжительностью mp3-файла, пожалуйста, посоветуйте мне, как рассчитать его в JS и передать в плеер.

РЕДАКТИРОВАТЬ: я добавил скриншот ниже: Customized Player

...