{"id":5069,"date":"2020-03-18T20:54:14","date_gmt":"2020-03-18T19:54:14","guid":{"rendered":"http:\/\/play.with.free.fr\/?p=5069"},"modified":"2021-07-02T19:18:29","modified_gmt":"2021-07-02T18:18:29","slug":"interface-web-material-pour-squeezebox","status":"publish","type":"post","link":"http:\/\/play.with.free.fr\/index.php\/interface-web-material-pour-squeezebox\/","title":{"rendered":"Interface web \u00ab\u00a0Material\u00a0\u00bb pour Squeezebox"},"content":{"rendered":"\n<p>L&rsquo;interface web classique des squeezebox \u00e9tait vieillissante et absolument pas adapt\u00e9e aux mobiles. Heureusement, gr\u00e2ce aux efforts d&rsquo;un d\u00e9veloppeur et au support et aux id\u00e9es de la communaut\u00e9 Squeezebox, une nouvelle interface graphique vient la compl\u00e9ter ! Rapide, efficace et compl\u00e8te, elle vaut la peine d&rsquo;\u00eatre essay\u00e9e et peut m\u00eame remplacer avantageusement les applications mobiles pour squeezebox. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installation <\/h2>\n\n\n\n<p>Aller dans l&rsquo;onglet \u00ab\u00a0Plugins\u00a0\u00bb de la configuration,  s\u00e9lectionner le plugin \u00ab\u00a0Material skin\u00a0\u00bb et cliquer sur le bouton \u00ab\u00a0Appliquer\u00a0\u00bb. Puis accepter le reboot du serveur.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"582\" height=\"24\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plugin-install-1.png\" alt=\"\" class=\"wp-image-5072\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plugin-install-1.png 582w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plugin-install-1-300x12.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plugin-install-1-500x21.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plugin-install-1-270x11.png 270w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Lancement de l&rsquo;interface<\/h2>\n\n\n\n<p>L&rsquo;interface est accessible \u00e0 partir de l&rsquo;URL suivante :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">http:\/\/monserveur:9000\/material\/<\/pre>\n\n\n\n<p>L&rsquo;interface s&rsquo;adapte au type de dispositif (desktop ou mobile). On peut n\u00e9anmoins la choisir avec l&rsquo;URL :<\/p>\n\n\n\n<p>desktop :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">http:\/\/monserveur:9000\/material\/desktop<\/pre>\n\n\n\n<p>mobile :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">http:\/\/monserveur:9000\/material\/mobile<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Interface desktop : petit tour du propri\u00e9taire<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Accueil<\/h3>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped pinit wp-block-gallery-1 is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home.png\"><img decoding=\"async\" loading=\"lazy\" width=\"758\" height=\"503\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home.png\" alt=\"\" data-id=\"5073\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5073#main\" class=\"wp-image-5073\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home.png 758w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home-452x300.png 452w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home-500x332.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home-264x175.png 264w\" sizes=\"(max-width: 758px) 100vw, 758px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\"> \u00c9cran d&rsquo;accueil   <\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-playlists.png\"><img decoding=\"async\" loading=\"lazy\" width=\"756\" height=\"507\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-playlists.png\" alt=\"\" data-id=\"5074\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5074#main\" class=\"wp-image-5074\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-playlists.png 756w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-playlists-300x201.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-playlists-447x300.png 447w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-playlists-500x335.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-playlists-261x175.png 261w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Listes de lecture<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums.png\"><img decoding=\"async\" loading=\"lazy\" width=\"757\" height=\"502\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums.png\" alt=\"\" data-id=\"5075\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5075#main\" class=\"wp-image-5075\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums.png 757w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums-452x300.png 452w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums-500x332.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums-264x175.png 264w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Albums<\/figcaption><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\"><em>Accueil et navigation<\/em><\/figcaption><\/figure>\n\n\n\n<p>On n&rsquo;est pas d\u00e9pays\u00e9 par l&rsquo;\u00e9cran d&rsquo;accueil o\u00f9 on retrouve les menus de navigation squeezebox standard \u00e0 gauche, liste de lecture en cours \u00e0 droite et mini-lecteur en bas. <\/p>\n\n\n\n<p>On choisit la squeezebox \u00e0 commander en cliquant sur le nom de celle qui est affich\u00e9e en haut \u00e0 gauche (\u00ab\u00a0Chambre\u00a0\u00bb, dans mon exemple)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Playlist et lecture en cours<\/h3>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-3 is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums.png\"><img decoding=\"async\" loading=\"lazy\" width=\"757\" height=\"502\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums.png\" alt=\"\" data-id=\"5075\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5075#main\" class=\"wp-image-5075\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums.png 757w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums-452x300.png 452w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums-500x332.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-albums-264x175.png 264w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Liste de lecture courante<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-display.png\"><img decoding=\"async\" loading=\"lazy\" width=\"756\" height=\"504\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-display.png\" alt=\"\" data-id=\"5076\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5076#main\" class=\"wp-image-5076\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-display.png 756w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-display-300x200.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-display-450x300.png 450w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-display-500x333.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-display-263x175.png 263w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Lecture en cours<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-infos.png\"><img decoding=\"async\" loading=\"lazy\" width=\"757\" height=\"503\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-infos.png\" alt=\"\" data-id=\"5077\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5077#main\" class=\"wp-image-5077\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-infos.png 757w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-infos-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-infos-451x300.png 451w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-infos-500x332.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-infos-263x175.png 263w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Informations sur la lecture en cours<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plus.png\"><img decoding=\"async\" loading=\"lazy\" width=\"755\" height=\"502\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plus.png\" alt=\"\" data-id=\"5079\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5079#main\" class=\"wp-image-5079\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plus.png 755w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plus-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plus-451x300.png 451w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plus-500x332.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-plus-263x175.png 263w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Plus&#8230;<\/figcaption><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\"><em>Visualisation playlist en cours \/ lecture en cours \/ Informations \/ Menu \u00ab\u00a0Plus\u00a0\u00bb<\/em><\/figcaption><\/figure>\n\n\n\n<ul><li>Le petit bouton carr\u00e9 en haut \u00e0 droite permet de passer de la playlist courante \u00e0 l&rsquo;\u00e9cran \u00ab\u00a0lecture en cours\u00a0\u00bb. <\/li><li>Le bouton i juste \u00e0 sa gauche donne acc\u00e8s \u00e0 l&rsquo;\u00e9cran d&rsquo;information sur le morceau (pour peu qu&rsquo;on ait bien charg\u00e9 les plugin ad&rsquo;hoc). <\/li><li>Dans celui-ci, le bouton &#8230; (\u00ab\u00a0plus\u00a0\u00bb) en bas d&rsquo;\u00e9cran donne acc\u00e8s au menu contextuel <\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Menus de configuration<\/h3>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-5 is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-menu.png\"><img decoding=\"async\" loading=\"lazy\" width=\"754\" height=\"504\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-menu.png\" alt=\"\" data-id=\"5078\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5078#main\" class=\"wp-image-5078\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-menu.png 754w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-menu-300x201.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-menu-449x300.png 449w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-menu-500x334.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-menu-262x175.png 262w\" sizes=\"(max-width: 754px) 100vw, 754px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\"> Menu<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-serverconfig.png\"><img decoding=\"async\" loading=\"lazy\" width=\"755\" height=\"502\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-serverconfig.png\" alt=\"\" data-id=\"5080\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5080#main\" class=\"wp-image-5080\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-serverconfig.png 755w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-serverconfig-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-serverconfig-451x300.png 451w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-serverconfig-500x332.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-serverconfig-263x175.png 263w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Configuration du serveur et ses onglets<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-server-restart.png\"><img decoding=\"async\" loading=\"lazy\" width=\"756\" height=\"503\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-server-restart.png\" alt=\"\" data-id=\"5081\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5081#main\" class=\"wp-image-5081\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-server-restart.png 756w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-server-restart-300x200.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-server-restart-451x300.png 451w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-server-restart-500x333.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-server-restart-263x175.png 263w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Arr\u00eat ou relance du serveur LMS<\/figcaption><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\"><em>Menus de configuration<\/em><\/figcaption><\/figure>\n\n\n\n<p>Le bouton en haut \u00e0 droite permet d&rsquo;acc\u00e9der :<\/p>\n\n\n\n<ul><li>aux pr\u00e9f\u00e9rences de l&rsquo;interface : beaucoup d&rsquo;options permettant de configurer l&rsquo;interface web pour votre device) <\/li><li> \u00e0 la configuration des platines squeezebox <\/li><li>\u00e0 la configuration du serveur LMS et des platines squeezebox : on retrouve toutes les facilit\u00e9s accessibles dans l&rsquo;interface web standard, ce qui permet de se passer compl\u00e8tement de cette derni\u00e8re, et de configurer LMS depuis un portable.  Et deux boutons dans la configuration serveur permettent respectivement d&rsquo;arr\u00eater LMS ou de faire un arr\u00eat-relance. <\/li><\/ul>\n\n\n\n<p>Le menu permet d&rsquo;acc\u00e9der \u00e0 la configuration du serveur et de la platine. Plus besoin de l&rsquo;interface web classique. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Personnalisation de l&rsquo;\u00e9cran d&rsquo;accueil<\/h3>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-7 is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home.png\"><img decoding=\"async\" loading=\"lazy\" width=\"758\" height=\"503\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home.png\" alt=\"\" data-id=\"5073\" data-link=\"http:\/\/play.with.free.fr\/?attachment_id=5073#main\" class=\"wp-image-5073\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home.png 758w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home-452x300.png 452w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home-500x332.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-home-264x175.png 264w\" sizes=\"(max-width: 758px) 100vw, 758px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\"> \u00c9cran d&rsquo;accueil   <\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-spotty2home.png\"><img decoding=\"async\" loading=\"lazy\" width=\"759\" height=\"503\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-spotty2home.png\" alt=\"\" data-id=\"5086\" data-full-url=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-spotty2home.png\" data-link=\"http:\/\/play.with.free.fr\/index.php\/interface-web-material-pour-squeezebox\/material-skin-squeezebox-spotty2home\/#main\" class=\"wp-image-5086\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-spotty2home.png 759w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-spotty2home-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-spotty2home-453x300.png 453w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-spotty2home-500x331.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-spotty2home-264x175.png 264w\" sizes=\"(max-width: 759px) 100vw, 759px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\"> D\u00e9placement de Spotty sur l&rsquo;accueil (1) <\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home.png\"><img decoding=\"async\" loading=\"lazy\" width=\"758\" height=\"503\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home.png\" alt=\"\" data-id=\"5084\" data-link=\"http:\/\/play.with.free.fr\/index.php\/interface-web-material-pour-squeezebox\/material-skin-squeezebox-new-home\/#main\" class=\"wp-image-5084\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home.png 758w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-300x199.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-452x300.png 452w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-500x332.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-264x175.png 264w\" sizes=\"(max-width: 758px) 100vw, 758px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">D\u00e9placement de Spotty vers l&rsquo;\u00e9cran d&rsquo;accueil (2)<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-drag-drop.png\"><img decoding=\"async\" loading=\"lazy\" width=\"760\" height=\"502\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-drag-drop.png\" alt=\"\" data-id=\"5085\" data-link=\"http:\/\/play.with.free.fr\/index.php\/interface-web-material-pour-squeezebox\/material-skin-squeezebox-new-home-drag-drop\/#main\" class=\"wp-image-5085\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-drag-drop.png 760w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-drag-drop-300x198.png 300w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-drag-drop-454x300.png 454w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-drag-drop-500x330.png 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Material-skin-squeezebox-new-home-drag-drop-265x175.png 265w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">D\u00e9placement de l&#8217;emplacement de Spotty sur l&rsquo;\u00e9cran d&rsquo;accueil par drag &amp; drop <\/figcaption><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Personnalisation de l&rsquo;\u00e9cran d&rsquo;accueil<\/figcaption><\/figure>\n\n\n\n<p>Il est possible de reconfigurer la page d&rsquo;accueil assez facilement : le bouton de menu contextuel dispos\u00e9 sur la droite de chaque ligne du menu Squeezeboxes permet de d\u00e9placer cette ligne sur la page d&rsquo;accueil. Il est ensuite possible de faire du drag and drop pour ordonner les lignes sur cette m\u00eame page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Interface mobile<\/h2>\n\n\n\n<p>L&rsquo;interface est tr\u00e8s similaire. On passe facilement de la playlist \u00e0 lecture en cours en avec un balayage horizontal de l&rsquo;\u00e9cran.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-5 is-cropped wp-block-gallery-9 is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"576\" height=\"1024\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1-576x1024.jpg\" alt=\"\" data-id=\"5107\" data-full-url=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1.jpg\" data-link=\"http:\/\/play.with.free.fr\/screenshot_20200319-170249_firefox_focus1\/\" class=\"wp-image-5107\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1-576x1024.jpg 576w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1-169x300.jpg 169w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1-500x889.jpg 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1-800x1422.jpg 800w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1-864x1536.jpg 864w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1-98x175.jpg 98w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1-84x150.jpg 84w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170249_Firefox_Focus1.jpg 1080w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Accueil<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"576\" height=\"1024\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1-576x1024.jpg\" alt=\"\" data-id=\"5109\" data-full-url=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1.jpg\" data-link=\"http:\/\/play.with.free.fr\/screenshot_20200319-170324_firefox_focus1\/\" class=\"wp-image-5109\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1-576x1024.jpg 576w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1-169x300.jpg 169w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1-500x889.jpg 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1-800x1422.jpg 800w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1-864x1536.jpg 864w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1-98x175.jpg 98w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1-84x150.jpg 84w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170324_Firefox_Focus1.jpg 1080w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Liste de lecture<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"576\" height=\"1024\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1-576x1024.jpg\" alt=\"\" data-id=\"5110\" data-full-url=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1.jpg\" data-link=\"http:\/\/play.with.free.fr\/screenshot_20200319-170447_firefox_focus1\/\" class=\"wp-image-5110\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1-576x1024.jpg 576w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1-169x300.jpg 169w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1-500x889.jpg 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1-800x1422.jpg 800w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1-864x1536.jpg 864w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1-98x175.jpg 98w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1-84x150.jpg 84w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170447_Firefox_Focus1.jpg 1080w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Lecture en cours<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"576\" height=\"1024\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1-576x1024.jpg\" alt=\"\" data-id=\"5111\" data-full-url=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1.jpg\" data-link=\"http:\/\/play.with.free.fr\/screenshot_20200319-170459_firefox_focus1\/\" class=\"wp-image-5111\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1-576x1024.jpg 576w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1-169x300.jpg 169w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1-500x889.jpg 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1-800x1422.jpg 800w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1-864x1536.jpg 864w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1-98x175.jpg 98w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1-84x150.jpg 84w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170459_Firefox_Focus1.jpg 1080w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Informations<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"576\" height=\"1024\" src=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1-576x1024.jpg\" alt=\"\" data-id=\"5112\" data-full-url=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1.jpg\" data-link=\"http:\/\/play.with.free.fr\/screenshot_20200319-170621_firefox_focus1\/\" class=\"wp-image-5112\" srcset=\"http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1-576x1024.jpg 576w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1-169x300.jpg 169w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1-500x889.jpg 500w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1-800x1422.jpg 800w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1-864x1536.jpg 864w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1-98x175.jpg 98w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1-84x150.jpg 84w, http:\/\/play.with.free.fr\/wp-content\/uploads\/Screenshot_20200319-170621_Firefox_Focus1.jpg 1080w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Plus&#8230;<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Mode d&#8217;emploi<\/h2>\n\n\n\n<p>Un mode d&#8217;emploi complet est disponible en ligne et en anglais, en trois clics :<\/p>\n\n\n\n<ol><li>Menu principal (bouton en haut \u00e0 droite)<\/li><li>Informations<\/li><li>Bouton ? en haut \u00e0 droite <\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>L&rsquo;interface est tr\u00e8s intuitive, rapide et personnalisable. On trouve facilement ses marques, ce qui n&rsquo;est pas le cas de l&rsquo;interface classique et des applications Android que je connais, qui ont chacune leurs petits d\u00e9fauts.<\/p>\n\n\n\n<p>Elle est de plus tr\u00e8s compl\u00e8te, avec configuration serveur et platines, et prise en compte de plusieurs plugins.<\/p>\n\n\n\n<p>Un grand bravo au d\u00e9veloppeur !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cette nouvelle interface graphique web au serveur de musique LMS donne un coup de jeune \u00e0 l&rsquo;\u00e9cosyst\u00e8me Squeezebox.  <\/p>\n","protected":false},"author":2,"featured_media":5077,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_vp_format_video_url":"","_vp_image_focal_point":[]},"categories":[81],"tags":[162,65],"_links":{"self":[{"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/posts\/5069"}],"collection":[{"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/comments?post=5069"}],"version-history":[{"count":0,"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/posts\/5069\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/media\/5077"}],"wp:attachment":[{"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/media?parent=5069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/categories?post=5069"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/play.with.free.fr\/index.php\/wp-json\/wp\/v2\/tags?post=5069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}