• Publicidad
  • Contacto
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco
Sin resultados
Ver todos los resultados

Cómo detectar que características de HTML5 soporta el navegador

Diego CambiasoporDiego Cambiaso
10/01/2012
enDesarrollo/programación, Internet, Recursos
Tiempo de lectura2 minutos
Cómo detectar que características de HTML5 soporta el navegador
Compartir en FacebookCompartir en TwitterCompartir en WhatsappCompartir en TumblrCompartir en Telegram

Cómo detectar que características de HTML5 soporta el navegador

HTML5 ofrece características nuevas muy potentes como el elemento <canvas>, un lienzo en donde dibujar o las opciones de geolocalización o el elemento <video> que hace obsoleto el uso de plugins de terceras partes para mostrar un video.

Lo bueno es que gracias al soporte que ofrecen los navegadores más modernos, ya podemos comenzar a desarrollar con HTML5. Detectar que soporte nos frece el navegador es bastante sencillo. A continuación, tres ejemplos para detectar el soporte para: geolocalización, canvas y video.

Cómo detectar soporte para geolocalización

Si el navegador soporta la API de de geolocalización, entonces habrá una propiedad geolocalization en objeto global navigator:
function supports_geolocation() {
return !!navigator.geolocation;
}

Contenidorelaciondo

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

18/10/2022

4 Tips de Oracle para iniciarte en el mundo de la programación

12/04/2022

Ventajas, desventajas y consejos al crear tu sitio web

28/02/2022

Samsung e IBM lanzan el reto “Call for Code”para homenajear a los héroes de la vida

09/11/2021

Cómo detectar soporte para canvas

Si el navegador soporta la API canvas, en el DOM habrá un objeto canvas con el método getContext():
function supports_canvas() {
return !!document.createElement('canvas').getContext;
}

Cómo detectar soporte para formatos de video

Si el navegador soporta video HTML5, en el DOM habrá un un elemento <video> que tendrá el método canPlayType(). Éste método dirá si el navegador soporta un formato de video en particular.

En el siguiente ejemplo, se comprueba el soporte para el formato de video utilizado en Macs y iPhones.
function supports_h264_baseline_video() {
if (!supports_video()) { return false; }
var v = document.createElement("video");
return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
}

Fuente | diveintohtml5.info

Tags: desarrolo webHTMLhtml 5HTML5programcion webRecursostutorial html5Tutoriales
Anterior

Share – Servicio gratuito de BitTorrent para compartir archivos de cualquier tamaño

Siguiente

HTML5 Reference Poster – Completa hoja de ayuda para programadores web

Diego Cambiaso

Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

Contenido Relacionado

Noticias

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

18/10/2022
Recursos

4 Tips de Oracle para iniciarte en el mundo de la programación

12/04/2022
Transformación Digital

Ventajas, desventajas y consejos al crear tu sitio web

28/02/2022
Cargar más
Siguiente
Hoja de ayuda rápida de HTML5

HTML5 Reference Poster - Completa hoja de ayuda para programadores web

NOKIA - Las novedades que presentó en la CES 2012

Las novedades que presentó Nokia en la CES 2012

Descubre en la Lifestyle TV House, productos que combinan diseño, estilo y tecnología

31/03/2023

Sony SRS-XV900 el nuevo parlante inalámbrico y potente que se puede usar en varios tipos de entretenimiento

30/03/2023

Samsung Innovation Campus, el programa que enseña 
a jóvenes colombianos a programar su futuro
 

30/03/2023

Capacitaciones y certificaciones en procesos de negocio Oracle – Gratis hasta el 31 de mayo

28/03/2023

Era 300: un parlante con Dolby Atmos para usuarios y creadores por igual

28/03/2023

Eco Renueva: actualiza los dispositivos de tu casa y favorece al planeta 

27/03/2023

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

  • Contacto
  • Publicidad
  • Sobre Pixelco
  • Política de Privacidad

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Sin resultados
Ver todos los resultados
  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.
 

Cargando comentarios...