html5

You Are Here: Home / Archives / Category / html5

Editando video para páginas web. El formato de vídeo WebM.

Categories:

WebM es un formato multimedia abierto y libre desarrollado por Google y orientado a usarse con HTML5.

Está compuesto por el códec de vídeo VP8 (desarrollado originalmente por On2 Technologies) y el códec de audio Vorbis dentro de un contenedor multimedia Matroska.

Fue anunciado bajo el marco de la conferencia Google I/O en mayo de 2010 y cuenta con contribuciones y apoyo oficial de empresas como «MozillaOpera, Google Chrome, además de otros 40 editores y fabricantes de software y hardware» en un esfuerzo combinado para utilizar VP8 como el formato multimedia estándar en el lenguaje web HTML5.

El sitio oficial de WEBM lo tienes aquí es http://www.webmproject.org

Está compuesto de:

  • Nombre del contenedor del formato: WebM
  • Extensión de archivo: .webm
  • Tipo MIME: video/webm
  • Tipo MIME sólo para el audio: audio/webm
  • Nombre del Códec de Vídeo: VP8
  • Nombre del Códec de Audio: Vorbis

 

¿Cuales son las ventajas de WEBM?

  • Es un formato pensado para su inserción con la etiqueta vídeo de HTML5.
  • Al estar pensado para la web, puedes obtener casi la misma calidad que un MP4 con menos de la mitad de tamaño.
  • Funciona muy bien como Streaming.

 

¿Cómo puedo hacer de una forma sencilla que mi video MP4 se convierta en WEBM?

El objetivo es conseguir que un vídeo de alta calidad con una duración de 20 segundos y un tamaño de más de 200Mb se reduzca a menos de 3Mb y sin penalizar la calidad.

La carga de estos vídeos en dispositivos móviles y con los tamaños que he comentado es que el vídeo comienza a reproducirse en apenas 1 segundo.

El mejor programa que he encontrado para convertir vídeos ha sido el Free MP4 Video Converter es muy fácil de usar y además da una calidad altísima sin lugar a dudas es el mejor y además es gratis. El único “pero” es que te tienes que descargar la aplicación e instalarla en tu pc. Pero créeme si te digo que merece la pena.

 

free-mp4-video-converter

 

También puedes usar un firefogg.org. Se trata de un plugin para Mozilla Firefox que, una vez instalado puedes convertir los vídeos a WEBM sin necesidad de subir el video a un servicio web, es decir, lo haces directamente desde tu ordenador en modo local.

El resultado es muy bueno.

firefogg

Además también hay otras alternativas como cloudconvert.org pero tienes que subir el vídeo a su servidor y además no puedes subir vídeos de un tamaño superior a 100MB.

La principal ventaja es que puede convertir casi todos los tipos de vídeos que tengas al formato de vídeo que desees.

Las desventajas de esta alternativa son que pierdes mucho tiempo en subir, procesar y luego descargar el vídeo y además si tienes un vídeo de un tamaño superior a 100MB no podrás usarlo, aunque también te permite subir el vídeo de tu cuenta de DropBox, Google Drive, OneDrive o Box y dejarte el vídeo terminado en tu cuenta de DropBox, Google Drive, OneDrive y Box. Además si quieres te avisa cuando ha terminado.

cloudconvert

 

 

Existen multitud de galerías donde puedes comprar vídeos con un acabado profesional a un precio mínimo que suelen estar entre los 8 y los 25$ USD. Algunos de estos sitios son ShutterStock o Videohive.

 

Como poner un post o una página a 2 columnas

Categories:

A esto lo suelo denominar “píldora productiva” ya que es una forma muy sencilla de poder realizar 2 columnas en un artículo sin necesidad de poner un plugin ni nada parecido.

Supongamos que en una entrada primero tenemos un párrafo normal y luego nos interesa tener 2 columnas, por ejemplo para hacer una comparativa o para indicar las ventajas y los inconvenientes de un producto.

Por tanto, queremos obtener este resultado:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

VENTAJAS

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet

INCONVENIENTES

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet

 

 

 

 

 

 

 

Por tanto, nuestro código sería este:

<div style=”float: left; width: 45%;”>
<em>VENTAJAS</em>
<ol>
<li><em>1.</em></li>
<li><em>2.</em></li>
<li><em>3.</em></li>
<li><em>4.</em></li>
</ol>
</div>
<div style=”float: right; width: 45%;”>

<em>INCONVENIENTES</em>
<ol>
<li><em>1.</em></li>
<li><em>2.</em></li>
<li><em>3.</em></li>
<li><em>4.</em></li>
</ol>
</div>

 

Y esto es todo. Espero que sirva de ayuda.

Paginas Web con WordPress en Pamplona

Categories:

En WebPamplona empezamos a dar nuestros primeros pasos en el año 2004 cuando sólo se trabajaban las páginas web con HTML y Flash.

Ahora hemos evolucionado y desde el año 2008 somos pioneros en la creación de Blogs y Páginas Webs con WORDPRESS y con otros sistemas CMS como Joomla o Drupal.

Somos Expertos en lo que más nos gusta y trabajamos y programamos en WORDPRESS en casi la totalidad de nuestros clientes. Son trabajos estables y que están actualizados y mantenidos al día en nuestros servidores (o en el que tenga el cliente) para evitar los ataques que puedan hacer a su página web.

wordpress-woocommerce-webpamplona

Tenemos muchos proyectos creados por toda Navarra y también tenemos páginas web hechas con WORDPRESS en Valencia, La Rioja y Madrid.

Realizamos Páginas Web en WORDPRESS y también enlazamos su página web con una Tienda On-Line en WORDPRESS con WooCommerce con la imagen corporativa de su empresa.

Crea tu página web gratis

Categories: Tags:

Desde Webpamplona te damos la facilidad de que puedas crear tu página web gratis.

Páginas web gratis. Infórmate sin compromiso.

 

Si quieres más información visita nuestra web página web gratis

Vía | webpamplona diseño de páginas web

¿Cómo habilitar HTML5 en cualquier navegador?

Categories: Tags:

¿Qué hacer para que todos los visitantes vean tú web en HTML5 correctamente?

Casi todos los navegadores web que existen a fecha de hoy son compatibles con HTML5 pero siempre hay visitantes que todavía usan los navegadores más antiguos como Internet Explorer 5, 6 y 7 y se suelen encontrar con problemas de visualización.

Para incrementar la compatibilidad de estos navegadores puedes usar Webshims Lib que es una librería de Javascript que intenta mejorar la compatibilidad de estos navegadores aunque las páginas tardarán más tiempo en cargarse debido al código qué hay que añadir para conseguir la compatibilidad.

Fuente | WebResourcesDepot

Enlace | Webshims

Expertos en WordPress

Esta web utiliza cookies para ofrecer la mejor experiencia posible. Si sigues navegando das tu consentimiento para la aceptación de Cookies y nuestra política de privacidad. Más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar