Cómo convertir tu Raspberry Pi en un media center con XBMC

Tras la baja de series.ly y tener una madre impaciente por ver pelis y series, que menos que comprar una raspberry pi y convertirla en un fantástico media center.

Si este es vuestro caso, ¡sois unos afortunados por toparos con esta publicación!

¿Qué puedo hacer con este media center?

  • Televisión en directo.
  • Reproducir cualquier video desde un disco duro, pendrive, etc.
  • Llevar al día tus series.
  • Ver tus fotos.
  • Escuchar música.
  • Convertir tu smartphone en un mando.

Todo esto y mucho más instalando todos los Add-on necesarios 🙂

¿Qué necesitamos?

Lo primero que debemos hacer es descargar OpenELEC desde su web oficial, exactamente la img estable. OpenELEC es una distribución de Linux diseñada para ser un HTPC (Home Theater Personal Computer) con XBMC o Kodi. A continuación, necesitamos grabar la img descargada en la SD, para ello podemos utilizar Win32 Disk Image, para los que uséis Windows, ImageWriter para los de Ubuntu y ApplePi-Baker para los de Mac. Cuando termine este proceso, ya podemos meter la micro SD en nuestra Raspberry para configurarla.

Una vez arranque, debemos seleccionar el idioma que queramos, luego podemos elegir un nombre para el equipo, a continuación, si tenemos el WiFi conectado podemos conectarlo directamente, y ya lo tendremos todo listo!

A mi personalmente, me parece muy sencillo de utilizar gracias a su interfaz, con las opciones de Imágenes, Vídeo, Música, Programas y Sistema. Muy intuitivo todo como se puede observar.

Tenemos varias formas de instalar Add-ons:

  • Directamente desde el repositorio que trae el sistema.
  • Desde un .zip en nuestro USB descargándolo desde las webs oficiales.

Para instalar desde el repositorio, debemos entrar en Add-on y buscar la que deseemos. Para instalar desde el USB, nos dirigimos a Sistema/Add-ons y buscamos la opción Instalar desde un .ZIP.

Si lo que buscamos es un Add-on para reproducir todo tipo de películas o series os recomiendo descargar XBMCtorrent v0.6.4: torrent streaming for XBMC. Una vez instalado, tan sólo tenemos que dirigirnos a Vídeos y seleccionar este programa, seleccionamos el servidor de torrents y buscamos cualquier serie o peli, nos esperamos a que se descargue un poco y disfrutamos del momento.

Finalmente, podemos manejar nuestro media center mediante:

  • Teclado y ratón con puerto USB de toda la vida.
  • Teclado y ratón o mando por bluetooth.
  • Smartphone mediante XBMC Remote tanto para android como para iOS.

Espero que lo disfrutéis mucho, las palomitas las ponéis vosotros 😉

Advertisements

Cómo cambiar de color de la Action Bar de nuestra app Android

Estaba el otro día felizmente desarrollando una app y me surgió la duda de cómo podía cambiar de color la Action Bar que viene por defecto, que por cierto, ¡es fea de narices! :/

Bueno pues es muy sencillo, tan solo tenemos que abrir el archivo styles.xml que está dentro de la carpeta values:

Arbol archivos Android Studio

Una vez abierto, tan solo tenemos que añadir la linea <item name=”colorPrimary”> el color que queramos </item>, como se puede ver en el siguiente ejemplo:

Código

Debo recordar que esto lo podemos realizar utilizando la librería AppCompat de Google, así que actualizad el Android Studio si tenéis cualquier problema.

¡¡Venga a programar!!

Cómo añadir un resaltador de sintaxis de código en nuestra web

Hoy os voy a hablar de highlight.js, un resaltador de sintaxis de código para nuestra web.

La idea, es resaltar cualquier código tanto de blogs, foros, o páginas web, y además, es muy fácil de utilizar, encuentra el bloque de código, detecta el lenguaje y lo resalta.

Soporta 112 lenguajes y 49 estilos, entre ellos: Apache, Bash, C#, C++, CSS, DOS .bat, Delphi, Django, HTML, XML, Java, Javascript, PHP, Perl, Python, Ruby, SQL, Smalltalk, VBScript, diff, etc.

Podemos ver su demo rápidamente aquí.

Muy bien, para trabajar con esta estupenda herramienta tan solo tenemos que seguir 4 sencillos pasos:

Paso 1: descargar el código fuente

Puedes descargar el código fuente aquí.

Paso 2: copiar el código fuente en nuestro proyecto

Ahora, debes copiar la carpeta dentro de tu proyecto web, SIN ELIMINAR NINGÚN ARCHIVO ¡IMPORTANTE¡

Paso 3: importar los archivos

Tenemos que importar los archivos prettify.cssprettify.js en nuestra página de la siguiente manera:

codigo 1

A continuación, dentro del <body> ya podremos introducir el código que queremos mostrar a través de la clase prettyprint, de manera que debemos incorporar:

codigo 2

Paso 4: llamar a la función prettyPrint()

Para finalizar, el último paso es llamar a la función prettyPrint() para visualizar el código de forma bonita:

codigo 3

Y en nuestro navegador podremos ver como aparece:

codigo 4

Como podéis ver, es muy fácil, cómodo y sencillo, y además se puede cambiar el tema al gusto del consumidor.

Existen alternativas tales como:

  1. SyntaxHighlighter
  2. GeSHi – Generic Syntax Highlighter
  3. Quick Highlighter
  4. Google Code Prettify
  5. Pygments
  6. Lighter.js
  7. SHJS – Syntax Highlighting in JavaScript
  8. … y muchos más que ya quedan a vuestra elección

¡Espero que lo disfrutéis!

Cómo hacer un Tilt-shift (efecto maqueta para los amigos)

No sé si conocéis este efecto tan maravilloso, pero por si acaso os lo voy a contar rápidamente, como a mi me gusta, ¡cosas bonitas en cuestión de segundos!

CIMG0964

Muy bien, pues para hacerlo tan solo necesitamos hacer una foto desde alguna zona alta para que se vean las cosas bastante alejadas.

CIMG0964 (1)

Ahora, necesitamos un editor de fotos para nuestro móvil, como por ejemplo:

Todas ellas disponibles gratuitamente en Google Play.

Una vez tenemos abierta la foto en el editor, tan solo necesitamos difuminar la parte superior e inferior de nuestra foto. Para ello, con la aplicación Fotos, podemos encontrar esta opción directamente llamada INCLIN-DESPL.

2014-12-12 13.39.24

Ahora solo queda echarle imaginación, elegir la que más nos guste y ya tendremos nuestro Tilt-shift.

2014-12-12 13.39.56

En algunas apps ya viene directamente como nombre de la opción “Tillt-shift”, así que no creo que tengáis problema para encontrarlo, como por ejemplo, en la nombrada anteriormente Snapseed.

Para que os motivéis y hagáis, os dejo este vídeo tan chulo.

Cómo hacer un time-lapse en cuestión de segundos

aplicación fotos

¿No habéis visto más de una vez un time-lapse y os habéis quedado sorprendidos? Pues bien, hoy os voy a contar cómo en cuestión de lo que tardáis en echar las fotos y un poquito más podéis tener uno.

Para mí, la forma más simple de hacer uno es con la galería de fotos de Google, que viene junto a Google+, gratuita en el Play Store. O sea que ¿puedo hacer un time-lapse y encima desde mi móvil? ¡PUES SI!

aplicación fotos

Un vez que tengamos instalada la app de Google+ tan solo queda activar la Copiar de seguridad automática para que se sincronicen las fotos de nuestro móvil.

Ahora podremos pulsar sobre el botón de Crear un efecto… y a continuación sobre Movimiento, y ya solo quedará seleccionar las fotos y dejar que Google haga magia.

Ejemplo time-lapse