Es una nueva comunidad sobre el reciente estándar de la web Html5, donde puedes encontrar tutoriales, tips, consejos, información, noticias y demás en un solo lugar.


Apoya la comunidad con $1 USD, queremos mejorar y compartir más conocimiento.

Tips #12 – JavaScript ID3 Reader, Canvid.js y Pigeon.js


  Publicado hace |  Etiquetas: , , , , ,

Imagen de previsualización de YouTube

Número 3 – JavaScript ID3 Reader: Librería para leer metadatos ID3.

Si alguna vez te toca hacer un reproductor de música en MP3, supongo que también quieres mostrar la información de la canción como nombre, autor, álbum y la portada, esto se puede hacer con JavaScript pero no tienes que hacerlo desde cero.

JavaScript ID3 Reader es una librería que permite leer metadatos ID3 que contiene un archivo MP3, bastante útil para reproductores.

Características:

  • Soporte para caracteres tipo latin1, UTF-8 y UTF-16
  • Soporte de especificaciones ID3v1 e ID3v2

Puedes descargarla desde el repositorio desde GitHub y saber más al respecto.

JavaScript ID3 Reader

Número 2 – Canvid.js: Librería para reproducir clips con canvas.

Ver gifs animados en la web es divertido y en algunas ocasiones es muy útil, pero lamentablemente es muy poca la calidad de imagen que permite, el tamaño del archivo aumenta mucho y un gif no puede ser controlado.

Canvid.js es una librería interesante que permite reproducir clips en un canvas, la idea es transformar un video en un sprite con frames distribuidos y usarlo para animarlo.

Características:

  • No tiene audio
  • Usa una imagen JPG como sprite
  • El limite del clip depende de la cantidad de frames y almacenamiento
  • Puedes controlar el clip
  • Aumenta la calidad de imagen

Para instalarlo solo usa NPM o clona el repositorio y si deseas saber como generar los spriters, solo ve al sitio oficial.

Canvid.js

Número 1 – Pigeon.js: Preprocesador de HTML con JavaScript

La mayoría sabe HTML pero quizás no a todos les guste o sientan cierta limitante al momento de escribirlo para sus proyectos, es por eso que buscan alternativas herramientas que aumenten el potencial, en este caso HTML ya tiene muchas alternativas pero no está demás probar otra.

Pigeon.js es un preprocesador de HTML y motor de template escrito en JavaScript por lo que no tienes que aprender otro lenguaje más.

Características:

  • Puedes escribir todo en javascript o Yaml
  • Contiene un sistema de templates

Instalalo vía NPM o descargalo

Pigeon.js

comments powered by Disqus