Han sucedido muchas cosas en CSS en los últimos años, pero no hay nada que necesitemos más que la próxima API Olfactive. Ahora, sé lo que vas a decir, ampliar la red de una manera más inmersiva es algo bueno y, en general, estoy de acuerdo, pero aún no hay soporte universal para hardware, lo cual, en mi opinión, es demasiado y demasiado pronto.
Primero veamos el hardware. Disney World y otros parques temáticos han producido algunas películas de nicho llamadas 4D (lo cual es una tontería porque no existe una cuarta dimensión y si piensas en el tiempo como la cuarta dimensión, entonces cada película es la cuarta dimensión). Algunas startups están intentando sentido del olfato hasta los tiempos modernos, pero al momento de escribir este artículo, el hardware aún no está listo para el uso del consumidor. Dicho esto, está en desarrollo activo y una startup me aseguró que la tecnología estará disponible dentro de un año. (Las empresas emergentes nunca mentirían sobre el momento del lanzamiento de su producto, ¿verdad?)
Incluso si se lanza dentro de un año, ¿seguiremos queriéndolo? Quiero decir Olfato-Visión Totalmente poniéndose de moda, ¿verdad? Definitivamente no se considera uno de los peores inventos de todos los tiempos… pero, por desgracia, a nadie le importan las divagaciones de un loco, al menos no. este Loco, entonces la API sigue funcionando.
Bien, ahora dejaré mi tema y trataré de concentrarme en la tecnología y en cómo funciona.
Oler la tecnología
Uno de los debates en curso en el Grupo de Trabajo CSS es si deberíamos limitar los aromas a aquellos que la industria de las fragancias considera agradables o si deberíamos abrir el sitio a una variedad más amplia de aromas. Por ejemplo, si bien el sentido del olfato de cada persona es diferente, la industria del perfume se centra en seleccionar fragancias que agradarán a muchas personas.
Dicho esto, hay muchos olores agradables que no se incluirán, como el olor a comida: pan recién horneado, etc. Las grandes salas de comidas están ansiosas por incluir estos sabores en su publicidad. A partir de ahora, CSS Olfactive API solo incluye las 12 categorías generales utilizadas por la industria de las fragancias, pero así como hay formas de ampliar la gama de colores, el sistema está diseñado para permitir la expansión de aromas en el futuro cuando aumente la cantidad de fragmentos de fragancias disponibles.
familia apestosa
No es necesario buscar mucho en Internet para encontrar algo llamado rueda de olor (También se llama rueda de fragancias o rueda de fragancias, pero yo solo uso la última). Hay cuatro familias más grandes de olores:
- florido
- Ámbar (anteriormente ámbar oriental)
- leñoso
- fresco
Cada una de las cuatro categorías se subdivide en otras categorías, aunque existe una superposición entre el lugar donde comienza/termina una de las familias más grandes y el lugar donde comienza/termina la subfamilia.
- Flor:
- flor (
fl) - Fragancia floral suave (
sf) - ámbar floral (
fa)
- flor (
- ámbar:
- Ámbar suave (
sa) - ámbar(
am) - ámbar amaderado (
wa)
- Ámbar suave (
- Leñoso:
- Bosque (
wo) - bosques cubiertos de musgo (
mw) - maderas secas (
dw)
- Bosque (
- fresco (
fr)- Aromático (
ar) - Mandarina(
ct) - agua(
ho) - verde (
gr) - Afrutado (
fu)
- Aromático (
Es a partir de estas quince categorías de perfumes que se pueden elaborar perfumes mezclando diferentes cantidades utilizando un identificador de dos letras. (Discutiremos esto cuando discutamos esto scent() Entrará en juego más tarde. Tenga en cuenta que “Fresh” es la única familia numerosa con su propio código de identificación (fr) porque otras familias más grandes están duplicadas en subfamilias)
implementar
Primero, se implementa en HTML (sensiblemente) de la misma manera que el video y el audio, con la adición <scent> elementos, y <source> Nuevamente se usa para brindarle al navegador diferentes opciones para enviar un aroma hacia su rastreador. Se están desarrollando tres formatos de archivo competitivos .smll, .armay no te mentí, .smly. Uno lo lanza Google, otro lo lanza Mozilla y el otro, no es broma, lo lanza Frank’s Fine Fragrances, que pretende ingresar a la “cuarta dimensión de Internet”.
<scent controls autosmell="none">
<source src=“mossywoods.smll” type=“scent/smll”>
<source src=“mossywoods.arma” type=“scent/arma”>
<source src=“mossywoods.smly” type=“scent/smly”>
<a href=“mossywoods.smll”>Smell our Mossy Woods scent</a>
</scent>Para accesibilidad, asegúrese de configurar autosmell atribuido a none. En teoría, esto no es necesario, pero algunos equipos actuales tienen un error que abre el agua incluso si el aroma aún no está activado.
Sin embargo, de manera similar a cómo usas una imagen o un video en el fondo de un elemento, también puedes usar la nueva función para adjuntar un perfil de aroma a un elemento. scent-profile propiedad.
scent-profile Puedes hacer una de tres cosas.
Palabras clave none (por defecto):
scent-profile: none;uno url() Rutas de funciones y archivos, por ejemplo:
scent-profile: url(mossywoods.smll);o utilizar un conjunto de identificadores de aroma scent() Función:
scent-profile: scent(wo, ho, fu);Esto crea un aroma amaderado, acuoso y afrutado que para mí es “huertos bajo la lluvia”, pero que huele más a “un plato de puré de manzana aguado”. Pero tómate esto con cautela, porque me han dicho que tengo una “paleta nasal de peces muertos”.
Puedes agregar hasta cinco subfamilias de aromas a la vez. Este es un límite arbitrario, pero excederlo puede confundir los olores. Se utilizará una cantidad igual de cada uno, pero puedes usar nuevos. whf unidades para ajustar el uso de cada una. 100whf Es el aroma más fuerte. A diferencia de la mayoría de las organizaciones, su implementación debe totalizar 100whf O menos. Si sus números suman más de 100, el navegador tomará el primero 100whfObtiene e ignora todo después de eso.
scent-profile: scent(wo 20whf, ho 13whf, fu 67whf);…o puedes reducir el olor general eligiendo whfMenos de 100:
scent-profile: scent(wo 5whf, ho 2whf, fu 14whf);En el futuro, si se permite el uso de otras especias, solo será necesario agregar algunos fragmentos de especias nuevos para crear un aire aromático.
Descubra las limitaciones
Una de las mayores preocupaciones del grupo de trabajo es que algunos desarrolladores se vuelvan locos colocando scent-profileCada elemento es así, abruma al usuario y confunde con cada aroma utilizado.
Por lo tanto se decidió que el navegador sólo permitiría una scent-profile Conjunto basado en el subárbol del elemento padre. Esto básicamente significa que una vez que configuras scent-profile Sobre un elemento específico, no se puede agregar un perfil olfativo a ninguno de sus descendientes, ni a ninguno de sus elementos hermanos. De esta manera, configure el perfil de aroma en el selector de hambre (p. ej. * o div) creará una fracción del perfil olfativo creado por otros medios. Si bien obviamente existen algunas formas sencillas de eludir esta restricción de forma maliciosa, se cree que esto al menos debería evitar que los desarrolladores abrumen accidentalmente a los usuarios.
Accesibilidad aromática
Dado que el olor podría ser demasiado fuerte, también agregaron una consulta de medios:
.reeks {
scent-profile: scent(fl, fa, fu);
}
@media (prefers-reduced-pungency: reduce) {
.reeks {
scent-profile: scent(fl 10whf, fa 10whf, fu 10whf);
}
}
@media (prefers-reduced-pungency: remove) {
.reeks {
scent-profile: none;
}
}Soporte del navegador
Sorprendentemente, aunque Chrome Canary lleva el nombre de un pájaro que puede oler el gas en las minas, Chrome aún no ha comenzado a experimentar con él. Al momento de escribir este artículo, el único navegador disponible para pruebas es el navegador KaiOS.
en conclusión
Ahí lo tienes. Todavía no creo que necesitemos esto, pero a medida que la tecnología continúa avanzando, es posible que esto sea algo que no podamos detener. Entonces, hagamos un trato entre tú leyendo esto y yo escribiendo esto: siempre usarás tus nuevas habilidades olfativas encontradas… y Nunca se podría decir que este artículo es malo.
Más información sobre API de olor CSS.
