Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Помощь с jPlayer в Wordpress

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
W1nnyPyx
Отправлено: 25 Июня, 2015 - 22:13:08
Post Id



Новичок


Покинул форум
Сообщений всего: 32
Дата рег-ции: Апр. 2014  


Помог: 1 раз(а)
Здравствуйте! помогите ответить на такой вопрос , или помочь кодом а то я не могу справится.

суть такая ,что есть музыкальный сайт и скрипт jPlayer , так вот я вывожу из админки вордпресса циклом песни , из собственного типа записи , все хорошо ,но плагин воспроизводит только первую песню , не как не могу заставить петь их все , скажем воспроизвел первую ,остальные молчат , и так все, вообщем как в вк аудиозаписи. надо что бы #jquery_jplayer_1 и #jp_container_1 у каждой песни был разный, помогите пожалуйста очень прощу....


Вот код :

Js

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. var idpls = $('.jp-jplayer').attr('id'); // получим айди , оно рандомное и выводится с помощью тега the_id
  3.   var contid = $('.play_cont').attr('id'); //тоже самое но уже для контента плеера
  4.   var musurl = $('#mspage').attr('data-text'); // сам трек
  5.  
  6.   $("#"+ idpls).jPlayer({
  7.    ready: function () {
  8.     $(this).jPlayer("setMedia", {
  9.          mp3: musurl,
  10.          oga: ""
  11.     });
  12.    },
  13.    swfPath: "/js",
  14.    supplied: "mp3,oga",
  15.                   play: function() { // При воспроизведение останавливаем остальные
  16.                    $(this).jPlayer("pauseOthers");
  17.                   },
  18.                   cssSelectorAncestor: "#"+ contid,
  19.                   wmode: "window",
  20.                   smoothPlayBar: true,
  21.                   keyEnabled: true
  22.   });
  23.  


цикл вордпресса ,html - php

PHP:
скопировать код в буфер обмена
  1.  
  2. <div class="ms_cont nt_act has_m has_t" id="mspage" title="<?PHP the_title(); ?>" data-text="<?PHP echo (get_post_meta($post->ID, 'url_music', true)); ?>">
  3. <div class="music_play">
  4.   <div class="trt_s has_t"><?PHP the_title(); ?></div>
  5.   <div id="jquery_jplayer_<?PHP the_id(); ?>" class="jp-jplayer"></div>
  6.   <div class="rel play_cont jp-audio" id="jp_container_<?PHP the_id(); ?>" >
  7.    <div class="jp-type-single">
  8.     <div class="conr_all">
  9.          <div class="jp-gui jp-interface">
  10.           <ul class="jp-controls ap_cont">
  11.            <li><a href="javascript:;" class="jp-play abs olays" tabindex="1"></a></li>
  12.            <li><a href="javascript:;" class="jp-pause abs olaysp" tabindex="1"></a></li>
  13.            <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">&#61480;</a></li>
  14.            <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">&#61478;</a></li>
  15.           </ul>
  16.           <div class="jp-progress abs">
  17.            <div class="jp-seek-bar">
  18.             <div class="jp-play-bar"></div>
  19.            </div>
  20.           </div>
  21.           <div class="jp-time-holder time abs">
  22.            <div class="jp-current-time"></div>
  23.           </div>
  24.           <div class="jp-volume-bar">
  25.            <div class="jp-volume-bar-value"></div>
  26.           </div>
  27.          </div>
  28.     </div>
  29.    </div>
  30.    <a href="<?PHP echo (get_post_meta($post->ID, 'ituns_url', true)); ?>" target="_blank" class="ituness">iTunes</a>
  31.   </div>
  32. </div>
  33. </div>
  34.  


и да , с помощью переменных в js я пытался сделать так что бы плееры были разные , но не работает все равно....
 
 Top
maragon
Отправлено: 25 Июня, 2015 - 22:34:21
Post Id



Посетитель


Покинул форум
Сообщений всего: 340
Дата рег-ции: Февр. 2011  


Помог: 2 раз(а)
Тоже как то мучался для своего детища.
посмотрел на сторону портала promodj.com, у них, когда выводишь аудиофайлы из бд, генерируешь <script></script>, в котором
CODE (javascript):
скопировать код в буфер обмена
  1. <script>player.view(id адуиозаписи, url к треку);</script>


А дальше, дело за малым.
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. var player = {
  3.       view: function(id, url){
  4.        $("#player"+ id).jPlayer({
  5.    ready: function () {
  6.     $(this).jPlayer("setMedia", {
  7.          mp3: url,
  8.          oga: ""
  9.     });
  10.    },
  11.    swfPath: "/js",
  12.    .... и т.д. курить документацию jplayer надо
  13.   });
  14.       }
  15. }


Как пример.
Писал на коленке.. Закатив глазки


-----
https://vk[dot]com/tvoycase_ru - Твой чехол со своим дизайном
 
 Top
W1nnyPyx
Отправлено: 25 Июня, 2015 - 22:40:59
Post Id



Новичок


Покинул форум
Сообщений всего: 32
Дата рег-ции: Апр. 2014  


Помог: 1 раз(а)
maragon пишет:
Тоже как то мучался для своего детища.
посмотрел на сторону портала promodj.com, у них, когда выводишь аудиофайлы из бд, генерируешь <script></script>, в котором
CODE (javascript):
скопировать код в буфер обмена
  1. <script>player.view(id адуиозаписи, url к треку);</script>


А дальше, дело за малым.
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. var player = {
  3.       view: function(id, url){
  4.        $("#player"+ id).jPlayer({
  5.    ready: function () {
  6.     $(this).jPlayer("setMedia", {
  7.          mp3: url,
  8.          oga: ""
  9.     });
  10.    },
  11.    swfPath: "/js",
  12.    .... и т.д. курить документацию jplayer надо
  13.   });
  14.       }
  15. }


Как пример.
Писал на коленке.. Закатив глазки



благодарю!!!! то есть мне в цикле вордпресса выводить тег скрипт? но ведь вроде он не обрабатывается там...
 
 Top
W1nnyPyx
Отправлено: 27 Июня, 2015 - 21:47:59
Post Id



Новичок


Покинул форум
Сообщений всего: 32
Дата рег-ции: Апр. 2014  


Помог: 1 раз(а)
помогите пожалуйста, что то не хочет работать,,, даже по коду выше.
 
 Top
W1nnyPyx
Отправлено: 03 Июля, 2015 - 20:12:00
Post Id



Новичок


Покинул форум
Сообщений всего: 32
Дата рег-ции: Апр. 2014  


Помог: 1 раз(а)
ап
 
 Top
Viper
Отправлено: 05 Июля, 2015 - 19:04:07
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
W1nnyPyx вы можете добавить класс вместо ID и пройдясь по нему циклом приаттачить плеер к нужному елементу. Либо не парить мозг и почитать http://jplayer[dot]org/latest/demo-02/


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
W1nnyPyx
Отправлено: 05 Июля, 2015 - 20:44:47
Post Id



Новичок


Покинул форум
Сообщений всего: 32
Дата рег-ции: Апр. 2014  


Помог: 1 раз(а)
Viper пишет:
W1nnyPyx вы можете добавить класс вместо ID и пройдясь по нему циклом приаттачить плеер к нужному елементу. Либо не парить мозг и почитать http://jplayer.org/latest/demo-02/



спасибо! но там идет плейлист ,а у меня каждый трек - это новый плеер вот в чем беда, да и как сделать с классами что бы работало я не знаю увы...
 
 Top
Viper
Отправлено: 05 Июля, 2015 - 21:09:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
У вас уже есть класс jp-jplayer.

Тогда как-то так
CODE (javascript):
скопировать код в буфер обмена
  1. $.each($('.jp-jplayer'), function(i, obj){
  2.         var _this = $(obj);
  3.         var player_id = _this.attr('id'),
  4.                 player_el = _this.next('.play_cont'),
  5.                 url = _this.closest('.ms_cont').attr('data-text');
  6.  
  7.         $(player_id).jPlayer({
  8.                 ready: function(){
  9.                         _this.jPlayer('setMedia', {
  10.                                 mp3: url,
  11.                                 oga: ''
  12.                         });
  13.                 },
  14.                 swfPath: '/js',
  15.                 supplied: 'mp3, oga',
  16.                 play: function(){
  17.                         _this.jPlayer('pauseOthers');
  18.                 },
  19.                 cssSelectorAncestor: '#' + player_el.attr('id'),
  20.                 wmode: 'window',
  21.                 smoothPlayBar: true,
  22.                 keyEnabled: true
  23.         });
  24. });


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
W1nnyPyx
Отправлено: 05 Июля, 2015 - 21:42:49
Post Id



Новичок


Покинул форум
Сообщений всего: 32
Дата рег-ции: Апр. 2014  


Помог: 1 раз(а)
спасибо громадное! обязательно попробую сделать по Вашему коду
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB