Fatal编程技术网
  • jquery/
  • Jquery RSS提要问题。如何传递html5音频标签？

Jquery RSS提要问题。如何传递html5音频标签？

jquery html rss

Jquery RSS提要问题。如何传递html5音频标签？,jquery,html,rss,iphone-standalone-web-app,Jquery,Html,Rss,Iphone Standalone Web App,我有一个使用Drupal视图创建的提要，我正在使用RSS将其传递给HTML5Web应用程序 在web应用程序中，我有三个单独的提要用于三个单独的页面。除了其中一个包含HTML5音频标签外，它们都工作得很好 我尝试过各种不同的系统，都给出了相同的输出、标题、正文，但没有音乐播放器。我知道音乐播放器正在通过，因为如果我将feed插入GoogleFeedburner，那么所有内容都会完美显示，包括音乐播放器 提要应为： 以下是正在生成的xml： <?xml version="1.0" encod

我有一个使用Drupal视图创建的提要，我正在使用RSS将其传递给HTML5Web应用程序

在web应用程序中，我有三个单独的提要用于三个单独的页面。除了其中一个包含HTML5音频标签外，它们都工作得很好

我尝试过各种不同的系统，都给出了相同的输出、标题、正文，但没有音乐播放器。我知道音乐播放器正在通过，因为如果我将feed插入GoogleFeedburner，那么所有内容都会完美显示，包括音乐播放器

提要应为：

以下是正在生成的xml：

<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="http://logan-net.com/demos12354688532" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/"          xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#">
  <channel>
  <title>demos</title>
  <link>http://logan-net.com/demos12354688532</link>
  <description></description>
  <language>en</language>
      <item>
<title>Make It Happen</title>
<link>http://logan-net.com/node/33</link>
<description>&lt;div class=&quot;field field-name-body field-type-text-with-summary field-label-hidden&quot;&gt;&lt;div class=&quot;field-items&quot;&gt;&lt;div class=&quot;field-item even&quot; property=&quot;content:encoded&quot;&gt;&lt;p&gt;One of the first songs in the new batch of demos recorded by Kenny and Mick.&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;

 &lt;p&gt;&lt;audio controls=&quot;controls&quot;&gt;&lt;br /&gt;&lt;source src=&quot;http://logan-net.com/sites/default/files/Make%20It%20Happen.mp3&quot; type=&quot;audio/mp3&quot;&gt;&lt;/source&gt;&lt;/audio&gt;&lt;/p&gt;
 &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
 <pubDate>Tue, 20 Nov 2012 23:01:30 +0000</pubDate>
 <dc:creator>admin</dc:creator>
  <guid isPermaLink="false">33 at http://logan-net.com</guid>
  </item>
  </channel>
  </rss>
下面是来自提要源的HTML：

   <audio controls="controls">
    <source src="http://logan-net.com/sites/default/files/Make%20It%20Happen.mp3" type="audio/mp3"></source></audio>

<html class="no-js" xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->

<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <meta charset="utf-8" />

  <title>Logan</title>
  <meta name="description" content="" />
  <meta name="HandheldFriendly" content="True" />
  <meta name="MobileOptimized" content="320" />
  <meta name="viewport" content="width=device-width" />
  <meta http-equiv="cleartype" content="on" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href=
  "img/touch/apple-touch-icon-144x144-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href=
  "img/touch/apple-touch-icon-114x114-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href=
  "img/touch/apple-touch-icon-72x72-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" href=
  "img/touch/apple-touch-icon-57x57-precomposed.png" />
  <link rel="shortcut icon" href="img/touch/apple-touch-icon.png" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <!-- iPhone (Retina) -->
  <link href="img/apple-touch-startup-image-640x920.png" media=
  "(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
  rel="apple-touch-startup-image" />
  <!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
  <!--
        <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
        -->
  <link rel="stylesheet" href="css/normalize.css" type="text/css" />
  <link rel="stylesheet" href="css/main.css" type="text/css" />
  <link rel="stylesheet" href="css/add2home.css" type="text/css" />
  <script src="js/vendor/modernizr-2.6.1.min.js" type="text/javascript">
</script><!--  <script src="js/add2home.js"></script> -->

  <script type="text/javascript" src="https://www.google.com/jsapi">
</script>
</head>

<body>
  <div id="feed"></div>

  <div id="musichome">
    <a href="index.html">Home</a>
  </div><!-- SCRIPTS -->
  <script src="js/vendor/zepto.min.js" type="text/javascript">
</script><script src="js/helper.js" type="text/javascript">
</script><script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js" type=
"text/javascript">
</script><script src="rss/jquery.zrssfeed.min.js" type="text/javascript">
</script><!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  <script type="text/javascript">
//<![CDATA[
            var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
            g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
            s.parentNode.insertBefore(g,s)}(document,"script"));
  //]]>
  </script><script type="text/javascript">
//<![CDATA[
                        $(document).ready(function () {
                          $('#feed').rssfeed('http://logan-net.com/mp3s.xml', {
                            limit: 5,
                            date: false,
                            header: false,
                            snippet: false,
                            sortasc: true,
                            limit: 3
                          });
                        });
  //]]>
  </script><!-- javascript coding -->
  &#226;&#8364;&#8249;
</body>
</html>
从正在拉入提要的页面获取完整HTML：

   <audio controls="controls">
    <source src="http://logan-net.com/sites/default/files/Make%20It%20Happen.mp3" type="audio/mp3"></source></audio>

<html class="no-js" xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->

<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <meta charset="utf-8" />

  <title>Logan</title>
  <meta name="description" content="" />
  <meta name="HandheldFriendly" content="True" />
  <meta name="MobileOptimized" content="320" />
  <meta name="viewport" content="width=device-width" />
  <meta http-equiv="cleartype" content="on" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href=
  "img/touch/apple-touch-icon-144x144-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href=
  "img/touch/apple-touch-icon-114x114-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href=
  "img/touch/apple-touch-icon-72x72-precomposed.png" />
  <link rel="apple-touch-icon-precomposed" href=
  "img/touch/apple-touch-icon-57x57-precomposed.png" />
  <link rel="shortcut icon" href="img/touch/apple-touch-icon.png" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <!-- iPhone (Retina) -->
  <link href="img/apple-touch-startup-image-640x920.png" media=
  "(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
  rel="apple-touch-startup-image" />
  <!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
  <!--
        <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
        -->
  <link rel="stylesheet" href="css/normalize.css" type="text/css" />
  <link rel="stylesheet" href="css/main.css" type="text/css" />
  <link rel="stylesheet" href="css/add2home.css" type="text/css" />
  <script src="js/vendor/modernizr-2.6.1.min.js" type="text/javascript">
</script><!--  <script src="js/add2home.js"></script> -->

  <script type="text/javascript" src="https://www.google.com/jsapi">
</script>
</head>

<body>
  <div id="feed"></div>

  <div id="musichome">
    <a href="index.html">Home</a>
  </div><!-- SCRIPTS -->
  <script src="js/vendor/zepto.min.js" type="text/javascript">
</script><script src="js/helper.js" type="text/javascript">
</script><script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js" type=
"text/javascript">
</script><script src="rss/jquery.zrssfeed.min.js" type="text/javascript">
</script><!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  <script type="text/javascript">
//<![CDATA[
            var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
            g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
            s.parentNode.insertBefore(g,s)}(document,"script"));
  //]]>
  </script><script type="text/javascript">
//<![CDATA[
                        $(document).ready(function () {
                          $('#feed').rssfeed('http://logan-net.com/mp3s.xml', {
                            limit: 5,
                            date: false,
                            header: false,
                            snippet: false,
                            sortasc: true,
                            limit: 3
                          });
                        });
  //]]>
  </script><!-- javascript coding -->
  &#226;&#8364;&#8249;
</body>
</html>
​

RSS并不是真正的HTML5，即使一些观众在遇到HTML标签时同意呈现它们。您在哪里查看此流？也许你应该选择不同的格式？我正在尝试在我的web应用程序中查看它。除了标签外，一切都很好。我知道适当的提要可以在浏览器中查看，因为它在GoogleFeedburner和我看过的其他各种应用程序中呈现得很好。你的web应用程序中的HTML源代码是什么样的？你的应用程序使用什么代码显示RSS？使用HTML源代码更新。我正在使用来自Zazar的zrssfeed。这是实时页面不，我的意思是视频标签的HTML在进入页面时是什么样子的？你在看什么而不是视频？