• Annonce ToutSurTout

Bienvenue sur toutsurtout.biz

Radio TST

Si vous souhaitez participer vous aussi aux discussions sur le forum, il faut vous inscrire ou vous identifier.

Le Thème TST Printemps est maintenant en place.

Les inscriptions sont actuellement OUVERTES.

Pages: 1

Réponse : 1 / Vues : 5 165

Message 1 Discussion postée le 28-01-2013 à 14:23:19

Pierre-Antoine
No Avatar


Titre: Modérateur in love
Avancement: Niveau 2
Date d'inscription: 26-09-2009
Messages: 1 441

[Réglé] Application metro pour site de musique

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:
https://www.world-lolo.com/images/uploads/image.num1355415650.of.world-lolo.com.png
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:

https://www.world-lolo.com/images/uploads/image.num1355415907.of.world-lolo.com.png

http://www.toutsurtout.biz/img/UserBarTST.gif
 

Visualiser ce message en mode lecture

Message 2 Réponse postée le 24-08-2013 à 12:43:41

Loic
Avatar de Loic


Titre: Administrateur d'élite
Avancement: Niveau 5
Lieu: Avec Solenne
Date d'inscription: 26-09-2009
Messages: 104 470
Site web

Re: [Réglé] Application metro pour site de musique

Réglé.

http://www.toutsurtout.biz/img/UserBarTST.gif
http://www.toutsurtout.biz/img/Sign-Loic.gif
Loic DL un jour, Loic DL toujours ...
 

Visualiser ce message en mode lecture

Réponse : 1 / Vues : 5 165

Pages: 1