Bonjour,
Je souhaiterais réaliser une application metro pour récupérer les musique sur mon site comme le fait l'application clouder de soundcloud.
N'ayant pas un serveur compatible je me tourne vers une autre méthode.
J'ai créer un fichier .xml de mon site. " Avec ces balise pour chaque musique.
Code :
<item>
<title>U2 - Beautiful Day</title>
<link>http://monsite/uploads-015/1354834963.mp3</link>
<pubDate>Wed, 19 Sep 2012 20:30 +0200</pubDate>
<description>
http://ecx.images-amazon.com/images/I/41OXB72-JOL._AA160_.jpg
</description>
</item>
"
Ensuite je crée une application web avec visual studio.
Dans /pages/home/home.html dans le tag <section> j'ajoute ceci:
Code :
<section aria-label="Main content" role="main">
<div class="tracklist" data-win-control="WinJS.UI.ListView" />
</section>
puis dans pages/home/home.js j'ajoute ceci:
Code :
(function () {
"use strict";
WinJS.UI.Pages.define("/pages/home/home.html", {
// Cette fonction est appelée chaque fois qu'un utilisateur accède à cette page. Elle
// remplit les éléments de la page avec les données d'application.
ready: function (element, options) {
WinJS.xhr({ url: "http://musics4.me/flux-rss.xml" }).done(
function fulfilled(result) {
if (result.status == 200) {
var list = new WinJS.Binding.List();
var data = (result.responseText);
for (var i = 0, l = data.length; i < l; i++) {
var track = data[i];
list.push(track);
}
var listView = document.querySelector(".tracklist");
WinJS.UI.setOptions(listView.winControl, {
layout: new WinJS.UI.ListLayout(),
itemDataSource: list.dataSource
});
console.log(result.responseText);
}
});
// TODO: initialisez la page ici.
}
});
})();J'obtient ceci en faisant un debug:
Après je créer un template dans défautl.html
Code :
<body>
<!-- TRACK TEMPLATE -->
<div class="trackTemplate" data-win-control="WinJS.Binding.Template">
<img class="item-image" src="#" data-win-bind="src: artwork_url; alt: title" />
<div class="item-overlay">
<h4 class="item-title" data-win-bind="textContent: title"></h4>
<h6 class="item-subtitle win-type-ellipsis" data-win-bind="textContent: subtitle"></h6>
</div>
</div>
<div id="contenthost" data-win-control="Application.PageControlNavigator" data-win-options="{home: '/pages/home/home.html'}"></div>
et j'assigne le template dans la page home html:
Code :
<div class="tracklist" data-win-control="WinJS.UI.ListView" data-win-options="{itemTemplate: select('.trackTemplate')}"/>
Mais après cela je reçois une erreur
L'application n'a pas pu résoudre ms-appx://24a41c52-688f-40ac-bbea-a66f4f4debc7/undefined en raison de l'erreur suivante : RESOURCE_NOT_FOUND.
Visual Studio n'est actuellement attaché à aucune cible de débogage de script qui prenne en charge les diagnostics de script.
Et lors du debug mes fenêtres ne comporte ni le titre de la musique ni d'image:
