{"id":7428,"date":"2019-08-16T09:47:34","date_gmt":"2019-08-16T14:47:34","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=7428"},"modified":"2019-08-16T09:48:48","modified_gmt":"2019-08-16T14:48:48","slug":"diseno-web-puerto-vallarta","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/diseno-web-puerto-vallarta\/","title":{"rendered":"Dise\u00f1o web Puerto Vallarta"},"content":{"rendered":"<h1>Dise\u00f1o web Puerto Vallarta<\/h1>\n<figure id=\"attachment_6117\" aria-describedby=\"caption-attachment-6117\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-6117 size-medium\" title=\"Dise\u00f1o web Puerto Vallarta\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-valencia-480x209.jpg.webp\" alt=\"Dise\u00f1o web Puerto Vallarta\" width=\"480\" height=\"209\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-valencia-480x209.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-valencia-768x334.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-valencia-960x418.jpg.webp 960w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-valencia.jpg.webp 999w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-6117\" class=\"wp-caption-text\"><em><strong>Dise\u00f1o web Puerto Vallarta<\/strong><\/em><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>Sonido en HTML I<\/h3>\n<p><em><strong>Dise\u00f1o web Puerto Vallarta<\/strong><\/em>: En su corta pero r\u00e1pida vida, las p\u00e1ginas web han pasado a ser no ya unos meros documentos textuales a los que se puede acceder por Internet, sino unas verdaderas presentaciones multimedia, que combinan textos con im\u00e1genes, sonidos, videos y elementos de realidad virtual.<\/p>\n<p>Si el primer paso que se dio fue a\u00f1adir im\u00e1genes a las p\u00e1ginas web, tanto est\u00e1ticas como din\u00e1micas GIF animados), el siguiente paso consisti\u00f3 en introducir sonidos en las mismas, consiguiendo con ellos el apelativo de \u201cmultimedia\u201d. Y nos referiremos en lo sucesivo cuando hablemos de sonido tanto a sonido sintetizado como a verdaderas grabaciones de audio, de calidad muy elevada.<\/p>\n<p>Ahora bien, aunque los navegadores han sido capaces de interpretar los ficheros de sonido adecuados desde hace ya algunas versiones, es cierto que la aplicaci\u00f3n de sonidos a las p\u00e1ginas web ha estado limitada desde siempre por el ancho de banda necesario en las conexiones a Internet para poder descargar de forma adecuada dichos ficheros, debido al tama\u00f1o \u201cexcesivo\u201d de los mismos.<\/p>\n<p>Otra de las limitaciones importantes que encontramos a la hora de incluir ficheros de sonido en nuestras p\u00e1ginas es la diferentes implementaci\u00f3n que hacen de ellos los navegadores web m\u00e1s usados. En efecto, no s\u00f3lo deberemos usar etiquetas HTML distintas para Internet Explorer que para Netscape Navigator, sino que a veces la forma misma de interpretar el sonido puede diferir de uno a otro navegador.<\/p>\n<p>Por \u00faltimo, hay que destacar que a la hora de incluir ficheros de audio en nuestras p\u00e1ginas debemos ser conscientes que muchos de los formatos usados, sobre todo en grabaciones de calidad, precisan un plugin o programa especial para su reproducci\u00f3n en el navegador cliente. Y si es cierto que actualmente hay ciertos plugins se han transformado casi en un est\u00e1ndar en Internet (como el de Real Audio o el de MP3), hay otros posibles que no es normal tener instalados, por lo que si incluimos ficheros de esos tipos obligaremos al usuario a tener que instalarlos, cosa a la que suele ser reacio.\u00a0(\u00a0<em><strong>Dise\u00f1o web Puerto Vallarta<\/strong><\/em> )<\/p>\n<p>&nbsp;<\/p>\n<h3>Sonido en HTML II, caracter\u00edsticas del sonido digital<\/h3>\n<p><em><strong>Dise\u00f1o web Puerto Vallarta<\/strong><\/em>: Vamos a estudiar algunos de los conceptos b\u00e1sicos del sonido digital, aunque sin entrar en demasiadas consideraciones t\u00e9cnicas. Para aquellos que deseen m\u00e1s informaci\u00f3n, existen multitud de sitios web que estudian espec\u00edficamente el sonido digital y el hardware necesario para su captura y reproducci\u00f3n.<\/p>\n<p>El sonido tiene una naturaleza ondulante, es decir, se propaga en forma de ondas anal\u00f3gicas desde el objeto que lo produce. Las caracter\u00edsticas propias de cualquier sonido (desde el producido por un autom\u00f3vil hasta una bella canci\u00f3n), sus diferentes tonos y notas dependen precisamente de las propiedades f\u00edsicas de las ondas que lo forman.<\/p>\n<p>Para poder viajar desde el emisor al receptor, las ondas de sonido precisan de un medio f\u00edsico de soporte, ya sea el aire de la atm\u00f3sfera, al agua, etc. Tanto es as\u00ed que en el espacio exterior, donde no hay medio f\u00edsico soporte, no se pueden transmitir sonidos.<\/p>\n<p>Si representamos en un gr\u00e1fico un sonido complejo, obtendremos la siguiente figura:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7429 size-medium lazyload\" title=\"Dise\u00f1o web Puerto Vallarta\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/sonido1-480x140.jpg.webp\" alt=\"Dise\u00f1o web Puerto Vallarta\" width=\"480\" height=\"140\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/sonido1-480x140.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/sonido1.jpg.webp 539w\" data-sizes=\"(max-width: 480px) 100vw, 480px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/140;\" \/><\/p>\n<p>En la que podemos apreciar los diferentes valores de onda que va tomando el sonido.<\/p>\n<p>Todos sabemos que los equipos inform\u00e1ticos no trabajan con datos anal\u00f3gicos, sino que lo hacen con datos digitales, formados por estados binarios. Por lo tanto, para representar un sonido, desde el punto de vista inform\u00e1tico, es preciso capturarlo en una naturaleza binaria, para lo que se hace un muestreo del mismo, tomando determinados valores de las ondas y representando dichos valores en formato digital. En cada captura obtendremos un punto de la gr\u00e1fica anterior.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7430 size-medium lazyload\" title=\"Dise\u00f1o web Puerto Vallarta\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/sonido2-480x143.jpg.webp\" alt=\"Dise\u00f1o web Puerto Vallarta\" width=\"480\" height=\"143\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/sonido2-480x143.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/sonido2.jpg.webp 532w\" data-sizes=\"(max-width: 480px) 100vw, 480px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/143;\" \/><\/p>\n<p>Pero, \u00bfCu\u00e1ntas muestras deberemos tomar?. Este es el verdadero meollo de la cuesti\u00f3n, ya que cuantas m\u00e1s muestras tomemos, m\u00e1s fiel ser\u00e1 el sonido capturado respecto al original, con lo que tendr\u00e1 m\u00e1s calidad.<\/p>\n<p>Para medir el n\u00famero de capturas utilizamos la frecuencia del muestreo. Como un Herzio es un ciclo por segundo, la frecuencia de una captura en Herzios representa el n\u00famero de capturas que realizamos en un segundo. As\u00ed, una frecuencia de muestreo de 20 KHz (20 Kilo Herzios = 20000 Herzios) realizar\u00e1 20000 capturas de puntos cada segundo.<\/p>\n<p>El o\u00eddo humano es captar de captar la asombrosa cantidad de 44000 sonidos por segundo, es<br \/>\ndecir, 44 KHz. Por lo tanto, para que un sonido digital tenga suficiente calidad deber\u00e1 estar basado en una frecuencia similar a \u00e9sta. En general, el valor est\u00e1ndar de captura de sonidos de calidad es de 44,1 Khz (calidad CD), aunque hay capturadoras de sonido profesionales que llegan hasta los 100 Khz, con objeto de obtener un mayor n\u00famero de puntos sobre la muestra, consiguiendo una calidad m\u00e1xima.<\/p>\n<p>Otro concepto del que habr\u00e9is o\u00eddo hablar en torno al sonido digital es el n\u00famero de bits de una tarjeta de sonido. El origen de esta magnitud es que, a la hora de capturar el sonido, no s\u00f3lo es importante el n\u00famero de muestreos tomados, sino tambi\u00e9n la cantidad de informaci\u00f3n capturada en cada uno de esos muestreos. (\u00a0<em><strong>Dise\u00f1o web Puerto Vallarta<\/strong><\/em> )<\/p>\n<p>Una vez capturado el sonido, para su posterior reproducci\u00f3n en un equipo inform\u00e1tico es necesario mandar una serie de impulsos o posiciones a los altavoces para que creen el sonido a partir de ellos. \u00bfC\u00f3mo?. Bien, produciendo a partir de esas posiciones movimientos de las membranas de los altavoces, movimientos que transforman de nuevo el sonido digital en anal\u00f3gico, estado en el que es capaz de viajar por el aire y producir los est\u00edmulos necesarios en nuestros t\u00edmpanos, con lo que somos capaces de percibir el sonido \u201coriginal\u201d. Cuantas m\u00e1s posiciones de informaci\u00f3n se env\u00eden a los altavoces, mejor calidad tendr\u00e1 el sonido reproducido.<\/p>\n<p>Con estas bases, se define el n\u00famero de bits de un sonido digital como el n\u00famero de impulsos de informaci\u00f3n (posiciones) que se env\u00edan a los altavoces para su transformaci\u00f3n en ondas anal\u00f3gicas.<\/p>\n<p>Las tarjetas de sonido actuales trabajan normalmente con 8 bits de informaci\u00f3n, con los que se pueden obtener 28=256 posiciones (ceros y unos binarios), aunque hay algunas de mayor calidad que son capaces de trabajar con capturas de 16 bits, que originan 216 = 65536 posiciones de informaci\u00f3n.<\/p>\n<p>Como dato de referencia, los CDs actuales est\u00e1n basados en sonido grabado a 44 Khz y con un tama\u00f1o de muestra de 16 bits. Estas medidas se conocen con el nombre de sonido de calidad CD.<\/p>\n<p>Por \u00faltimo, una vez que el sonido digital llega a nuestros o\u00eddos, impactan contra los t\u00edmpanos, verdaderas membranas especializadas que vuelven a transformar las ondas anal\u00f3gicas en impulsos el\u00e9ctricos, que viajan hasta nuestro cerebro, donde son interpretados y producen las sensaciones auditivas que todos conocemos.<\/p>\n<p>Una excepci\u00f3n al sonido anteriormente descrito, que podemos denominar &#8220;de datos de sonido&#8221;, es el sonido sintetizado, en el que no se realiza ninguna captura de ondas sonoras reales, sino que es sonido totalmente digital, generado directamente en el equipo inform\u00e1tico por en reproductor digital conocido con el nombre de MIDI (Music Instrument Digital Interface). Cuando se desea reproducir una nota musical concreta, se env\u00eda un comando MIDI al chip sintetizador, que se encarga de traducir ese comando en una vibraci\u00f3n especial que produce la nota. Mediante este sistema es posible crear melod\u00edas bastante aceptables, aunque nunca tendr\u00e1n la calidad ni riqueza de una onda sonora natural capturada. (\u00a0<em><strong>Dise\u00f1o web Puerto Vallarta<\/strong><\/em> )<\/p>\n<p>&nbsp;<\/p>\n<p>#<em><strong>Dise\u00f1owebPuertoVallarta<\/strong><\/em> #Desarrollo web Puerto vallarta #Agencia de dise\u00f1o web Puerto Vallarta<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o web Puerto Vallarta &nbsp; Sonido en HTML I Dise\u00f1o web Puerto Vallarta: En su corta pero r\u00e1pida vida, las p\u00e1ginas web han pasado a ser no ya unos meros documentos textuales a los que se puede acceder por Internet, sino unas verdaderas presentaciones multimedia, que combinan textos con im\u00e1genes, sonidos, videos y elementos de &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/diseno-web-puerto-vallarta\/\"> <span class=\"screen-reader-text\">Dise\u00f1o web Puerto Vallarta<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":6117,"comment_status":"closed","ping_status":"closed","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":[55],"tags":[421,1230,1229,1144,143,47,1228,555],"class_list":["post-7428","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-agencia-de-desarrollo-web","tag-agencia-de-diseno-web-puerto-vallarta","tag-desarrollo-web-puerto-vallarta","tag-diseno-web-cdmx","tag-diseno-web-df","tag-diseno-web-guadalajara","tag-diseno-web-puerto-vallarta","tag-diseno-web-zapopan"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=7428"}],"version-history":[{"count":3,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7428\/revisions"}],"predecessor-version":[{"id":7433,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7428\/revisions\/7433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/6117"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}