Я только что установил soundmanager2 на свой сайт. Поскольку мой сайт содержит различные mp3-ссылки, я решил использовать встроенный проигрыватель sm2, который ищет mp3-файлы на странице и заменяет их экземплярами встроенного проигрывателя. Теперь плеер работает, и я хотел бы добавить индикатор выполнения.
Я нашел см2-решение для индикатора выполнения по ссылке ниже, но по какой-то причине это решение у меня не работает. Панель появляется, но прогресс не отображается: Как добавить песню индикатор выполнения в SoundManager2?
Вы можете увидеть плеер с индикатором выполнения, который не работает, здесь: http://goo.gl/oD90Oj/< /а>.
Любая помощь будет принята с благодарностью!
Мой см2 звонок:
var inlinePlayer = null;
soundManager.setup({
// disable or enable debug output
debugMode: false,
// use HTML5 audio for MP3/MP4, if available
preferFlash: false,
useFlashBlock: true,
waitForWindowLoad: true,
// path to directory containing SM2 SWF
url: '../js/soundmanagerv2/swf/',
// optional: enable MPEG-4/AAC support (requires flash 9)
flashVersion: 9
});
// ----
soundManager.onready(function() {
// soundManager.createSound() etc. may now be called
inlinePlayer = new InlinePlayer();
});
// Setup progress bar width
soundManager.whileplaying(function() {
jQuery(".progBar").css('width', ((this.position/this.duration) * 100) + '%');
});
// Reset progress bar after play
soundManager.onfinish(function() {
jQuery(".progBar").css('width', '0');
});
Мой CSS:
/* Style Progress Bar */
.progBarWrap {
background-color: #ccc;
height: 10px;
margin-top: 10px;
position: relative;
width: 100%;
}
.progBar {
width: 0;
background-color: #222;
height:10px;
}