我正在使用带有Javascript插件的flowplayer为我的基于mp3文件的网站。现在一切正常,除了进度条和缓冲。缓冲区div的宽度只有451px,因为我的轨道div获得了903px的自定义宽度(我在CSS中给出)。当我点击播放按钮时,进度div的全宽为451px。播放没有问题。当我提供持续时间为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中计算它并提供给播放器。
编辑:我已添加以下截图: