Cooliris 使用我的网站图片？

Question

我想在我的 asp.net 网站中使用 CoolIris (www.cooliris.com)，它应该从我的网站（图像文件夹）中获取图像，而不是从 facebook、flickr、youtube 或外部 rss 提要等外部来源获取图像。

Answer 1

如果您发布媒体 RSS 提要，Cooliris（浏览器插件）将适用于您的网站。 见：http://www.cooliris.com/developer/reference/media-rss/

要嵌入 Flash 墙，请按照以下说明操作：http://www.cooliris.com/developer/documentation/?p=embed

Answer 2

在做了更多研究并看到 Cooliris 是如何售罄之后，我发现了一篇文章，向您展示了如何自己托管它们并摆脱依赖外部资源的一切......这种方法完全可以自给自足！

来源：

• https://github.com/cooliris/embed-wall
• http://web.archive.org/web/20141017154208/http://www.cooliris.com/developer/reference/media-rss/
• http://web.archive.org/web/20141017082804/http://www.cooliris.com/developer/documentation/?p=embed
• http://feedvalidator.org/

---

这假设您具有如下目录结构...

---

第 1 步：创建您的 RSS 源

您想首先创建一个类似“media.xml”的文件，然后在其中添加以下内容。请务必更改图像的路径（您的网站地址等）。

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Default</title>
    <description>Feed Description</description>
    <link>http://mywebsite.com/photogallery.php</link>
    <item>
      <title>First Image</title>
      <media:description>This would be the first image.</media:description>
      <link>http://mywebsite.com/graphics/portfolio/pl_images/image1.jpg</link>
      <media:thumbnail url="http://mywebsite.com/graphics/portfolio/pl_thumbs/image1_thumb.jpg"/>
      <media:content url="http://mywebsite.com/graphics/portfolio/pl_images/image1.jpg"/>
    </item>
    <item>
      <title>Second Image</title>
      <media:description>This would be the second image.</media:description>
      <link>http://mywebsite.com/graphics/portfolio/pl_images/image2.jpg</link>
      <media:thumbnail url="http://mywebsite.com/graphics/portfolio/pl_thumbs/image2_thumb.jpg"/>
      <media:content url="http://mywebsite.com/graphics/portfolio/pl_images/image2.jpg"/>
    </item>
  </channel>
</rss>

第 2 步：编辑您的显示页面

打开 index.php 并确保它类似于以下代码。仔细看看下面的变化...

• cooliris.swf 文件现在托管在您的网站上，而不是“apps.cooliris.com”。
• allowScriptAccess 变量（所有这些变量）现在是“从不”，而不是过去的“总是”。

index.php

<div id="cooliris" class="cooliris">
<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
  <param name="movie" value="http://mywebsite.com/cooliris.swf" />
  <param name="flashvars" value="feed=http://mywebsite.com/media.xml&showSearch=false" />
  <param name="allowFullScreen" value="false" />
  <param name="allowScriptAccess" value="never" />
  <embed type="application/x-shockwave-flash"
    src="http://mywebsite.com/cooliris.swf"
    width="100%"
    height="100%"
    flashvars="feed=http://mywebsite.com/media.xml&showSearch=false"
    allowFullScreen="false"
    allowScriptAccess="never">
  </embed>
</object>
</div>

第 3 步：根据需要重新配置跨域

以前，当应用程序托管在 cooliris.com 上时，您必须配置以下文件并将其放在站点的根目录中，以便 Flash 从另一个域加载和运行应用程序。好吧，我们现在将文件托管在本地服务器上，因此我们需要 删除它 (crossdomain.xml)，因为它不再需要。这就是过去的样子……

crossdomain.xml

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
    <allow-access-from domain="*.cooliris.com" secure="false" />
</cross-domain-policy>

第 4 步：获取一份 cooliris.swf 文件的副本

现在我们需要主要组件...我们需要一份cooliris.swf 文件的副本。您可以从this link hosted at github.com 获取一份副本。