RSS を使用して HTML5 Web アプリに渡す Drupal ビューを使用して作成されたフィードがあります。
3 つの個別のフィードが進行中です (Web アプリの 3 つの個別のページ用)。HTML5オーディオタグを含むものを除いて、それらはすべてうまく機能します.
さまざまなシステムを試してみましたが、すべて同じ出力、タイトル、本文からのテキストが得られますが、音楽プレーヤーはありません。フィードをGoogleフィードバーナーに接続すると、音楽プレーヤーが含まれてすべてが完全に表示されるため、音楽プレーヤーが渡されていることがわかります。
本来あるべきフィード:
生成される 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><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>One of the first songs in the new batch of demos recorded by Kenny and Mick.</p>
<p> </p>
<p><audio controls="controls"><br /><source src="http://logan-net.com/sites/default/files/Make%20It%20Happen.mp3" type="audio/mp3"></source></audio></p>
</div></div></div></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:
<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 -->
​
</body>
</html>
</p>