{"id":3397,"date":"2013-02-11T23:36:26","date_gmt":"2013-02-11T22:36:26","guid":{"rendered":"http:\/\/www.palentino.es\/blog\/?p=3397"},"modified":"2013-02-18T21:00:54","modified_gmt":"2013-02-18T20:00:54","slug":"spotify-2-blog-la-musica-que-escuchas-actualizada-en-tiempo-real-en-tu-web-o-blog","status":"publish","type":"post","link":"https:\/\/www.palentino.es\/blog\/spotify-2-blog-la-musica-que-escuchas-actualizada-en-tiempo-real-en-tu-web-o-blog\/","title":{"rendered":"Spotify-2-blog, la m\u00fasica que escuchas actualizada en tiempo real en tu web o blog."},"content":{"rendered":"<p>Dejo otro gran regalo.<\/p>\n<p style=\"text-align: justify;\"><strong>El \u00fanico plugin mundial<\/strong> que permite subir lo que escuchas en tiempo real a tu web o blog.\u00a0Incluye un m\u00f3dulo para WordPress y soporte de cualquier tecnolog\u00eda web.<\/p>\n<p style=\"text-align: justify;\">Puedes observar el funcionamiento en la derecha superior del blog. Es lo que escucho actualmente &#8230; \ud83d\ude09<\/p>\n<p style=\"text-align: justify;\">La inserci\u00f3n en WordPress<strong>\u00a0es tan sencilla<\/strong> como agregar un c\u00f3digo (shortcode) en la parte que desees de tu blog.<\/p>\n<p><!--more--><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3435\" alt=\"banner\" src=\"http:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/banner1.png\" width=\"305\" height=\"192\" srcset=\"https:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/banner1.png 305w, https:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/banner1-300x188.png 300w\" sizes=\"auto, (max-width: 305px) 100vw, 305px\" \/><\/p>\n<p style=\"text-align: center;\">Descarga el <strong>programa\u00a0<\/strong>versi\u00f3n\u00a01.0.0.0, <a href=\"http:\/\/www.palentino.es\/spotify-2-blog\" target=\"_blank\">desde aqu\u00ed<\/a><\/p>\n<p style=\"text-align: center;\">El plugin <strong>wordpress<\/strong> versi\u00f3n 1.0,\u00a0<a href=\"http:\/\/www.palentino.es\/spotify-2-blog\/spotify-to-wp.zip\" target=\"_blank\">desde aqu\u00ed<br \/>\n<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Funcionamiento.<\/strong><\/p>\n<p><span style=\"color: #008080;\">1- Instala el programa spotify-2-blog, en un ordenador con windows.<\/span><\/p>\n<p><span style=\"color: #008080;\">Ejecuta spotify y ponte a escuchar canciones.<\/span><\/p>\n<p><span style=\"color: #008080;\">Ejecuta el programa spotify-2-blog. \u00a0Configura tu servidor de envio FTP. (en algunos equipos requiere permisos de administrador).<\/span><\/p>\n<p><span style=\"color: #008080;\">Pulsa el bot\u00f3n escuchar.<\/span><\/p>\n<p><span style=\"color: #000080;\">2- Por otro lado, si deseas mostrarlo en tu blog, descarga el plugin y s\u00fabelo a tu wordpress.<\/span><\/p>\n<p><span style=\"color: #000080;\">Configura la ruta que te da el programa de windows en las opciones del plugin.<\/span><\/p>\n<p><span style=\"color: #000080;\">A\u00f1ade el shortcode donde desees. Dispones de ayuda en el plugin y un peque\u00f1o panel de control.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Si no se usa WordPress y deseas emplearlo en otro blog.<\/strong><\/p>\n<p>Para mostrar las canciones en tiempo real, configura Jquery.<\/p>\n<p>Deber\u00e1s incluir el js de jquery que uses \u00a0y agregar el siguiente c\u00f3digo en la cabecera:<\/p>\n<p>jQuery(document).ready(function($) {<\/p>\n<p>var refreshId = setInterval(function() {<br \/>\n$(&#8220;#spotify-2-blog&#8221;).load(&#8220;<strong>la ruta generada por el programa<\/strong>&#8220;, function(response, status, xhr) {<br \/>\nif (status == &#8220;error&#8221;) {<br \/>\nvar msg = &#8220;Actualmente no estoy escuchando nada &#8230; &#8220;;<br \/>\n$(&#8220;#spotify-2-blog&#8221;).html(msg);<br \/>\n}<br \/>\n});<br \/>\n}, 2000);<br \/>\n});<\/p>\n<p>Observa que <strong>la ruta generada por el programa<\/strong> es una URL del tipo:<br \/>\nhttp:\/\/www.midireccion.es\/usuario233.html<\/p>\n<p>Para\u00a0mostrarlo\u00a0crea una div como esta, en la secci\u00f3n donde quieres mostrarlo, configura tus dimensiones y apariencia:<\/p>\n<p><span style=\"color: #000080;\"><strong>&lt;div id=&#8217;spotify-2-blog&#8217; style=&#8217;color:75900a;height:200px;width:300px;overflow:auto;&#8217;&gt;&lt;\/div&gt;&#8221;<\/strong><\/span><\/p>\n<p>Todo listo. \ud83d\ude09<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Requisitos.<\/strong><\/p>\n<p>Windows Xp, Vista , 7 ,8<\/p>\n<p>Net Framework 4.0 o superior.<\/p>\n<p>Para actualizar el programa o permitir un funcionamiento correcto, en algunos sistemas es necesario dar permisos de administrador. Segundo bot\u00f3n del rat\u00f3n, ejecutar como &#8230;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Aspectos tecnol\u00f3gicos y curiosidades.<\/strong><\/p>\n<p>Este proyecto es complejo, \u00a0ya que requiere conocer diversas tecnolog\u00edas para llevarlo a cabo. He empleado metodolog\u00eda de programaci\u00f3n extrema XP.<\/p>\n<p>Puede considerarse de los pocos plugins h\u00edbridos que emplean un mecanismo cliente + desarrollo en WordPress.<\/p>\n<p><strong>Tecnolog\u00edas<\/strong><\/p>\n<p>&#8211; Uso de Visual C# y Vb.net. Conocimientos del IDE. Clases y funcionamiento. Creado en VS 2012.<br \/>\n&#8211; Funcionamiento de JSON en vez de XML para datos distribuidos, FTP automatizado.<br \/>\n&#8211; Acceso residente, proceso VXD o systray.<br \/>\n&#8211; Despliege de la aplicaci\u00f3n, programa de instalaci\u00f3n, detecci\u00f3n de frameworks, licencias, etc.<br \/>\n&#8211; Mecanismo de cifrado de contrase\u00f1as.<br \/>\n&#8211; HTML, Javascript, CSS<br \/>\n&#8211; JQuery.<br \/>\n&#8211; PHP , programaci\u00f3n de funciones y plugins sobre wordpress. Uso de wordpress.<br \/>\n&#8211; Mecanismos en servidor.<br \/>\n&#8211; Dise\u00f1o de logotipos, iconos multidimensionales, etc.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">Pantalla de ejemplo &#8211; screenshot<\/p>\n<p>\u00a0<a href=\"http:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/Captura-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3409\" alt=\"Captura-2\" src=\"http:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/Captura-2.png\" width=\"733\" height=\"526\" srcset=\"https:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/Captura-2.png 733w, https:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/Captura-2-300x215.png 300w\" sizes=\"auto, (max-width: 733px) 100vw, 733px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>\u00a0Borrador de la idea.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/boceto.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3402\" alt=\"boceto\" src=\"http:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/boceto.jpg\" width=\"889\" height=\"819\" srcset=\"https:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/boceto.jpg 889w, https:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2013\/02\/boceto-300x276.jpg 300w\" sizes=\"auto, (max-width: 889px) 100vw, 889px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dejo otro gran regalo. El \u00fanico plugin mundial que permite subir lo que escuchas en tiempo real a tu web o blog.\u00a0Incluye un m\u00f3dulo para WordPress y soporte de cualquier tecnolog\u00eda web. Puedes observar el funcionamiento en la derecha superior del blog. Es lo que escucho actualmente &#8230; \ud83d\ude09 La inserci\u00f3n en WordPress\u00a0es tan sencilla como agregar un c\u00f3digo (shortcode) en la parte que desees de tu blog.<\/p>\n","protected":false},"author":1,"featured_media":3399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,12,133,5,14,24,20],"tags":[122,350,351,664],"class_list":["post-3397","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-multimedia","category-musica","category-ocio","category-programacion","category-varios","category-web","category-wordpress","tag-plugin","tag-spotify","tag-tiempo-real","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/3397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/comments?post=3397"}],"version-history":[{"count":31,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/3397\/revisions"}],"predecessor-version":[{"id":3401,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/3397\/revisions\/3401"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/media\/3399"}],"wp:attachment":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/media?parent=3397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/categories?post=3397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/tags?post=3397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}