{"id":3613,"date":"2017-10-05T22:39:14","date_gmt":"2017-10-05T22:39:14","guid":{"rendered":"http:\/\/disenoweb.mx\/?p=3613"},"modified":"2017-10-05T22:39:14","modified_gmt":"2017-10-05T22:39:14","slug":"multimedia-html5","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/multimedia-html5\/","title":{"rendered":"Multimedia en HTML5"},"content":{"rendered":"\n

Multimedia en HTML5<\/h1>\n

\u00a0<\/p>\n

\"Multimedia<\/p>\n

<\/h2>\n

MULTIMEDIA<\/h2>\n

Hasta hace no mucho tiempo, la tecnolog\u00eda Flash era el dominador indiscutible en el campo Multimedia en HTML5<\/em><\/strong><\/a>\u00a0 de la web. Gracias a esta tecnolog\u00eda es relativamente sencillo transmitir audio y v\u00eddeo a trav\u00e9s de la red, y realizar animaciones que de otra manera ser\u00eda imposible. Pr\u00e1cticamente todos los navegadores tienen incorporado un plugin para la reproducci\u00f3n de archivos flash, por lo que la elecci\u00f3n era clara. Entonces, \u00bfpor qu\u00e9 una necesidad de cambio? dise\u00f1o<\/em>
\nHasta ahora, para incluir un elemento Multimedia en HTML5<\/em><\/strong> un documento, se hac\u00eda uso del elemento <object>, cuya funci\u00f3n es incluir un elemento externo gen\u00e9rico. Debido a la incompatibilidad entre navegadores, se hac\u00eda tambi\u00e9n necesario el uso del elemento <embed> y duplicar una serie de par\u00e1metros. El resultado era un c\u00f3digo de este estilo dise\u00f1o web<\/em>:
\n<object width=\u201d425\u2033 height=\u201d344\u2033><\/p>\n

<param name=\u201dmovie\u201d value=\u201dhttp:\/\/www.youtube.com\/v\/9sEI1AUFJKw&hl=en_GB&fs=1&\u201d><\/param><\/p>\n

<param name=\u201dallowFullScreen\u201d value=\u201dtrue\u201d><\/param><\/p>\n

<param name=\u201dallowscriptaccess\u201d value=\u201dalways\u201d><\/param><\/p>\n

<embed src=\u201dhttp:\/\/www.youtube.com\/v\/9sEI1AUFJKw&hl=en_GB&fs=1&\u201d type=\u201dapplication\/x-shockwave-flash\u201d allowscriptaccess=\u201dalways\u201d allowfullscreen=\u201dtrue\u201d width=\u201d425\u2033 height=\u201d344\u2033><\/embed> <\/object>
\nDejando de lado que el c\u00f3digo es poco amigable, en este caso tenemos el problema que el navegador tiene que transmitir el v\u00eddeo a un plugin instalado en el navegador, con la esperanza que el usuario tenga instalada la versi\u00f3n correcta o tenga permisos para hacerlo, y muchos otros requisitos que pueden ser necesarios. Los plugins pueden causar que el navegador o el sistema se comporte de manera inestable, o incluso podemos crear una inseguridad a usuarios sin conocimientos t\u00e9cnicos, a los que se pide que descarguen e instalen un nuevo software.
\nDe alguna manera, podemos estar creando una barrera para ciertos usuarios, algo que no es para nada deseable dise\u00f1o web Guadalajara<\/em>.<\/p>\n

V\u00cdDEO<\/p>\n

Una de las mayores ventajas del elemento <video> (y <audio>) de HTML5, es que, finalmente, est\u00e1n totalmente integrados en la web. Ya no es necesario depender de software de terceros, y esto es una gran ventaja Multimedia en HTML5.<\/em><\/strong><\/p>\n

Multimedia en HTML5<\/strong><\/em><\/h2>\n

#MultimediaenHTML5<\/p>\n","protected":false},"excerpt":{"rendered":"

Multimedia en HTML5 \u00a0 MULTIMEDIA Hasta hace no mucho tiempo, la tecnolog\u00eda Flash era el dominador indiscutible en el campo Multimedia en HTML5\u00a0 de la web. Gracias a esta tecnolog\u00eda es relativamente sencillo transmitir audio y v\u00eddeo a trav\u00e9s de la red, y realizar animaciones que de otra manera ser\u00eda imposible. Pr\u00e1cticamente todos los navegadores …<\/p>\n

Multimedia en HTML5<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":1409,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[1189],"tags":[70,46,143,47,1211,128],"class_list":["post-3613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","tag-diseno","tag-diseno-web","tag-diseno-web-df","tag-diseno-web-guadalajara","tag-multimedia-en-html5","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=3613"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3613\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media\/1409"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=3613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=3613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=3613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}