Cooliris pour utiliser les images de mon site Web?
-
14-11-2019 - |
Question
Je souhaite utiliser Cooliris (www.cooliris.com) dans mon site Web ASP.NET et il devrait prendre des images de mon site Web (dossier d'images), pas de sources externes comme Facebook, Flickr, YouTube ou RSS externes.
La solution
Si vous publiez un flux RSS Media, Cooliris (le plug-in du navigateur) fonctionnera avec votre site. Voir: http://www.cooliris.com/developer/reference/media-rss/
Pour intégrer le mur flash, suivez ces instructions: http://www.cooliris.com/developer/documentation/?p=embed
Autres conseils
Après avoir fait un peu plus de recherches et vu comment Cooliris s'est vendu, j'ai trouvé un article qui vous montre comment les héberger vous-même et vous éloigner de tout ce qui reposait sur des sources extérieures ... Cette méthode est complètement autonome!
Sources:
- https://github.com/cooliris/embed-wall
- http://web.archive.org/web/20141017154208/http://www.cooliris.com/developer/reference/media-rsss/
- http://web.archive.org/web/20141017082804/http://www.cooliris.com/developer/documentation/?p=embed
- http://feedvalidator.org/
Cela suppose que vous avez une structure de répertoire comme ce qui suit ...
Étape 1: Créez votre flux RSS
Vous voulez commencer par créer un fichier comme "media.xml" et ajouter ce qui suit. Assurez-vous de modifier les chemins des images (adresse de votre site Web, etc.).
<?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>
Étape 2: Modifiez votre page d'affichage
Ouvrez index.php et assurez-vous qu'il ressemble au code suivant. Regardez de près les changements suivants ...
- Le fichier cooliris.swf est désormais hébergé sur votre site Web plutôt que sur "apps.colaliris.com".
- Les variables Permis ScriptAccess (toutes) sont désormais "jamais" plutôt que ce qu'elles étaient "toujours".
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>
Étape 3: Re-configurer le domaine croisé si nécessaire
Avant, lorsque l'application était hébergée sur cooliris.com, vous avez dû configurer le fichier suivant et l'avoir à la racine de votre site pour que Flash charge et exécute les applications à partir d'un autre domaine. Eh bien, nous hébergeons le fichier sur notre serveur local maintenant, nous devons donc SUPPRIME-LE (Crossdomain.xml) comme il n'est plus nécessaire. C'est ce à quoi ressembler ...
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>
Étape 4: Allez prendre une copie du fichier cooliris.swf
Maintenant, nous avons besoin du composant principal ... nous avons besoin d'une copie du fichier cooliris.swf. Vous pouvez en prendre une copie Ce lien hébergé sur github.com.