Помогите подкорректировать плеер... - HTML и CSS

TeleSky · 25.03.2014, 09:54

Здравствуйте, помогите пожалуйста подкорректировать плеер, чтобы воспроизводил из указанного места и звук работал! Вот здесь http://test.nemogy.ru/player/demo_2/audioplayer.html пытался делать но возникает ошибка, помогите поправить! Как можно заметить сам плеер с сайта podfm.ru хотелось бы попробовать использовать сам внешний вид плеера...

ATL · 25.03.2014, 17:20

Если Вы используете Chrome или Firefox, то можно нажать F12, обновить вашу страницу и увидеть во вкладке "Console":
TypeError: settings is null файл single-player-v7.js (строка 46)

PHP код:


			
46| url: settings.rssUrl,

Пару строчек выше код:

PHP код:


			
var settings = $jPlayerElement.data('pfSettings');

Здесь в переменную settings ничего не присвоилось, соответственно от пустоты нельзя взять свойство rssUrl. И все последующие тоже. Разберитесь с тем, что приходит в эту функцию.

TeleSky · 25.03.2014, 19:50

Спасибо! Я пробовал перестраивать плеер "podfm" так что бы воспроизведение *.mp3 было с нашего хостинга, но немного в каком-то моменте не получается!
Да сам плеер загружается без проблем с нашего хостинга http://www.test.nemogy.ru/player/test/#, а вот воспроизвести музыку так же с хостинга не получается... Наверное проблемой является его постоянная ссылка на файл *.xml ... Сам код страницы указан ниже:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery.tools-1.2.7-all.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery.cookie-1.3.1.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery.bind-first-0.2.0.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jplayer-2.2.0/jquery.jplayer.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/player/single-player-v7.js"></script>

<link rel="stylesheet" type="text/css" href="http://test.nemogy.ru/player/test/css/player_export.css" />

<title>Тест плеера...</title>
</head>

<body>

<div class="podcast">

<div class="jp-jplayer" id="jquery_jplayer_single_53318acc8 681a" style="width: 0px; height: 0px;"><img id="jp_poster_0" style="width: 0px; height: 0px; display: none;"><object width="1" height="1" id="jp_flash_0" data="http://test.nemogy.ru/player/test/js/jplayer-2.2.0/Jplayer.swf" type="application/x-shockwave-flash" style="width: 0px; height: 0px;" dmmmid="music_1"><param name="flashvars" value="jQuery=jQuery&id=jquery_ jplayer_single_53318acc8681a&vo l=0.5&muted=false"><param name="allowscriptaccess" value="always"><param name="bgcolor" value="#000000"><param name="wmode" value="window"></object></div>
<div>
<div class="jp-container" id="jp_container_single_53318acc868 1a" style="width: 450px;">
<div class="jp-type-single">
<div class="jp-gui jp-interface">
<div class="jp-progress" title="">
<div class="jp-seek-bar jp-seek-gray-color" style="width: 100%;">
<div class="jp-play-bar jp-slider-bar" style="width: 8.12797%;"></div>
<div class="jp-seek-bar-html jp-slider-bar jp-seek-gray-color"></div>
</div>
</div>
<div class="jp-ui-list">
<div class="jp-ui-list-item">
<ul class="jp-controls">
<li><a class="jp-play" href="#" style="display: block;">play</a></li>
<li><a class="jp-pause" href="#" style="display: none;">pause</a></li>
</ul>
</div>

<div style="min-width: 22px;" class="jp-ui-list-item">
<span class="jp-volume-icon-indicator" style="background-position: 0px 58%;"></span>
<span class="jp-volume-icon"></span>
<div class="jp-volume-bar-container" style="display: none;">
<div class="jp-volume-bar">
<div class="jp-volume-bar-value jp-slider-bar" style="width: 50%;"></div>
</div>
</div>
</div>

<div class="jp-ui-list-item-devfree jp-ui-list-item-text">
<div class="jp-time-holder">
<div class="jp-current-time"></div>
<div class="jp-time-divider">/</div>
<div class="jp-duration"></div>
</div>
</div>
</div>
<a title="Портал Не могу.ру" target="_blank" href="http://test.nemogy.ru" class="jp-logo"></a>
</div>
</div>
</div>
</div>

<script>
var id = "53318acc8681a";
var playerContainer = $("#jp_container_single_"+id);
var playerInstance = $("#jquery_jplayer_single_"+id);
$(function() {
var settings = {
rssUrl: "http:\/\/hamsterman.podfm.ru\/my\/4\/rss.xml",
timeOut: 0,
downloadUrl: "#",
listenUrl: "#",
fileTimeLength: "00:00",
advertUrl: 'http://test.nemogy.ru/uf/audio/interviews_with_businessmen.mp3',
noDownload: true ,channel: "podfm",
};
$.pfInitSinglePlayer(id, settings, 'http://test.nemogy.ru/player/test/js/jplayer-2.2.0/', "test.nemogy.ru");
});
</script>


</div>

</body>
</html>

Подскажите пожалуйста, можно как-нибудь его перестроить, чтобы воспроизводил музыку с хостинга!? Возможно это будет зависеть от файлов JS или от самого файла *.xml ... Спасибо!

Naive · 26.03.2014, 14:21

по всей видимости, тебе надо запилить свой плэй-лист в формате xml, это трабл флеша

TeleSky · 27.03.2014, 07:16

Скачал файл *.xml его содержание:

Код HTML:

<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:podfm="http://podfm.ru/RSS/extension" version="2.0">
            <channel>
<atom:link href="http://hamsterman.podfm.ru/my/4/rss.xml" type="application/rss+xml" rel="self">
</atom:link>
<itunes:owner>
<itunes:email>info@podfm.ru</itunes:email>
</itunes:owner>
<language>ru-ru</language>
<itunes:explicit>no</itunes:explicit>
<image>
<url>http://files.podfm.ru/img/empty_l_b.png</url>
<title>Личная лента</title>
<link>http://hamsterman.podfm.ru/my/</link>
</image>
<itunes:image href="http://files.podfm.ru/img/empty_l_b.png">
<itunes:url>http://files.podfm.ru/img/empty_l_b.png</itunes:url>
<itunes:link>http://hamsterman.podfm.ru/my/</itunes:link>
</itunes:image>
<link>http://hamsterman.podfm.ru/my/</link>
<title>Личная лента</title>
<description>
</description>
<itunes:summary>
</itunes:summary>
<itunes:author>Hamsterman</itunes:author>
<category>Дневники</category>
<lastBuildDate>Tue, 25 Mar 2014 18:50:31 +0400</lastBuildDate>
<item>
<title>Как создавался Instalook.ru (4) </title>
<link>http://hamsterman.podfm.ru/my/4/</link>
<guid>http://hamsterman.podfm.ru/my/4/</guid>
<pubDate>Sat, 02 Mar 2013 13:28:00 +0400</pubDate>
<description>&lt;table width="100%"&gt;&lt;tr&gt;&lt;td&gt;&lt;div style="float:left;width:235px;"&gt;&lt;table cellpadding=0 cellspacing=0&gt;&lt;tr&gt;&lt;td style="border-bottom:0px;"&gt;&lt;img src="http://file2.podfm.ru/6/64/641/6415/images/pod_4.jpg?2" &gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;Макеты сайта будут выложены позже&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</description>
<enclosure url="http://hamsterman.podfm.ru/my/4/file/podfm_hamsterman_my_4.mp3?channel=rss" length="14066572" type="audio/mpeg"/>
<itunes:author>Hamsterman</itunes:author>
<itunes:summary>Макеты сайта будут выложены позже</itunes:summary>
<itunes:duration>879</itunes:duration>
<itunes:explicit>no</itunes:explicit>
<itunes:image href="http://file2.podfm.ru/6/64/641/6415/images/pod_4_or.jpg">
</itunes:image>
<podfm:nodownload>no</podfm:nodownload>
<podfm:downloadCount>19</podfm:downloadCount>
</item>
</channel>
</rss>

пробовал все менять, даже файл изменял, но не помогает... Все равно почему-то воспроизводит один и тот же файл расположенный не на нашем хостинге!?
Еще как заметил в скрипте есть такая строка:

var id = "53318acc8681a";

и этот номер часто используется, может это является причиной!? Можно ли от нее как-то избавиться!? Спасибо!

25.03.2014, 09:54	#1
TeleSky Пользователь Регистрация: 02.01.2009 Сообщений: 41	Помогите подкорректировать плеер... Здравствуйте, помогите пожалуйста подкорректировать плеер, чтобы воспроизводил из указанного места и звук работал! Вот здесь http://test.nemogy.ru/player/demo_2/audioplayer.html пытался делать но возникает ошибка, помогите поправить! Как можно заметить сам плеер с сайта podfm.ru хотелось бы попробовать использовать сам внешний вид плеера... Последний раз редактировалось TeleSky; 25.03.2014 в 09:57.

25.03.2014, 17:20	#2
ATL Форумчанин Регистрация: 26.01.2007 Сообщений: 278	Если Вы используете Chrome или Firefox, то можно нажать F12, обновить вашу страницу и увидеть во вкладке "Console": TypeError: settings is null файл single-player-v7.js (строка 46) PHP код: `46\| url: settings.rssUrl,` Пару строчек выше код: PHP код: `var settings = $jPlayerElement.data('pfSettings');` Здесь в переменную settings ничего не присвоилось, соответственно от пустоты нельзя взять свойство rssUrl. И все последующие тоже. Разберитесь с тем, что приходит в эту функцию.

26.03.2014, 14:21	#4
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	по всей видимости, тебе надо запилить свой плэй-лист в формате xml, это трабл флеша Alar, верни репу!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Подкорректировать программу,паскаль	Карина Т_Т	Помощь студентам	6	13.03.2014 22:43
подкорректировать программу	lexa_7up	Паскаль, Turbo Pascal, PascalABC.NET	9	24.12.2011 15:54
Файли. Подкорректировать	Anna1993	Общие вопросы C/C++	4	24.05.2011 10:50
нужно подкорректировать!	Dilmur	Паскаль, Turbo Pascal, PascalABC.NET	0	10.06.2010 21:24
Подкорректировать программу	wrmarw	Паскаль, Turbo Pascal, PascalABC.NET	5	04.05.2010 14:06

25.03.2014, 19:50	#3
TeleSky Пользователь Регистрация: 02.01.2009 Сообщений: 41	Спасибо! Я пробовал перестраивать плеер "podfm" так что бы воспроизведение .mp3 было с нашего хостинга, но немного в каком-то моменте не получается! Да сам плеер загружается без проблем с нашего хостинга http://www.test.nemogy.ru/player/test/#, а вот воспроизвести музыку так же с хостинга не получается... Наверное проблемой является его постоянная ссылка на файл .xml ... Сам код страницы указан ниже: <!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery-migrate-1.1.1.min.js"></script> <script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery.tools-1.2.7-all.min.js"></script> <script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery.cookie-1.3.1.js"></script> <script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jquery.bind-first-0.2.0.min.js"></script> <script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/jplayer-2.2.0/jquery.jplayer.min.js"></script> <script type="text/javascript" charset="UTF-8" src="http://test.nemogy.ru/player/test/js/player/single-player-v7.js"></script> <link rel="stylesheet" type="text/css" href="http://test.nemogy.ru/player/test/css/player_export.css" /> <title>Тест плеера...</title> </head> <body> <div class="podcast"> <div class="jp-jplayer" id="jquery_jplayer_single_53318acc8 681a" style="width: 0px; height: 0px;"><img id="jp_poster_0" style="width: 0px; height: 0px; display: none;"><object width="1" height="1" id="jp_flash_0" data="http://test.nemogy.ru/player/test/js/jplayer-2.2.0/Jplayer.swf" type="application/x-shockwave-flash" style="width: 0px; height: 0px;" dmmmid="music_1"><param name="flashvars" value="jQuery=jQuery&id=jquery_ jplayer_single_53318acc8681a&vo l=0.5&muted=false"><param name="allowscriptaccess" value="always"><param name="bgcolor" value="#000000"><param name="wmode" value="window"></object></div> <div> <div class="jp-container" id="jp_container_single_53318acc868 1a" style="width: 450px;"> <div class="jp-type-single"> <div class="jp-gui jp-interface"> <div class="jp-progress" title=""> <div class="jp-seek-bar jp-seek-gray-color" style="width: 100%;"> <div class="jp-play-bar jp-slider-bar" style="width: 8.12797%;"></div> <div class="jp-seek-bar-html jp-slider-bar jp-seek-gray-color"></div> </div> </div> <div class="jp-ui-list"> <div class="jp-ui-list-item"> <ul class="jp-controls"> <li><a class="jp-play" href="#" style="display: block;">play</a></li> <li><a class="jp-pause" href="#" style="display: none;">pause</a></li> </ul> </div> <div style="min-width: 22px;" class="jp-ui-list-item"> <span class="jp-volume-icon-indicator" style="background-position: 0px 58%;"></span> <span class="jp-volume-icon"></span> <div class="jp-volume-bar-container" style="display: none;"> <div class="jp-volume-bar"> <div class="jp-volume-bar-value jp-slider-bar" style="width: 50%;"></div> </div> </div> </div> <div class="jp-ui-list-item-devfree jp-ui-list-item-text"> <div class="jp-time-holder"> <div class="jp-current-time"></div> <div class="jp-time-divider">/</div> <div class="jp-duration"></div> </div> </div> </div> <a title="Портал Не могу.ру" target="_blank" href="http://test.nemogy.ru" class="jp-logo"></a> </div> </div> </div> </div> <script> var id = "53318acc8681a"; var playerContainer = $("#jp_container_single_"+id); var playerInstance = $("#jquery_jplayer_single_"+id); $(function() { var settings = { rssUrl: "http:\/\/hamsterman.podfm.ru\/my\/4\/rss.xml", timeOut: 0, downloadUrl: "#", listenUrl: "#", fileTimeLength: "00:00", advertUrl: 'http://test.nemogy.ru/uf/audio/interviews_with_businessmen.mp3', noDownload: true ,channel: "podfm", }; $.pfInitSinglePlayer(id, settings, 'http://test.nemogy.ru/player/test/js/jplayer-2.2.0/', "test.nemogy.ru"); }); </script> <!--end div podcast--> </div> </body> </html> Подскажите пожалуйста, можно как-нибудь его перестроить, чтобы воспроизводил музыку с хостинга!? Возможно это будет зависеть от файлов JS или от самого файла *.xml ... Спасибо!