РЕШЕНО: Инициализация скрипта MiniAudioPlayer. Нужна помощь

Главные вкладки

Аватар пользователя sonata.master sonata.master 7 февраля 2014 в 9:47

Нужно реализовать данный вордпрессовский плеер - wp-miniaudioplayer, работающий на базе jplayer - на друпал.
Закинула папку с модулем (без изменений) в папку темы своего друпал-сайта, в инфофайл включила скрипты - jquery.jplayer.min.js и jquery.mb.miniPlayer.js, и css - miniplayer.css. В html.tpl.php вставила скрипт инициализации плеера...

        <script type="text/javascript">

    function initializeMiniAudioPlayer(){
         jQuery("a[href*='.mp3'] ,a[href*='.m4a']").not(".map_excluded").mb_miniPlayer({
                                inLine:true,
                width:"200",
                                skin:"blue",
                                animate:true,
                                volume:.2,
                                autoplay:false,
                                showVolumeLevel:true,
                                showTime:true,
                                id3:true,
                                showRew:true,
                                downloadable:true,
                                downloadPage:"http://music-fantasy.org/sites/all/themes/mayo/custom/wp-miniaudioplayer...,
                                swfPath:"http://music-fantasy.org/sites/all/themes/mayo/custom/wp-miniaudioplayer...
                });
    }

        jQuery(function(){
          initializeMiniAudioPlayer();
          jQuery(document).ajaxSuccess(function(event, xhr, settings) {
                initializeMiniAudioPlayer();
          });
        });
        </script>

Но плеер толком не выводится. Частично какие-то функции подхватываются - ссылка на аудиофайл скрывается и выводится часть кода плеера, но не весь. Вот что должно выводиться (выводится в wordpress):

<p><a href="http://it-memo.net/wp-content/uploads/2014/02/okudjava-nastoyashih-ludey... style="display: none;">Окуджава. Настоящих людей так немного</a><div id="mp_1391749848064" isplaying="false" tabindex="1" class="mbMiniPlayer blue shadow" style="display: inline-block; vertical-align: middle;"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td style="-moz-user-select: none;" unselectable="on"><span class="map_volume mute" style="opacity: 1;">Vm</span></td><td style="-moz-user-select: none; display: none;" unselectable="on"><span class="map_volumeLevel" style="width: 1px;"><a style="opacity: 0.1; height: 80%; width: 2px;" class=""></a><a style="opacity: 0.1; height: 80%; width: 2px;" class=""></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a><a style="opacity: 0.1; height: 80%; width: 2px;"></a></span></td><td style="-moz-user-select: none; display: none;" unselectable="on" class="map_controlsBar"><div class="map_controls" style="display: block; height: 20px; width: 1px;"><span class="map_title">Окуджава. Настоящих людей так немного</span><div class="jp-progress"><div class="jp-load-bar" id="loadBar_mp_1391749848064" style="width: 100%;"><div class="jp-play-bar" id="playBar_mp_1391749848064" style="width: 27.7842%;"></div></div></div></div></td><td style="-moz-user-select: none; display: none;" unselectable="on"><span class="map_time" style="width: 1px;" title="00:45">00:12</span></td><td style="-moz-user-select: none; display: none;" unselectable="on"><span class="map_rew" style="width: 1px; opacity: 1;">R</span></td><td style="-moz-user-select: none;" unselectable="on"><span class="map_play" style="opacity: 1;">P</span></td></tr></tbody></table><span class="map_download" style="display: inline-block; cursor: pointer;" title="download: okudjava-nastoyashih-ludey-tak-nemnogo">d</span></div></p>  

Скришшот окна фаербага:

и что выводится в друпал:

<p><a title="Окуджава. Настоящих людей так немного" href="/files/audio/okudjava-nastoyashih-ludey-tak-nemnogo.mp3" style="display: none;">Окуджава. Настоящих людей так немного</a><div id="mp_1391749679263" isplaying="false" tabindex="1" class="mbMiniPlayer blue shadow" style="display: inline-block; vertical-align: middle;"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table></div></p>

Скриншот окна фаербага:

Середина кода теряется, в итоге при сохранении материала выводится маленький белый квадратик...

Я так понимаю, что код инициализации для друпала нужно изменить, но не знаю как, пробовала множество разных вариантов, ни один не работает должным образом. Очень прошу помощи у гуру и/или тех, кто сталкивался с подобным!

ВложениеРазмер
Иконка изображения screenshot-wordpress.png31.12 КБ
Иконка изображения screenshot-drupal-7.png14.91 КБ

Комментарии

Аватар пользователя EvgenySorokin EvgenySorokin 7 февраля 2014 в 11:13

Консоль фаербага и логи смотрите. Не уверен, что правильно вставлять в html.tpl.php такие полотна, попробуйте в отдельный js вынести.

jquery надеюсь подключен?

Аватар пользователя sonata.master sonata.master 7 февраля 2014 в 19:13

"Garin33" wrote:
jquery надеюсь подключен?

Разумеется Smile

"Garin33" wrote:
Не уверен, что правильно вставлять в html.tpl.php такие полотна, попробуйте в отдельный js вынести.

Пробовала, вообще не работает, даже то что есть сейчас - не выводится - только ссылка на файл.

Фаербаг молчит, как и логи. Увы...