WEBVTT 00:00:00.006 --> 00:00:02.306 Hola a todos. 00:00:02.306 --> 00:00:07.840 [EXTERNA] Mi nombre es David. 00:00:09.080 --> 00:00:10.290 Me llamo David Catuhe. 00:00:10.290 --> 00:00:15.870 Estoy trabajando para DX de Microsoft y el foco se encuentra en 00:00:15.870 --> 00:00:20.650 los estándares Web abiertos y Obviamente para Microsoft Edge. 00:00:20.650 --> 00:00:23.520 Voy a hacer que todos a lo largo de esta sesión, 00:00:23.520 --> 00:00:27.640 tratando de no decir Microsoft Spot y así diciendo Microsoft Edge, 00:00:27.640 --> 00:00:29.750 Por favor, siga leyendo. 00:00:29.750 --> 00:00:31.070 Estoy aquí con David. 00:00:31.070 --> 00:00:32.320 >> Hola. Por lo tanto, estoy haciendo 00:00:32.320 --> 00:00:34.020 más de lo mismo, y 00:00:34.020 --> 00:00:37.300 Trabajo como el programa Senior Administrador en la misma materia. 00:00:37.300 --> 00:00:40.970 >>, Por lo que hoy vamos a presentar en el centro 00:00:40.970 --> 00:00:42.830 borde de Microsoft. 00:00:42.830 --> 00:00:45.990 Y sobre todo vamos a intentar se centran en las nuevas características 00:00:45.990 --> 00:00:47.590 que hemos agregado en él. 00:00:47.590 --> 00:00:51.600 Y queremos hacer una pequeña Introducción antes, 00:00:51.600 --> 00:00:53.960 ¿para explicar por qué un nuevo explorador? 00:00:55.210 --> 00:00:56.455 ¿Qué es dentro? 00:00:56.455 --> 00:00:59.185 Y, a continuación, vaya a hacer algún código. 00:00:59.185 --> 00:01:00.185 >> Y un montón de demostraciones. 00:01:00.185 --> 00:01:03.455 >> Sí, por lo que, envíe una evaluación. 00:01:03.455 --> 00:01:05.125 Hay algunos premios para ganar. 00:01:05.125 --> 00:01:06.725 Utilice el código QR aquí. 00:01:06.725 --> 00:01:09.435 Creo que se utilizan para que. 00:01:10.435 --> 00:01:13.700 Por lo tanto, el orden del día, en tres partes, ¿Por qué un nuevo motor? 00:01:13.700 --> 00:01:17.400 Entonces, ¿qué web moderna interoperabilidad, hoy en día, y 00:01:17.400 --> 00:01:20.267 Obviamente nos centraremos, a continuación características y código. 00:01:21.540 --> 00:01:23.230 Un sondeo rápido. 00:01:23.230 --> 00:01:25.090 ¿Quién es un desarrollador web? 00:01:26.530 --> 00:01:27.670 Te AMO chicos. 00:01:27.670 --> 00:01:29.830 Me encanta obviamente así usuario uno. 00:01:29.830 --> 00:01:33.310 [RISA] Pero es un gran grupo de personas, y 00:01:33.310 --> 00:01:35.910 Recuerdo el año pasado, Cuando preguntamos a esta pregunta, 00:01:35.910 --> 00:01:40.830 tal vez era el 20% de la sala, y creo que es ahora como 50. 00:01:40.830 --> 00:01:42.380 Es una buena evaluación. 00:01:42.380 --> 00:01:43.690 Por lo tanto, en primer lugar la pregunta. 00:01:43.690 --> 00:01:44.880 ¿Por qué crear un nuevo motor? 00:01:44.880 --> 00:01:46.780 ¿Por qué la creación de un nuevo explorador? 00:01:46.780 --> 00:01:50.520 Por ello, para darle sólo un poco de vocabulario, 00:01:50.520 --> 00:01:52.570 es el funcionamiento de un explorador. 00:01:52.570 --> 00:01:54.790 Contamos con la propia ventana. 00:01:54.790 --> 00:01:55.820 Lo que llamamos el cromo. 00:01:55.820 --> 00:01:58.460 No es fácil de utilizar cuando nos ocupamos de explorador, modo 00:01:58.460 --> 00:02:00.360 vamos a llamar una ventana. 00:02:00.360 --> 00:02:04.760 Dentro de esa ventana, contamos con la Plataforma Web, lo que significa que el archivo DLL 00:02:04.760 --> 00:02:09.430 y el de C++ código identificador todo lo relacionado con HTML, 00:02:09.430 --> 00:02:14.900 JavaScript, CSS con el fin de representar ¿una imagen de la página, está bien? 00:02:14.900 --> 00:02:18.420 Es Decir, el nombre de la plataforma Web es Trident. 00:02:18.420 --> 00:02:22.190 Tenemos el mismo artículo para Cromo, y 00:02:22.190 --> 00:02:25.760 el nombre de la plataforma Web Este tiempo es intermitente. 00:02:25.760 --> 00:02:30.870 Tenemos WebKit de Safari, y tenemos Gecko para Firefox. 00:02:30.870 --> 00:02:32.830 Pero todos funcionan del mismo modo, una ventana, y 00:02:32.830 --> 00:02:34.690 ¿en el interior, una plataforma Web, bien? 00:02:34.690 --> 00:02:35.450 Un motor de representación. 00:02:37.400 --> 00:02:38.502 Un poco de historia. 00:02:38.502 --> 00:02:42.860 hace 20 años, comenzamos 00:02:42.860 --> 00:02:47.820 en 1995, con una primera versión de Internet Explorer, hace 20 años. 00:02:47.820 --> 00:02:51.450 Cuando hablamos de informática, es similar a los dinosaurios. 00:02:52.740 --> 00:02:54.510 En ese momento que creamos una primera versión. 00:02:54.510 --> 00:02:57.330 Pero sólo pasemos a IE6. 00:02:57.330 --> 00:03:01.210 IE6 fue la primera versión en la que presentamos un nuevo juguete, 00:03:02.370 --> 00:03:05.130 el! TIPO DE DOCUMENTO. 00:03:05.130 --> 00:03:10.163 Era una idea para nosotros en la dirección al mismo tiempo, nuevas características y 00:03:10.163 --> 00:03:14.102 compatibilidad con el trabajo. 00:03:15.470 --> 00:03:18.010 Queremos agregar mucho nuevas características dentro de Internet Explorer 00:03:18.010 --> 00:03:20.330 sin romper el web. 00:03:20.330 --> 00:03:23.080 Por lo que hemos dicho, está bien, vamos a considerar 00:03:23.080 --> 00:03:28.632 Si el desarrollador web poner bank.type al principio de la página. 00:03:28.632 --> 00:03:30.440 Consideramos que es un desencadenador para 00:03:30.440 --> 00:03:35.880 uso muy nuevo característica que hemos agregado en IE6. 00:03:35.880 --> 00:03:37.428 Pero ya que nosotros no para descomponer el web, 00:03:37.428 --> 00:03:42.830 Contratamos externamente informe anterior versión como IE5, etc.. 00:03:42.830 --> 00:03:46.470 Llamamos a el modo de doc modo de documento. 00:03:46.470 --> 00:03:51.670 El modo de documento es un indicador de compact dentro de nuestro código que activa y 00:03:51.670 --> 00:03:54.400 cualquier característica específica que tenemos. 00:03:54.400 --> 00:03:58.584 Sólo podemos imaginar que en el interior iCode, hay una docena de if. 00:03:58.584 --> 00:04:01.306 Si IE6, entonces podemos hacer eso. 00:04:01.306 --> 00:04:04.050 Si IE5, entonces no podemos hacer eso. 00:04:04.050 --> 00:04:05.330 ¿De acuerdo? 00:04:05.330 --> 00:04:07.969 Y para IE6, teníamos en ese momento, 00:04:07.969 --> 00:04:11.330 dentro del mismo motor, modo de dos doc. 00:04:11.330 --> 00:04:15.680 Por lo tanto, puede ser una combinación dos if, en realidad. 00:04:15.680 --> 00:04:18.170 Si esto para cualquier versión, Luego podemos hacer eso. 00:04:18.170 --> 00:04:21.570 Si no esta versión específica, entonces no podemos hacer eso. 00:04:23.040 --> 00:04:24.930 Si avanzamos, vamos a IE8. 00:04:27.160 --> 00:04:30.690 Hemos introducido con IE8 un tercer documento modo. 00:04:30.690 --> 00:04:33.130 Misma historia aquí realmente. 00:04:33.130 --> 00:04:34.960 Tomamos aún más este concepto. 00:04:34.960 --> 00:04:38.260 Tres de documento modo, por lo que modo si dentro del código. 00:04:39.490 --> 00:04:43.757 Siempre tenga en cuenta que pretende proporcionar nuevos 00:04:43.757 --> 00:04:47.712 características sin romper el web, ¿de acuerdo? 00:04:47.712 --> 00:04:49.151 Y, a continuación. 00:04:49.151 --> 00:04:52.481 Pasemos a IE11. 00:04:52.481 --> 00:04:54.457 ¿Sabe qué? 00:04:54.457 --> 00:04:58.315 En ese momento, sabíamos que había un problema. 00:04:58.315 --> 00:05:03.200 >> [RISA] >> No es posible. 00:05:03.200 --> 00:05:08.230 El desarrollador que creó IEngine eran realmente valientes chicos. 00:05:08.230 --> 00:05:12.880 Imaginemos que tenemos un montón If IE11 y no 10 pero 00:05:12.880 --> 00:05:17.080 8 y cualquiera que sea, sólo era realmente complicado hacer. 00:05:17.080 --> 00:05:21.679 Pero lo hacemos porque he trabajado para Chris en ese momento, era compat, 00:05:21.679 --> 00:05:25.320 compatibilidad con versiones anteriores. 00:05:25.320 --> 00:05:29.750 Al mismo tiempo, cromo, 00:05:29.750 --> 00:05:33.740 Firefox, Opera, Safari son lo que llamamos perennes. 00:05:33.740 --> 00:05:37.540 Esto significa que sólo tienen una versión específica. 00:05:37.540 --> 00:05:41.890 Si no tienen 31 de cromo o Si cromo 32, cualquiera que sea. 00:05:41.890 --> 00:05:45.240 Sólo tienen todos la característica siempre está disponible. 00:05:45.240 --> 00:05:49.070 Y se actualizan con bastante frecuencia. 00:05:50.640 --> 00:05:52.940 No era un juego justo para nosotros. 00:05:54.660 --> 00:05:56.890 Por eso decidimos introducir un nuevo explorador. 00:05:56.890 --> 00:05:58.850 La idea es bastante simple en realidad, 00:05:58.850 --> 00:06:01.530 vamos a mantener IE11 desde compatibilidad con versiones anteriores. 00:06:01.530 --> 00:06:03.680 No tocamos IE11 ya. 00:06:03.680 --> 00:06:07.296 Sería en el [INAUDIBLE] Si hemos adquirido para la empresa, 00:06:07.296 --> 00:06:11.650 o para una determinada característica que no se admite la web moderna. 00:06:11.650 --> 00:06:13.970 Llamamos a las funciones heredadas. 00:06:13.970 --> 00:06:17.100 No queremos romper el web, pero queremos ir y 00:06:17.100 --> 00:06:20.270 para proporcionar una mejor experiencia para nuestros desarrolladores web. 00:06:20.270 --> 00:06:25.380 Por lo tanto, vamos a introducir Microsoft Edge, basándose en la nueva 00:06:25.380 --> 00:06:29.900 DLL que es una bifurcación de Trident, y Volveremos a que después de, y 00:06:29.900 --> 00:06:33.340 que abarque a todos nuestros dispositivos Windows 10. 00:06:33.340 --> 00:06:37.340 Y puede ver aquí le tiene, no es punto pero 00:06:37.340 --> 00:06:40.680 Borde en el Windows phone, en Tablet PC, en su PC. 00:06:40.680 --> 00:06:45.969 Y eso es algo que realmente me encanta, para ser honesto con usted. 00:06:45.969 --> 00:06:50.470 [RISA] Y hablando de nuevo el explorador, 00:06:51.520 --> 00:06:54.240 obviamente tenemos que hablar acerca de la interoperabilidad con 00:06:54.240 --> 00:06:57.160 la web, y con otros proveedores de exploradores. 00:06:57.160 --> 00:07:01.470 Y David, nos puede dar ¿obtener más información acerca de eso? 00:07:01.470 --> 00:07:05.110 >> Sí, por lo que en la actualidad cuando se utiliza web, direcciones web, 00:07:05.110 --> 00:07:09.260 hay una variedad de dispositivos puede destinar, por lo que es enorme, lo 00:07:09.260 --> 00:07:14.060 su Tablet PC, PC, teléfonos, televisores, incluso. 00:07:14.060 --> 00:07:15.710 >> Frigorífico. >> Mucho de ellos. Frigorífico. 00:07:15.710 --> 00:07:16.720 Sí, en su caso frigorífico, 00:07:16.720 --> 00:07:17.260 eso es correcto. 00:07:17.260 --> 00:07:18.970 >> Tenemos un refrigerador conectado. 00:07:18.970 --> 00:07:23.200 >> La idea no es escribir una vez y Para ejecutar en todas partes, esto es un sueño. 00:07:23.200 --> 00:07:26.460 A continuación, verá que hay es una especificación. 00:07:27.990 --> 00:07:32.115 Especificación de escritura como explorador los proveedores es un poco compleja. 00:07:32.115 --> 00:07:33.124 Se tarda tiempo. 00:07:33.124 --> 00:07:34.186 Por ejemplo, 00:07:34.186 --> 00:07:39.600 Especificación de archivo HTML más de 600 páginas para leer y revisar. 00:07:39.600 --> 00:07:43.590 Por lo tanto, hacemos, escribimos exploradores juntos. 00:07:43.590 --> 00:07:46.900 Pero a veces, los desarrolladores de web no se están leyendo las especificaciones. 00:07:46.900 --> 00:07:48.760 >> A veces, que no lo entiendo. 00:07:48.760 --> 00:07:49.260 >> Sí. 00:07:50.980 --> 00:07:52.730 Y, pero funciona bien la mayoría de las veces. 00:07:52.730 --> 00:07:57.660 Por ejemplo, en el escritorio de energía Si se echa un vistazo a este lado. 00:07:57.660 --> 00:08:01.700 Ahora, si está utilizando la versión moderna Firefox desde un explorador de Internet 00:08:01.700 --> 00:08:04.000 11 o al borde de Microsoft. 00:08:04.000 --> 00:08:06.680 Bien la mayor parte del tiempo no tendrá mucho problema 00:08:06.680 --> 00:08:09.250 crear el sitio Web de todas las cubiertas del explorador. 00:08:09.250 --> 00:08:13.410 Etc. se refiere al escritorio, Aparece el sueño existe. 00:08:13.410 --> 00:08:14.420 Casi allí, casi. 00:08:15.730 --> 00:08:19.130 Vamos a pasar a la versión móvil. 00:08:20.850 --> 00:08:24.505 En el espacio móvil, se puede ver que se ejecuta en el mismo tamaño 00:08:24.505 --> 00:08:28.810 Firefox OS en Safari Mobile, en un iPhone para 00:08:28.810 --> 00:08:32.670 instancia e Internet Explorer, Elemento y teléfono de la ventana. 00:08:32.670 --> 00:08:36.400 Y puede ver que hay algunos problema de representación, los valores y 00:08:36.400 --> 00:08:39.160 vamos a intentar comprender ¿Por qué tenemos este problema. 00:08:39.160 --> 00:08:40.550 >> Absolutamente David. 00:08:40.550 --> 00:08:43.770 Así que tenemos este problema, intentamos capturar, 00:08:43.770 --> 00:08:48.010 no es científico no es algo proporcional o lo que sea. 00:08:48.010 --> 00:08:53.100 Es sólo una forma para que me explique a usted cómo está funcionando el web. 00:08:53.100 --> 00:08:55.540 Contamos con el explorador Windows, y 00:08:55.540 --> 00:08:59.730 tienen su propia implementación algunas cosas específicas. 00:08:59.730 --> 00:09:02.187 Pero la mayoría de las veces se trata de trabajar en lo que llamamos el núcleo de la 00:09:02.187 --> 00:09:06.180 intersección interoperable donde ¿el web sólo funciona en todas partes, está bien? 00:09:07.380 --> 00:09:10.710 Cuando pensamos en el web móvil es un poco diferente, porque 00:09:10.710 --> 00:09:16.270 desarrollador de web de la mayoría de los casos Crear página Web móvil para el kit de web. 00:09:16.270 --> 00:09:20.510 Y era un poco complicado, incluso para Firefox. 00:09:20.510 --> 00:09:23.140 Y IE deba ir de esta manera. 00:09:23.140 --> 00:09:25.600 Por lo tanto, aquí viene la arista. 00:09:25.600 --> 00:09:29.790 Y para el borde, la primera cosa lo hicimos fue deshacerse de 00:09:29.790 --> 00:09:32.540 todos el césped de hielo específico que teníamos. 00:09:32.540 --> 00:09:34.968 Por lo tanto, eliminamos este azul parte de la parte inferior. 00:09:34.968 --> 00:09:39.270 Piense en los datos adjuntos. 00:09:39.270 --> 00:09:44.040 En lugar de utilizar el agente de escucha de llegada, agregamos en archivos adjuntos de tiempo, 00:09:44.040 --> 00:09:45.280 que resulta adecuado. 00:09:45.280 --> 00:09:49.040 E incluso en la actualidad, puedo ver, incluso en [INAUDIBLE] o cosas así 00:09:49.040 --> 00:09:52.670 Si puedo ver datos adjuntos, y utilice en su lugar los datos adjuntos. 00:09:52.670 --> 00:09:54.878 Si no está presente, a continuación, utilice. 00:09:54.878 --> 00:09:56.503 Se ha eliminado. 00:09:56.503 --> 00:09:58.671 Sólo queremos cosas Esto funciona en todas partes. 00:09:58.671 --> 00:10:01.336 Y, a continuación, agregamos mucho. 00:10:01.336 --> 00:10:06.474 Funciones y soluciones interoperables para asegurarse de que la conexión 00:10:06.474 --> 00:10:11.470 con la interoperabilidad ¿intersección es más grande, bien? 00:10:11.470 --> 00:10:17.380 David así, si sólo podemos pensar acerca de los estándares de web aquí. 00:10:17.380 --> 00:10:20.810 Obviamente de Microsoft works hacia los estándares web. 00:10:20.810 --> 00:10:23.480 Es la forma de caminar. 00:10:23.480 --> 00:10:25.434 Pero como ha mencionado, tenemos que ser pragmáticos. 00:10:25.434 --> 00:10:33.550 Y las cosas funcionan, deben funcionar las cosas, 00:10:33.550 --> 00:10:37.530 en realidad, es el desarrollador de web debería guiar las especificaciones. 00:10:38.550 --> 00:10:41.990 Así que nuestra decisión fue pragmática, como he mencionado antes. 00:10:41.990 --> 00:10:45.790 Trabajamos con los estándares web pero a veces, tenemos que actualizar o 00:10:45.790 --> 00:10:47.290 Alinee las especificaciones. 00:10:47.290 --> 00:10:50.610 A veces, tenemos que corregir las bibliotecas ahi. 00:10:50.610 --> 00:10:54.480 A veces se deberá proporcionar votos para otros exploradores de Web y 00:10:54.480 --> 00:10:59.180 Obviamente en cualquier momento y queremos trabajar, solucionaremos nuestros propios exploradores. 00:10:59.180 --> 00:11:03.080 Queremos que el web a el trabajo es debería funcionar. 00:11:03.080 --> 00:11:05.490 Abra una página Web con el borde. 00:11:05.490 --> 00:11:07.070 ¿Debe funcionar, bien? 00:11:08.490 --> 00:11:09.910 Y, obviamente, como se mencionó antes, 00:11:09.910 --> 00:11:13.760 podemos proporcionar errores a bibliotecas o cualquier ventana del explorador. 00:11:13.760 --> 00:11:16.900 Por lo que no es sólo de nosotros realmente. 00:11:16.900 --> 00:11:20.290 Se trata de cómo nos estamos vistos por los usuarios. 00:11:20.290 --> 00:11:24.090 Revisemos algunos ejemplos para dar una idea de cómo hemos conseguido solucionar 00:11:24.090 --> 00:11:26.950 algunas de las cosas muy fácilmente. 00:11:26.950 --> 00:11:29.340 Vamos a reiniciar la página a la izquierda, 00:11:29.340 --> 00:11:33.210 antes de presentar algunas de las correcciones para el servidor web. 00:11:33.210 --> 00:11:37.710 Por lo tanto, se estaba ejecutando Teléfono de Windows e IE. 00:11:38.980 --> 00:11:43.150 Y no funcionaba bien Dado que en las partes del sitio Web, 00:11:43.150 --> 00:11:47.620 Probablemente ha pensar en las personas que superar con iPhone o 00:11:47.620 --> 00:11:50.430 Android y estaba haciendo algo en el servidor web. 00:11:50.430 --> 00:11:52.000 Si es Android o 00:11:52.000 --> 00:11:55.860 WebKit, a continuación, escriba la versión móvil del sitio Web. 00:11:55.860 --> 00:11:58.820 Si no proporciona el escritorio versión de la página Web. 00:11:58.820 --> 00:12:02.800 El problema para nosotros es que Internet Explorer una versión de Internet Explorer se ejecuta móvil 00:12:02.800 --> 00:12:07.810 Teléfono de Windows y, a continuación, agrega móvil, otra versión móvil. 00:12:07.810 --> 00:12:12.740 Para cambiar esto, presentamos a un determinado 00:12:12.740 --> 00:12:17.740 forma, hemos encontrado un esqueleto clave en el UID de hecho. 00:12:17.740 --> 00:12:21.680 Por lo que es la forma que acaba de decir que no estamos en IE, 00:12:21.680 --> 00:12:25.190 También estamos actuando como servidor E o Android. 00:12:25.190 --> 00:12:28.510 Y la forma en que el código del servidor web pensará que somos un iPhone y 00:12:28.510 --> 00:12:32.270 los dispositivos Android y servicio el contenido para el móvil. 00:12:32.270 --> 00:12:36.560 Y lo utilizaremos para trabajar directamente porque no había ningún problema 00:12:36.560 --> 00:12:39.020 en la parte de la ejecución del anillo del motor de JavaScript. 00:12:39.020 --> 00:12:42.240 Fue sólo algunos mal detección del lado del servidor 00:12:42.240 --> 00:12:44.709 rompe la ejecución anillo en versión de mobile. 00:12:46.510 --> 00:12:50.060 Por eso decidimos cambiar al agente de usuario. 00:12:50.060 --> 00:12:53.990 Así que supongo que todos ustedes saben Cadenas de agente de usuario. 00:12:53.990 --> 00:12:57.450 Y vamos a ir atrás en el historial otra vez del primero, 00:12:57.450 --> 00:12:59.800 que introdujo que es Netscape. 00:12:59.800 --> 00:13:03.240 Y estamos utilizando la versión 5 de Mozilla. 00:13:03.240 --> 00:13:06.420 Y todo el mundo ha sido mezcla todos los pasos. 00:13:06.420 --> 00:13:10.720 Por lo que todos estamos jugando el mismo juego cuando entró en el juego de cromo y 00:13:10.720 --> 00:13:15.190 decidió introducir como Gecko cosas que hay que agregar a 00:13:15.190 --> 00:13:16.678 El código de versión de Firefox. 00:13:16.678 --> 00:13:20.200 Fue el rastreo que el servidor web y puede ver que, hoy en día 00:13:20.200 --> 00:13:22.905 todo el mundo se va a copiar pegar la versión diferente. 00:13:22.905 --> 00:13:25.640 Por lo que es en realidad la idea no hacerlo, 00:13:25.640 --> 00:13:31.490 Para utilizar la detección de algunas características en lugar de rastreo de la UA. 00:13:31.490 --> 00:13:33.010 Algunas otras cosas interesantes. 00:13:33.010 --> 00:13:36.300 Así que vamos a ir a un sitio Web que no funcionaba bien en 00:13:36.300 --> 00:13:38.440 IE11 uno de Windows 8.1. 00:13:38.440 --> 00:13:41.070 El principal problema era debido al hecho de que, 00:13:41.070 --> 00:13:43.620 el código estaba utilizando algunos prefijos. 00:13:43.620 --> 00:13:48.750 Por lo tanto se utilizaron los prefijos para habilitar los usuarios pueden probar algunas características nuevas. 00:13:48.750 --> 00:13:49.390 Por ejemplo, 00:13:49.390 --> 00:13:53.630 en este caso, el sitio Web se utiliza la versión de webkit - edición de prueba. 00:13:53.630 --> 00:13:56.520 Problema es que - webkit no está utilizando Internet Explorer. 00:13:56.520 --> 00:13:59.440 Obviamente, vea, estamos utilizando Trident, como decíamos. 00:13:59.440 --> 00:14:01.690 Por lo tanto, para administrar resolver este problema, 00:14:01.690 --> 00:14:07.300 hemos decidido agregar parte de característica específica de webkit-, CSS, 00:14:07.300 --> 00:14:12.190 se utiliza para la versión de inicio Internet Explorer y en la actualidad, Microsoft Edge. 00:14:12.190 --> 00:14:13.110 Sólo con esto, 00:14:13.110 --> 00:14:16.890 nos hemos sido solucionar muchos problema en el web, ya que el código 00:14:16.890 --> 00:14:19.950 no se actualizará a la última versión de la especificación. 00:14:19.950 --> 00:14:23.260 Y estábamos usando la última versión de la especificación. 00:14:23.260 --> 00:14:25.160 >> Sí, es un punto interesante. 00:14:25.160 --> 00:14:28.450 Funcionaba con la representación de la web motor funcionaba pero 00:14:28.450 --> 00:14:31.900 no nos estábamos recibiendo el derecho de guión algo. 00:14:31.900 --> 00:14:34.430 Nos estábamos recibiendo no guión MS o No hay nada para 00:14:34.430 --> 00:14:36.010 es realmente el problema. 00:14:36.010 --> 00:14:39.585 >> Así la idea cuando que, bien todos estaba pensando en el [INAUDIBLE] 00:14:39.585 --> 00:14:43.470 lo que le permite jugar con algunos nuevas características era prefijos. 00:14:43.470 --> 00:14:47.000 Suena como una buena idea en ese momento. 00:14:47.000 --> 00:14:51.990 Pero ahora la nueva versión del uso características experimentales sería 00:14:51.990 --> 00:14:55.690 Para utilizar en su lugar las cosas acerca de los indicadores: puede tener en cromo y 00:14:55.690 --> 00:14:57.130 ahora en el borde de Microsoft. 00:14:57.130 --> 00:14:59.370 Tan sólo con escribir en la barra de direcciones 00:14:59.370 --> 00:15:02.350 puede habilitar algunos características experimentales. 00:15:02.350 --> 00:15:06.080 Por tanto, si el usuario no tiene que en el explorador, no romper. 00:15:06.080 --> 00:15:09.660 Y si la función se convierte entonces almacenados en el programa siguiente, 00:15:09.660 --> 00:15:11.830 es posible, para moverlo desde el que otros. 00:15:11.830 --> 00:15:13.120 >> Y ¿no debe cambiar el código? 00:15:13.120 --> 00:15:14.110 >> Que no será necesario cambiar el código. 00:15:14.110 --> 00:15:15.290 Se habilita de forma predeterminada. 00:15:18.360 --> 00:15:22.300 Así que ¿cómo podría usted, bien, preste atención a algunas de las cosas. 00:15:22.300 --> 00:15:26.710 Por lo tanto no utilice el rastreo, disponen de detecciones, 00:15:26.710 --> 00:15:28.030 es realmente importante. 00:15:28.030 --> 00:15:31.020 De forma predeterminada, tienes para que un nuevo explorador y 00:15:31.020 --> 00:15:33.130 explorador desconocido son buenos por defecto. 00:15:33.130 --> 00:15:34.640 Ahora imagine hoy en día. 00:15:34.640 --> 00:15:35.480 No lo sé. 00:15:35.480 --> 00:15:40.660 La mayoría de los escribe un programa nuevo con una nueva dirección de nombre y el nuevo usuario. 00:15:40.660 --> 00:15:43.552 Pero será bueno porque será moderno. 00:15:43.552 --> 00:15:45.083 Por lo que no tienes rastrearlo. 00:15:45.083 --> 00:15:46.230 Y complete algunas bolsas. 00:15:46.230 --> 00:15:47.720 Por lo que todas las bolsas de relleno en la actualidad. 00:15:47.720 --> 00:15:52.100 Para ello, tiene montón de compartimentos de error se puede rellenar, lo en mosy@google. 00:15:52.100 --> 00:15:55.350 Y ahora también nos puede enviar algunos errores que nos dicen 00:15:55.350 --> 00:15:57.860 que sean problema que podemos en nuestro motor de procesamiento. 00:15:57.860 --> 00:16:01.025 Enviando algunas sencillas como el código en JSFiddle o 00:16:01.025 --> 00:16:04.070 y nosotros lo revisaremos y Intente corregir nuestro motor. 00:16:05.800 --> 00:16:08.680 >> SIP, así que lo suficiente acerca de la historia y ¿Por qué hicimos eso y 00:16:08.680 --> 00:16:10.800 más información acerca de nuevas características Hemos agregado. 00:16:10.800 --> 00:16:17.560 Tan sólo un pequeño punto antes de una motor, sabemos que significa el ritmo más rápido. 00:16:18.710 --> 00:16:21.080 Es obvio que no tiene que perder tiempo. 00:16:21.080 --> 00:16:25.061 If sólo piensa todo el montón de if que teníamos en el tiempo sigue siendo 00:16:25.061 --> 00:16:27.440 trabajar con la nueva característica que le añadimos. 00:16:27.440 --> 00:16:28.320 Así que es fácil de 00:16:28.320 --> 00:16:31.690 nosotros y aquí es esta nueva característica que es el está trabajando. 00:16:31.690 --> 00:16:36.124 Es simplemente un extracto de el status.modern.ie 00:16:36.124 --> 00:16:38.480 sitio Web es nuestro plan. 00:16:38.480 --> 00:16:40.260 ¿Qué estamos trabajando en? 00:16:40.260 --> 00:16:41.930 Lo que ya está hecho. 00:16:41.930 --> 00:16:45.026 Todo aquí es público. 00:16:45.026 --> 00:16:49.164 Sólo tiene que ir a Status.Modern.IE para encontrar un montón de 00:16:49.164 --> 00:16:50.579 pasos que lo hicimos. 00:16:50.579 --> 00:16:55.451 Lo hicimos a millones de cosas nuevas para asegurarse de que sabemos que la ruta de acceso 00:16:55.451 --> 00:16:59.210 en la interoperabilidad sección está funcionando bien. 00:16:59.210 --> 00:17:03.876 Tenemos nuevas características, hicimos soluciones para la capacidad de interoperabilidad. 00:17:03.876 --> 00:17:07.339 Más información van a Status.Modern.IE puede encontrar cada 00:17:07.339 --> 00:17:09.146 información que desee. 00:17:09.146 --> 00:17:12.251 Y también encontrará cosas que estamos trabajando en y 00:17:12.251 --> 00:17:14.670 cosas que nos estamos considerando ahora. 00:17:14.670 --> 00:17:17.359 Por lo tanto, a la espera de una buena razón para implementarlos. 00:17:18.990 --> 00:17:23.510 Por lo tanto, echemos un vistazo a lo que es posible que en la actualidad con borde. 00:17:23.510 --> 00:17:24.410 ¿De acuerdo? 00:17:24.410 --> 00:17:25.850 Por lo tanto, cambiaré a las seis. 00:17:29.880 --> 00:17:34.520 La primera demostración I desea mostrar es ésta. 00:17:34.520 --> 00:17:38.230 En esta demostración se desarrolló con un amigo nuestro, Michel Rousseau, 00:17:38.230 --> 00:17:40.570 ¿quién es un diseñador, un diseñador 3D. 00:17:40.570 --> 00:17:45.550 Y así lo hicimos nosotros objeto 3D dentro de 3Ds Max. 00:17:47.440 --> 00:17:51.865 Ningún complemento sólo Microsoft Edge, Esto incluye webGL, 00:17:51.865 --> 00:17:53.870 Web OGO y Game Pad. 00:17:53.870 --> 00:17:58.820 Así que voy a habilitar solamente el Game Pad aquí, encontrar el Game Pad en algún lugar. 00:17:58.820 --> 00:18:00.100 >> El derecho Game Pad. 00:18:00.100 --> 00:18:02.595 >> porque sí >> Que es adecuado. 00:18:02.595 --> 00:18:04.010 >> Sí. 00:18:04.010 --> 00:18:07.810 >> Y podemos nos basta con activar, apagar las luces es posible 00:18:08.980 --> 00:18:12.730 tal vez no, lo sentimos, pruebe a ir allí. 00:18:12.730 --> 00:18:17.060 Por lo que esta versión se ejecuta en mi pequeño 1 x su lo tarjeta de una alta definición de Intel 00:18:17.060 --> 00:18:20.850 uno de los menos lo podemos encontrar allí. 00:18:20.850 --> 00:18:24.490 Y podemos ver que se está ejecutando a 60 fotogramas por segundo. 00:18:24.490 --> 00:18:26.287 Y con el Audio de la Web, 00:18:26.287 --> 00:18:31.798 ejecutando para ofrecerle este maravilloso ambiente que podemos puede decir. 00:18:31.798 --> 00:18:35.535 Y una vez más, el sonido actualmente sigue la cámara 00:18:35.535 --> 00:18:39.080 [INAUDIBLE] en cámara ¿Qué busca en. 00:18:39.080 --> 00:18:41.180 Va de Audio Web a calcular todo 00:18:41.180 --> 00:18:45.140 por lo que tendrá la posibilidad de Para hacer algunas cosas. 00:18:45.140 --> 00:18:48.110 Es muy fácil de hacer, nos verá juntos. 00:18:48.110 --> 00:18:49.780 Por ejemplo, ir, 00:18:49.780 --> 00:18:53.010 puede hacer que el maravilloso reproducir algunos pianos de esqueleto. 00:18:53.010 --> 00:18:55.830 Y si se mueven fuera de el esqueleto, automáticamente, 00:18:55.830 --> 00:18:58.620 hay una distancia específica ser el equipo de Audio de la Web y 00:18:58.620 --> 00:19:00.840 ya no escuchará el sonido. 00:19:00.840 --> 00:19:03.580 Y, a continuación, puede mover en el Cementerio. 00:19:03.580 --> 00:19:06.320 Tenemos algunas de las mejores cosas allí. 00:19:06.320 --> 00:19:09.480 >> Hasta ahora hemos encontrado que Clipo está muerto. 00:19:11.350 --> 00:19:13.756 Nos encontramos con su fantasma. 00:19:13.756 --> 00:19:15.461 >> No sé si Recuerde Clipo. 00:19:15.461 --> 00:19:18.005 ¿Quién sabía Clipo en la habitación? 00:19:18.005 --> 00:19:21.712 >> Está allí. 00:19:21.712 --> 00:19:23.045 Así que descanse en Paz, Clipo. 00:19:23.045 --> 00:19:25.672 >> Quizá el con el que: >> Cat Schroedinger. 00:19:25.672 --> 00:19:30.212 >> No sabemos si estaba muerto o No, por lo que sabemos ahora está muerto. 00:19:30.212 --> 00:19:34.961 >> Y Finalmente, encontramos que IE6 está muerto. 00:19:34.961 --> 00:19:39.171 >> [APLAUSOS] 00:19:39.171 --> 00:19:43.836 >> Y ahora viva a Spartan. 00:19:43.836 --> 00:19:50.461 >> [APLAUSOS]. 00:19:50.461 --> 00:19:53.635 >> Por lo que es el principal objetivo Mostrar sin cualquier plugin, 00:19:53.635 --> 00:19:57.444 sólo web, podemos hacer realmente impresionante cosas como en una aplicación nativa, 00:19:57.444 --> 00:19:58.090 en realidad. 00:19:58.090 --> 00:19:59.730 >> Imagínense tener en la pantalla completa. 00:19:59.730 --> 00:20:03.010 Probablemente nadie se sabe o no es que el PC está HTML5 ejecutando y 00:20:03.010 --> 00:20:03.990 Código JavaScript. 00:20:03.990 --> 00:20:05.461 Por lo que es bastante genial. 00:20:05.461 --> 00:20:08.907 >> Sí así como en el ejemplo se nos demostró ayer durante 00:20:08.907 --> 00:20:12.610 el discurso de apertura es Arcade de vuelo, misma historia aquí. 00:20:12.610 --> 00:20:14.010 Puede se obtenga, bien, lo 00:20:14.010 --> 00:20:18.575 Estoy sólo, el de este juego específico, lo siento. 00:20:18.575 --> 00:20:20.170 Aquí lo mismo. 00:20:20.170 --> 00:20:20.900 >> ¿Está listo para volar? 00:20:20.900 --> 00:20:24.661 El derecho de uso y teclas de flecha izquierda para activar 00:20:24.661 --> 00:20:25.380 >> Seguro. 00:20:25.380 --> 00:20:25.973 Lo he hecho. 00:20:25.973 --> 00:20:28.132 >> Y las flechas arriba y abajo claves [interferencia] [INAUDIBLE] 00:20:28.132 --> 00:20:33.339 >> Web aquí no es la solución 00:20:35.258 --> 00:20:39.750 con los jugadores. 00:20:39.750 --> 00:20:44.010 Si eres capas posteriores está jugando a juegos, por lo que. 00:20:44.010 --> 00:20:44.990 >> Pero gracias. 00:20:44.990 --> 00:20:47.730 Aquí tenemos que durm a representar la interfaz de usuario. 00:20:47.730 --> 00:20:50.867 Dentro de la durm tenemos el kent Blaster, tenemos la materia de WebGm. 00:20:50.867 --> 00:20:53.260 Webaab se utiliza para hacer el sonido. 00:20:53.260 --> 00:20:55.389 Tenemos un juego los paquetes comprar directamente sin ninguna 00:20:56.540 --> 00:20:59.210 vez de complemento específica de nuevo, que es simplemente impresionante. 00:20:59.210 --> 00:21:02.000 >> Y finalmente vamos a Mover a otra cosa. 00:21:02.000 --> 00:21:04.730 Así que todo ha sido creado a partir de nuestro 00:21:04.730 --> 00:21:06.935 motor de favorito que es GS de Babilonia. 00:21:06.935 --> 00:21:10.490 [RISA] Código abierto Web framework gl tan 00:21:10.490 --> 00:21:13.700 Esto es lo que con programa de exhibiciones durante el discurso de apertura de la primera. 00:21:13.700 --> 00:21:17.690 Por lo que se está ejecutando la Pompeya Ciudad en la que ha sido 00:21:17.690 --> 00:21:19.090 reconstruir con algunos aviones. 00:21:19.090 --> 00:21:23.150 Por lo que tomamos algunas imágenes de la ciudad y generar una malla 3D completa 00:21:23.150 --> 00:21:25.940 que realmente se usa con Algunos mucho de texturas. 00:21:25.940 --> 00:21:29.870 Estamos utilizando, reconocer su 3D expertos lo que nos estamos nombrando la carga. 00:21:29.870 --> 00:21:33.560 Por lo que es una forma para cargar el dispositivo versión de la malla basada en 00:21:33.560 --> 00:21:34.640 la distancia que está. 00:21:34.640 --> 00:21:37.860 >> Tenemos más de un billones píxeles aquí porque fueron los zumbidos 00:21:37.860 --> 00:21:40.390 capaz de capturar >> Una célula de T para 00:21:40.390 --> 00:21:41.850 cada dos centímetros. 00:21:41.850 --> 00:21:43.040 Así tres centímetros. 00:21:43.040 --> 00:21:44.640 Espero que se obtiene. 00:21:44.640 --> 00:21:45.980 No hay traducción una. 00:21:47.150 --> 00:21:48.740 >> Y verá que podemos mover, en una ciudad, y 00:21:48.740 --> 00:21:50.840 todo lo que se está calcular en tiempo real. 00:21:50.840 --> 00:21:52.710 La ciudad es realmente, realmente es inmenso, así que. 00:21:53.810 --> 00:21:55.880 Todo lo que se puede ejecutar en el curso. 00:21:55.880 --> 00:22:00.530 Utilizando el controlador de juegos, y Web GL puede volar sobre la ciudad y 00:22:00.530 --> 00:22:02.370 puede mover cerca de la parte de esto. 00:22:02.370 --> 00:22:05.950 Y cargará parte superior las medidas de la definición y la textura. 00:22:05.950 --> 00:22:10.603 Y es bastante genial imaginar Esta opción está disponible inmediatamente si se 00:22:10.603 --> 00:22:14.956 Ir a un servidor web específico que puede obtener este tipo de experiencia en el uso 00:22:14.956 --> 00:22:16.290 en el explorador. 00:22:16.290 --> 00:22:18.310 Con ningún plugins en absoluto. 00:22:18.310 --> 00:22:20.980 Así [INAUDIBLE] realmente podría ser capaz de demostrar. 00:22:20.980 --> 00:22:23.870 Y ahora debemos mostrarle cómo para: >> Cómo hacerlo. 00:22:23.870 --> 00:22:24.440 >> Cómo hacerlo. 00:22:26.010 --> 00:22:30.530 Así que vamos a cambiar a su equipo que es un cinco y 00:22:30.530 --> 00:22:33.840 Comencemos a hablar acerca del audio de la web. 00:22:35.760 --> 00:22:40.950 Por lo tanto, revisión de web es una forma de asociar 00:22:40.950 --> 00:22:45.550 Algunos sonido y colocar algunos sonidos en el espacio libre de [INAUDIBLE]. 00:22:45.550 --> 00:22:48.400 Se basa en el gráfico de enrutamiento, por lo que 00:22:48.400 --> 00:22:52.650 tienes algún nodo específico de audio que se van a conectar entre sí. 00:22:52.650 --> 00:22:54.830 Y, por tanto, podría tener el nodo cierto impacto en el volumen, 00:22:54.830 --> 00:22:57.940 pueden afectar a la libre Especialización [INAUDIBLE]. 00:22:57.940 --> 00:22:59.450 Podría tener impacto en los filtros. 00:22:59.450 --> 00:23:01.810 Puede hacer que algunos filtros de bajas, Algunos filtros de alta. 00:23:01.810 --> 00:23:04.850 Puede ralentizar la música, puede acelerar la música. 00:23:04.850 --> 00:23:07.060 Puede hacer lo que quiera. 00:23:07.060 --> 00:23:10.290 Como se puede imaginar en juegos, Por ejemplo, mediante Webado. 00:23:10.290 --> 00:23:13.490 Puede crear un sonido en la forma de procedimiento. 00:23:13.490 --> 00:23:15.540 Por lo que es realmente impresionante. 00:23:15.540 --> 00:23:19.860 Así que voy a mostrarles algo tenemos en nuestro sitio Web js usando 00:23:19.860 --> 00:23:24.520 audio de Web como let me permiten el sonido. 00:23:24.520 --> 00:23:27.190 Oh, he sido componer la música tan Lamentamos. 00:23:27.190 --> 00:23:30.360 Va a ser muy aburrido porque es un bucle. 00:23:30.360 --> 00:23:34.120 Para mostrar que somos carga del sonido, y 00:23:34.120 --> 00:23:37.400 vamos a hacer un bucle. 00:23:37.400 --> 00:23:40.420 Y a la reproducción automática, y Estoy enlace lo para el tensor de la web. 00:23:40.420 --> 00:23:41.630 Voy a mostrarle y 00:23:41.630 --> 00:23:46.040 a continuación voy a adjuntar este música a determinados objetos 3D. 00:23:46.040 --> 00:23:47.620 Que llamamos a una malla, y 00:23:47.620 --> 00:23:50.200 haciendo que no sé si usted va a realmente [INAUDIBLE] 00:23:50.200 --> 00:23:53.260 en la sala ya que necesita mayoría de los auriculares de tiempo. 00:23:53.260 --> 00:23:56.070 Pero el cuadro actual es mover todo mi cabeza. 00:23:56.070 --> 00:23:59.950 Y gracias a Webado, puede recorrer en iteración a la derecha delante de mí, y 00:23:59.950 --> 00:24:00.730 luego a la izquierda, 00:24:00.730 --> 00:24:04.990 Asistente de automáticamente cualquier cálculo de la parte de la pantalla de Java. 00:24:04.990 --> 00:24:08.330 Esto se representa por el explorador y por la propia API. 00:24:09.760 --> 00:24:13.120 Así que voy a mostrar el código. 00:24:13.120 --> 00:24:15.270 Lo primero que debe hacer Cuando desee crear algunos 00:24:15.270 --> 00:24:17.970 material de audio de Web es crear el contexto. 00:24:17.970 --> 00:24:21.160 Si eres un JavaScript quizás del programador 00:24:21.160 --> 00:24:25.340 ya sabe acerca de más o menos deberá crear el contexto. 00:24:25.340 --> 00:24:28.680 Por lo tanto, la forma de hacerlo, estábamos hablando de antes. 00:24:28.680 --> 00:24:33.820 El inicio de manera consiste en crear el otro contexto del objeto de ventana. 00:24:33.820 --> 00:24:37.240 Pero como cromo fue el primero uno para introducirlo. 00:24:37.240 --> 00:24:39.060 Introdujo con un prefijo. 00:24:39.060 --> 00:24:40.810 Por lo que puede agregar a la misma función. 00:24:40.810 --> 00:24:43.090 Va a quitar que en la próxima versión. 00:24:43.090 --> 00:24:45.690 Por el momento, debe probar ambas versiones. 00:24:45.690 --> 00:24:49.900 ¿Es la versión webkey o ¿la versión de prefacio en? 00:24:49.900 --> 00:24:51.890 Si una vez que se ha estado acerca de usted para comprobar. 00:24:51.890 --> 00:24:57.660 Esto es existente puede, a continuación, crear él y crear algún nodo específico. 00:24:57.660 --> 00:25:01.030 Por ejemplo, el nodo de ganancia es el volumen. 00:25:01.030 --> 00:25:04.570 Y a continuación, se acerca a Conecte a esta conexión. 00:25:04.570 --> 00:25:07.930 Esta conexión podría ser algunos altavoces, unos auriculares, o 00:25:07.930 --> 00:25:11.240 Si desea escribir la suma abajo en un disco, por ejemplo. 00:25:11.240 --> 00:25:13.970 Por lo que se está conectando notas que juntos. 00:25:13.970 --> 00:25:17.610 Cuando desea crear algunas cosas específicas, 00:25:17.610 --> 00:25:21.155 necesitará configurar algunos propiedades específicas de auto 00:25:21.155 --> 00:25:24.210 [INAUDIBLE] para instancia acerca de la panorámica. 00:25:24.210 --> 00:25:27.920 El nodo de panorámica en la vista de [INAUDIBLE], es una manera de hacer algunas cosas en 3D. 00:25:27.920 --> 00:25:29.100 En los espacios de audio. 00:25:29.100 --> 00:25:31.750 Así que vamos a decir que ¿desea crear sonidos en 3D. 00:25:31.750 --> 00:25:35.100 Por lo que necesitará crear la panorámica al conectarse en el nodo de audio 00:25:35.100 --> 00:25:36.750 en el nodo de origen. 00:25:36.750 --> 00:25:37.740 Y una vez hecho eso, 00:25:37.740 --> 00:25:41.750 tendrá que elegir la forma en que el sonido se comportará en el espacio 3D. 00:25:41.750 --> 00:25:44.500 Así que vamos a decir que me desea detener el sonido 00:25:44.500 --> 00:25:46.380 Después de diez metros de una manera lineal. 00:25:46.380 --> 00:25:50.250 ¿Puedo establecer en el motor al establecer algunas propiedades. 00:25:50.250 --> 00:25:54.411 Por tanto, es necesario entender un montón de las propiedades de nuestro motor de juegos y 00:25:54.411 --> 00:25:58.400 [INAUDIBLE] han decidido Para configurar algunos predeterminado 00:25:58.400 --> 00:26:00.730 propiedades [INAUDIBLE] y Veamos cómo funciona. 00:26:00.730 --> 00:26:05.139 Basado en nuestra decisión Para crear es una divertida experiencia. 00:26:12.140 --> 00:26:13.310 Por lo que es necesario volver a cargarlo. 00:26:20.150 --> 00:26:21.050 ¿Cómo son los chicos? 00:26:21.050 --> 00:26:22.150 Puedo hablar por un tiempo lo. 00:26:22.150 --> 00:26:23.460 >> Sí. 00:26:23.460 --> 00:26:24.146 >> Es el que hacer. 00:26:24.146 --> 00:26:28.661 Y vamos a echar 00:26:32.748 --> 00:26:34.580 Por lo que no está en. 00:26:34.580 --> 00:26:35.888 Ya está en uso. 00:26:35.888 --> 00:26:37.202 Está bien. 00:26:37.202 --> 00:26:39.269 Esta otra. 00:26:44.643 --> 00:26:47.270 >> ¿Está seguro de que ya está en uso? 00:26:47.270 --> 00:26:48.760 >> No, no está en uso. 00:26:48.760 --> 00:26:49.260 >> Vuelva a intentar. 00:26:50.450 --> 00:26:54.300 Trabajo de ventilación, Estoy seguro de que si tenemos tiempo. 00:26:54.300 --> 00:26:59.660 ¿Verá que? 00:26:59.660 --> 00:27:06.010 Actualización, que debería funcionar bien Sí, 00:27:06.010 --> 00:27:09.590 así la idea de recordar que mostrar un cubo que se estaba moviendo alrededor de mi 00:27:09.590 --> 00:27:13.220 cabeza y yo hemos puesto algunos sonidos Para utilizar los mismos principios. 00:27:13.220 --> 00:27:17.090 Así que en lugar de actualizar la posición del sonido en función de la cámara 00:27:17.090 --> 00:27:20.770 Sí, hemos decidido actualizar el sonido basado en la distancia 00:27:20.770 --> 00:27:22.750 son desde el centro del círculo. 00:27:22.750 --> 00:27:26.180 Y en cada cubo, he decidido poner música específica que llevo 00:27:26.180 --> 00:27:29.130 lo componer, es varias pistas de Mis músicas. 00:27:29.130 --> 00:27:32.600 Y cuando me voy a mudar uno de los cubos cerca del centro de la escena, 00:27:32.600 --> 00:27:34.840 va a la bomba el volumen. 00:27:34.840 --> 00:27:37.330 Y estoy extraer de el círculo, podría detener el sonido. 00:27:37.330 --> 00:27:40.080 Por lo que la idea es que permiten mezclar Estos sonidos con el cubo. 00:27:40.080 --> 00:27:43.520 Así que nos enteramos fue muy divertido y desde el puntero 00:27:43.520 --> 00:27:48.535 eventos que se está utilizados Internet Explorer 11 y máximo de borde en la actualidad. 00:27:48.535 --> 00:27:50.865 Ahora puede mover experiencia en una forma muy sencilla. 00:27:50.865 --> 00:27:52.195 Por lo tanto, tendrá varias figuras. 00:27:52.195 --> 00:27:53.985 >> Sí. >> Por lo tanto, le pedirá que algunos más. 00:27:53.985 --> 00:27:54.525 >> Que está bien. 00:27:54.525 --> 00:27:57.265 >> Por ejemplo, Pasemos a la figura. 00:27:57.265 --> 00:27:58.772 Y, a continuación, podemos jugar la música junta. 00:27:58.772 --> 00:28:01.072 [MÚSICA] 00:28:01.072 --> 00:28:02.135 Al igual. 00:28:02.135 --> 00:28:03.965 Y, a continuación, volver a utilizar el mouse. 00:28:03.965 --> 00:28:08.520 E incluso podemos hacer, vea, puede tener acceso a algunos de los cubos. Muy bien. 00:28:08.520 --> 00:28:09.770 SO. 00:28:09.770 --> 00:28:10.950 Voy a hacer la broma estúpida, 00:28:10.950 --> 00:28:13.655 Dado que es posible Observe que Contamos con un acento extraño. 00:28:13.655 --> 00:28:20.320 [RISA] Y 00:28:20.320 --> 00:28:23.180 Tengo un problema a leer Mis propia diapositivas como. 00:28:24.450 --> 00:28:26.890 Y se puede escribir la versión frontal la música de bloques de creación 00:28:26.890 --> 00:28:28.950 juntos mediante la creación de bloques juntos y 00:28:28.950 --> 00:28:31.200 se va a poner algo de la misma. 00:28:31.200 --> 00:28:31.730 >> David gracias. 00:28:31.730 --> 00:28:33.640 Vamos a cambiar a la mía. 00:28:33.640 --> 00:28:38.020 Vamos a pasar a algo completamente diferente. 00:28:38.020 --> 00:28:40.790 Deseo mostrar las características CSS. 00:28:40.790 --> 00:28:42.910 Esto es algo que me encanta. 00:28:42.910 --> 00:28:47.120 Filtro de CSS es una forma de cualquier desarrollador de web para agregar 00:28:47.120 --> 00:28:50.650 registrar el proceso utilizando el efecto sombreados en cualquier elemento no inteligente. 00:28:52.310 --> 00:28:56.160 Y para mostrar, en este ejemplo Tengo una página de lectura. 00:28:56.160 --> 00:28:58.590 Quiero leer mi texto pero Tengo este maravilloso dragón. 00:28:58.590 --> 00:29:02.160 Soy un gran fan de dragón Si no observa. 00:29:02.160 --> 00:29:04.180 Y no desea Quitar mi dragón. 00:29:04.180 --> 00:29:06.500 Se desea mantener mi dragón pero Cuando desea leer el texto, 00:29:06.500 --> 00:29:08.520 Sólo deseo quitar la distracción. 00:29:08.520 --> 00:29:10.810 Podemos encontrar en la vista lectura cualquiera que sea. 00:29:10.810 --> 00:29:14.360 Así que lo que estoy haciendo cuando Estoy mantiene el puntero de texto 00:29:14.360 --> 00:29:19.590 Sólo se aplica a [INAUDIBLE] en mi elemento div en la parte posterior. 00:29:19.590 --> 00:29:23.340 Tan solo, Fácilmente sólo puedo leer el texto. 00:29:23.340 --> 00:29:28.170 También tener la oportunidad de Usar escala de grises y desenfoque juntos. 00:29:28.170 --> 00:29:31.510 Juntos podemos mezclar características de CSS para 00:29:31.510 --> 00:29:34.410 Después de se borrosa y escala de grises. 00:29:34.410 --> 00:29:39.280 Y si ves que puedo reproducir [INAUDIBLE] marco 60 por segundo y 00:29:39.280 --> 00:29:40.500 puede controlar fácilmente. 00:29:40.500 --> 00:29:42.450 Por lo tanto, vamos a tener un vistazo al código. 00:29:42.450 --> 00:29:45.150 Y para eso estoy utilizando Visual Código de estudio, me encanta esta herramienta. 00:29:46.290 --> 00:29:48.975 Solo lo he desinstalado fundamentales del texto. 00:29:48.975 --> 00:29:52.070 >> [RISA] >> Así! 00:29:52.070 --> 00:29:54.200 Lo que tenemos aquí es en realidad, bastante simple. 00:29:54.200 --> 00:29:58.110 Sólo tengo mi texto aquí, en este contenido. 00:29:58.110 --> 00:30:00.211 Y tengo mi fondo. 00:30:00.211 --> 00:30:05.131 Se trata de la diveware poner Usar mi regla css aquí, 00:30:05.131 --> 00:30:09.220 Poner sólo mi copia de seguridad el interior de la imagen JPG. 00:30:09.220 --> 00:30:14.890 Y lo que quiero hacer es, cuando se activación de mi texto, es necesario aplicar este. 00:30:14.890 --> 00:30:17.560 Es una regla CSS que decir, bien, 00:30:17.560 --> 00:30:20.370 vamos a usar el efecto de desenfoque con ese tamaño de desenfoque. 00:30:20.370 --> 00:30:23.835 Y dado que estoy caminando Estoy utilizando la versión de prefijos y 00:30:23.835 --> 00:30:25.280 Además, la versión de unprefixes 00:30:25.280 --> 00:30:28.790 sólo para estar seguro de que no lo haré tiene problema en el futuro. 00:30:28.790 --> 00:30:31.440 Desde el punto de vista de la el código JavaScript de código propio que de 00:30:31.440 --> 00:30:32.780 bastante sencillo. 00:30:32.780 --> 00:30:36.140 Aplicar la regla de CSS del mouse. 00:30:36.140 --> 00:30:38.590 Quitar la regla CSS en el mouse (ratón) hacia fuera. 00:30:38.590 --> 00:30:39.090 Eso es todo. 00:30:40.250 --> 00:30:42.950 Y otro ejemplo que Estoy haciendo al hacer clic en 00:30:42.950 --> 00:30:44.390 en el objeto de escala de grises. 00:30:44.390 --> 00:30:47.590 También se puede controlar obviamente directamente desde JavaScript diciendo, 00:30:47.590 --> 00:30:50.700 Quiero desenfoque y escala de grises. 00:30:50.700 --> 00:30:52.640 Por lo tanto, se pueden combinar todos los efectos, 00:30:52.640 --> 00:30:55.310 se pueden hacer circunvoluciones, sepia, cualquiera que sea. 00:30:55.310 --> 00:30:58.060 Puede reproducir photoshop como efecto. 00:30:58.060 --> 00:31:01.720 A continuación, haga clic en, y es totalmente acelerar la utilización de sombreado, por lo que 00:31:01.720 --> 00:31:03.270 que es libre de utilizar. 00:31:03.270 --> 00:31:04.470 Por favor, hacerlo. 00:31:04.470 --> 00:31:05.700 El principal problema que tenemos, 00:31:05.700 --> 00:31:10.250 es en algún momento, Filtros CSS pueden ser incompatibles. 00:31:10.250 --> 00:31:13.300 Por lo tanto, esto me llevan a otra demostración. 00:31:13.300 --> 00:31:14.170 ¿David? 00:31:14.170 --> 00:31:15.470 >> Sí. 00:31:15.470 --> 00:31:16.240 >> Ésta. 00:31:16.240 --> 00:31:20.020 Esta vez, vamos a mostrar, ¿cómo debería funcionar. 00:31:20.020 --> 00:31:24.980 Así que como puede ver, Tengo el mismo resultado. 00:31:26.950 --> 00:31:30.230 Pero ¿qué sucede si CSS ¿no se admite el filtro? 00:31:30.230 --> 00:31:31.710 Y para simular que, y 00:31:31.710 --> 00:31:35.390 para mostrar todas las marcas así como están trabajando, puedo vengo y 00:31:35.390 --> 00:31:38.910 hasta ahora bien, dice el filtro CSS es una característica experimental. 00:31:38.910 --> 00:31:44.130 Y deseo no utilizarlos sólo Para ver cómo podría trabajar 00:31:44.130 --> 00:31:46.150 Si no hay ningún filtro CSS. 00:31:46.150 --> 00:31:50.400 Por lo tanto, sólo tengo que hacerlo, Reinicie el explorador. 00:31:52.180 --> 00:31:56.890 Switch para apoyar aquí y Tengo el comportamiento sin reservas. 00:31:56.890 --> 00:31:59.455 Esta vez porque CSS no se admite la característica, 00:31:59.455 --> 00:32:03.480 Sólo se reproduce con la opacidad de la imagen y 00:32:03.480 --> 00:32:07.400 Si se establece en 0,1, modo podemos ver el fondo. 00:32:07.400 --> 00:32:11.420 Cómo hacer para, sin ningún código, ¿cualquier código JavaScript? 00:32:11.420 --> 00:32:13.890 Que es interesante pregunta que formulo. 00:32:16.000 --> 00:32:17.710 Tengo que acaba de utilizar interesante, 00:32:17.710 --> 00:32:23.530 nueva característica denominada ArtsReport me permite realizar pruebas de la presencia o 00:32:23.530 --> 00:32:29.150 la ausencia de cualquier regla CSS incluso con los parámetros asociados. 00:32:29.150 --> 00:32:31.780 Eso es muy interesante aquí. 00:32:31.780 --> 00:32:38.190 Si no se admite el filtro de webkit Para desenfocar con 20 píxeles, o, 00:32:38.190 --> 00:32:42.090 Si se admite o filtrar con se admite el desenfoque con 20 píxeles, 00:32:42.090 --> 00:32:44.820 vamos a definir que el efecto de desenfoque Esta es la regla. 00:32:46.760 --> 00:32:49.200 Y si no, es compatible, 00:32:49.200 --> 00:32:53.060 a continuación, vamos a definir ese desenfoque sólo se está cambiando la opacidad. 00:32:53.060 --> 00:32:54.980 Desde el punto de vista de los desarrolladores de JavaScript 00:32:56.000 --> 00:32:58.460 el desarrollador JavaScript seguirá aplicar la misma regla, borrosa. 00:32:59.690 --> 00:33:02.690 Pero la CSS filtros se quitará y 00:33:02.690 --> 00:33:05.120 Reemplazar por la opacidad, Gracias a ArtsReport. 00:33:06.480 --> 00:33:10.341 Para que podamos dar el control Por ejemplo, 00:33:10.341 --> 00:33:13.243 capacidad de adaptación al diseñador de CSS. 00:33:13.243 --> 00:33:13.963 Eso es realmente genial. 00:33:13.963 --> 00:33:16.725 Que es muy eficaz. 00:33:16.725 --> 00:33:18.025 David. 00:33:18.025 --> 00:33:21.290 Próxima demostración acerca de los libros de Flex. 00:33:21.290 --> 00:33:22.480 >> Flex libros y subconjunto. 00:33:22.480 --> 00:33:25.490 Por lo tanto, vamos a volver a mi información. 00:33:25.490 --> 00:33:27.100 >> Ya hablamos acerca de la capacidad de adaptación. 00:33:27.100 --> 00:33:27.780 >> Sí. 00:33:27.780 --> 00:33:30.310 Por lo tanto, hoy en día se ha visto Estamos hablando de mucho 00:33:30.310 --> 00:33:33.580 diseño y más información acerca del diseño de adaptación, 00:33:33.580 --> 00:33:38.790 que es más cómo adaptar UX Global para el dispositivo actual. 00:33:38.790 --> 00:33:41.840 Y cuando esté creando algunos material con capacidad de respuesta, tiene media 00:33:41.840 --> 00:33:46.080 consultas, tienes mucho frío nueva pantalla como el cuadro horario flexible. 00:33:46.080 --> 00:33:49.190 Pero el problema puede que cuando desea mostrar algunas imágenes, y 00:33:49.190 --> 00:33:53.350 que tiene varios definición la resolución de las imágenes 00:33:53.350 --> 00:33:57.208 Supongamos que, para el uso de un iPhone algunas pantallas de retención para 00:33:57.208 --> 00:33:58.897 un teléfono clásico y para un PC. 00:33:58.897 --> 00:34:02.740 Y no desea descargar todas las imágenes en el cliente y 00:34:02.740 --> 00:34:06.630 para definir, a través de JavaScript, ¿cómo elegir una adecuada? 00:34:06.630 --> 00:34:09.150 Por lo tanto, sería mejor dejar que el explorador decida 00:34:09.150 --> 00:34:11.510 basado en lo que se va a ejecutar. 00:34:11.510 --> 00:34:15.970 Por lo tanto, si se está ejecutando en en el nuevo Windows phone con nuestra 00:34:15.970 --> 00:34:19.430 pantalla de resolución, desea mostrar la versión específica de la imagen, 00:34:19.430 --> 00:34:21.730 en su lugar otro en el dispositivo de carga. 00:34:21.730 --> 00:34:25.710 Para ello, tiene a SourceSet que están disponibles. 00:34:25.710 --> 00:34:27.310 Por lo que es muy fácil de usar. 00:34:27.310 --> 00:34:30.030 La primera cosa que necesita Para utilizar en la etiqueta de imagen 00:34:30.030 --> 00:34:33.570 consiste en utilizar el origen clásico es posible que tenga la propiedad. 00:34:33.570 --> 00:34:34.370 Por lo que es la alternativa. 00:34:34.370 --> 00:34:37.480 Por tanto, si el explorador no es establece la fuente auxiliar, 00:34:37.480 --> 00:34:40.610 va a utilizar Esta imagen específica. 00:34:40.610 --> 00:34:42.290 Por lo tanto, vamos a hacer que de forma predeterminada. 00:34:42.290 --> 00:34:46.890 Sin embargo, si el explorador es poder controlar esta nueva propiedad allí, 00:34:46.890 --> 00:34:53.230 puede decir al explorador, por favor Utilice esta versión de la imagen x 1. 00:34:53.230 --> 00:34:57.720 Si el tamaño en ppi de la pantalla actual realmente coincidan con la CSS y 00:34:57.720 --> 00:35:02.220 la proporción de hardware y píxeles, Por favor, utilizar esta imagen. 00:35:02.220 --> 00:35:06.510 Por lo tanto, si por ejemplo ir una pantalla más pequeña más física 00:35:06.510 --> 00:35:09.380 con el dispositivo de acabado de ojos Pida los navegadores. 00:35:09.380 --> 00:35:13.140 Utilice otra versión de la imagen y tiene el punto de 00:35:13.140 --> 00:35:17.550 puede llegarse hasta aquello que como en esta reglas específicas. 00:35:17.550 --> 00:35:22.700 Por lo que podría ser muy bien, ahora con algunos de los chicos, como yo, 00:35:22.700 --> 00:35:24.950 obtuvo algunas pantalla de 4 K en casa. 00:35:24.950 --> 00:35:28.540 Si desea que algunos, enfriar que se muestra en la el sitio Web. 00:35:28.540 --> 00:35:31.250 Por lo tanto, que podemos elegir él. 00:35:31.250 --> 00:35:35.200 Voy a mostrar esto página Web simple dentro de i11. 00:35:35.200 --> 00:35:37.230 No se está utilizando. 00:35:37.230 --> 00:35:39.320 Que utiliza la imagen predeterminada. 00:35:39.320 --> 00:35:43.050 Y compruebe que, debido al Voy a utilizar una nueva versión de 00:35:43.050 --> 00:35:47.390 la imagen, me pondré un determinado logotipo en la parte superior izquierda de la imagen. 00:35:47.390 --> 00:35:51.660 Así que, actualmente, iE ha estado utilizando la imagen predeterminada del mismo: 00:35:51.660 --> 00:35:53.040 >> Borroso uno. 00:35:53.040 --> 00:35:56.290 >> Borroso una, una vez más, hemos edificio con nuestro agente de juego. 00:35:56.290 --> 00:35:57.660 Lo realmente interesante. 00:35:57.660 --> 00:36:01.400 Si estoy cambiando a Microsoft Edge, puede ver que 00:36:01.400 --> 00:36:06.410 podemos ver la misma imagen traducir con la versión 1 x. 00:36:06.410 --> 00:36:09.870 Pero, ¿cómo simular ahora que desee una versión superior. 00:36:09.870 --> 00:36:13.444 [INTERFERENCIA] Por lo tanto, necesita una completa en un dispositivo específico. 00:36:13.444 --> 00:36:18.130 Se puede simular utilizando la opción Zoom del explorador. 00:36:18.130 --> 00:36:21.860 Por ejemplo, digamos que desea simular el hecho de que 00:36:21.860 --> 00:36:24.330 la resolución de pantalla actual sigue siendo el mismo, pero 00:36:24.330 --> 00:36:28.590 Cambiar el valor de PPP, haciendo al igual que y tenga que actualizar. 00:36:28.590 --> 00:36:31.780 Y ver el explorador automáticamente se decidió llevar 00:36:31.780 --> 00:36:33.520 una versión más reciente de la imagen, y 00:36:33.520 --> 00:36:36.400 que ha estado descargando sólo esta imagen específica. 00:36:36.400 --> 00:36:40.590 Para comprobar que se puede, para instancia, ir en S2F2s. 00:36:42.080 --> 00:36:44.980 Descubra la demostración adecuada, debería ser así uno. 00:36:48.250 --> 00:36:49.363 Sesión. 00:36:55.943 --> 00:36:58.719 Y vamos a comprobar la red, vamos a actualizar. 00:37:00.500 --> 00:37:03.998 no era una, así que vamos a Cierre el borde para evitar que me. 00:37:03.998 --> 00:37:07.306 >> Está realmente buenos que. 00:37:16.541 --> 00:37:17.475 >> Sí, estoy realmente bueno. 00:37:17.475 --> 00:37:20.960 >> [RISA] gracias apoyar la David. 00:37:20.960 --> 00:37:23.150 Y puede ver que el explorador decidido, 00:37:23.150 --> 00:37:24.990 cargar sólo la correcta versión de la imagen. 00:37:24.990 --> 00:37:30.370 Por lo tanto, se ha estado hace referencia a un grupo de imágenes diferentes en el código. 00:37:30.370 --> 00:37:33.705 Pero el explorador y el cliente, Si decide elegir la más adecuada 00:37:33.705 --> 00:37:36.525 basado en la resolución actual y capacidades. 00:37:36.525 --> 00:37:41.275 E incluso en la especificación, se ha especificado que el explorador 00:37:41.275 --> 00:37:44.865 incluso puede elegir cargar la imagen según el ancho de banda actual. 00:37:44.865 --> 00:37:48.025 Por lo tanto, digamos que tienes una pantalla de retina, así que estamos bastante 00:37:48.025 --> 00:37:50.735 satisfechos con esto, pero tienes una conexión muy lenta hacia abajo. 00:37:50.735 --> 00:37:53.465 Probablemente no es una buena idea para dar el alta resolución 00:37:53.465 --> 00:37:54.390 imagen de eso. 00:37:54.390 --> 00:37:57.400 Si la sonda se está acerca de para directo que podría intentar, enviar 00:37:57.400 --> 00:38:03.370 que la baja resolución de la imagen en un sitio Web velocidad, un sitio Web rápidamente. 00:38:03.370 --> 00:38:07.870 Por lo tanto, decidimos usar, por lo que estoy escribiendo volver a nuestro sitio Web para 00:38:07.870 --> 00:38:10.530 Repetirá a nuestro Babylon sitio Web hoy mismo. 00:38:12.700 --> 00:38:13.745 >> Se trata de publicidad gratuita. 00:38:13.745 --> 00:38:15.720 >> Sí. 00:38:15.720 --> 00:38:17.130 Tal vez que nos pondremos en problemas. 00:38:17.130 --> 00:38:17.630 No lo sé. 00:38:18.640 --> 00:38:21.310 Por lo tanto, hoy nuestro sitio Web es como. 00:38:21.310 --> 00:38:25.894 Por lo tanto, hemos intentado imitar el moderno uso de material de EE. 00:38:25.894 --> 00:38:28.140 Algunos diseños específicos. 00:38:28.140 --> 00:38:31.870 Estamos muy felices, pero no destaquen. 00:38:31.870 --> 00:38:35.760 Además, somos bastante buenos Desarrolladores de JavaScript. 00:38:35.760 --> 00:38:37.945 Estamos menos buenos diseñadores. 00:38:37.945 --> 00:38:43.730 [RISA] Con esta idea para cambiar que todos decidimos cambiar eso. 00:38:43.730 --> 00:38:48.980 Por eso, la nueva versión estoy trabajando actualmente es esta. 00:38:48.980 --> 00:38:52.058 Por lo tanto, he usado Consultas mágicas y Flexbox. 00:38:52.058 --> 00:38:54.730 Para poder tener algunos mejor tamaño, 00:38:54.730 --> 00:38:58.220 que se va a adaptar, en la resolución actual. 00:38:58.220 --> 00:39:01.271 Lo bueno es Puede mezclar fuentes Flex Box 00:39:01.271 --> 00:39:04.190 consultas que algunos buena experiencia. 00:39:04.190 --> 00:39:08.720 Si yo soy zoom dentro del sitio Web, y los actualiza ahora. 00:39:11.170 --> 00:39:14.950 Vuelve a ver la resolución de la imagen. 00:39:14.950 --> 00:39:18.100 Y puedo incluso probar, por lo que el diseño no está terminado. 00:39:18.100 --> 00:39:20.540 Si eres un buen diseñador, y trabajar de forma gratuita. 00:39:20.540 --> 00:39:22.560 Nosotros [RISA] estamos darle la bienvenida. 00:39:22.560 --> 00:39:23.630 >> Envíe correo electrónico. 00:39:27.572 --> 00:39:29.740 >> Pero, Si tengo en mi teléfono 00:39:31.270 --> 00:39:32.250 >> Que debe estar en algún lugar. 00:39:34.180 --> 00:39:37.292 Aquí está, lo Voy a enviar la lectura en el. 00:39:41.307 --> 00:39:43.960 Puede ver, por lo que se trata del mismo sitio Web. 00:39:43.960 --> 00:39:46.190 Y en el teléfono si Estoy convirtiendo 00:39:46.190 --> 00:39:48.900 puede ver aquí que estoy cargando en la versión 2 de x de la imagen. 00:39:48.900 --> 00:39:52.260 Porque, actual resolución de la pantalla mi 00:39:52.260 --> 00:39:55.390 Teléfono de la ventana es lo suficientemente alta como para tener una buena ración de la imagen. 00:39:55.390 --> 00:39:56.753 Puede probarlo en un dispositivo. 00:39:56.753 --> 00:39:59.776 Así que lo bueno es que usted puede probarlo en Microsoft Edge en 00:39:59.776 --> 00:40:01.690 el escritorio y David estaba diciendo, 00:40:01.690 --> 00:40:04.920 se trata de la misma motor exacta- Se ejecuta en Windows phone. 00:40:04.920 --> 00:40:08.092 Por lo tanto, es muy fácil de hacer en sólo comprobar que todo 00:40:08.092 --> 00:40:11.420 es que se está trabajando bien, en la pantalla de hardware específico. 00:40:11.420 --> 00:40:14.600 Y, a continuación, usted tiene un buen experiencia demasiado, como ese. 00:40:15.830 --> 00:40:17.210 >> David gracias. 00:40:17.210 --> 00:40:19.228 Por lo tanto, volver a la demostración de otro. 00:40:22.936 --> 00:40:29.660 Sí, por lo que nosotros, como IE9, se admite SVG dentro de HTML. 00:40:29.660 --> 00:40:34.460 Pero la Comunidad solicitarnos, y Gracias a UserVoice que voy a 00:40:34.460 --> 00:40:37.930 Mencione una vez y gracias a la forma en que estamos trabajando ahora. 00:40:37.930 --> 00:40:43.610 Oímos que la Comunidad y preguntan Por favor, nos admite foreignObject. 00:40:43.610 --> 00:40:44.900 Por lo tanto, ¿qué es foreignObject? 00:40:44.900 --> 00:40:49.665 foreignObject es el opuesto de tener SVG dentro de HTML. 00:40:49.665 --> 00:40:54.470 foreignObject es la capacidad de Para incrustar HTML dentro de SVG. 00:40:55.610 --> 00:40:58.510 Así que de esta forma, puede hacer que una página SVG. 00:40:58.510 --> 00:40:59.510 Voy a mostrar. 00:41:02.280 --> 00:41:05.350 Aquí, tengo mi elemento HTML. 00:41:05.350 --> 00:41:08.170 Dentro de mi código HTML, Tengo mi elemento SVG, por lo que 00:41:08.170 --> 00:41:10.710 un vector en función de la representación. 00:41:10.710 --> 00:41:16.630 Y dentro de este formato SVG, puedo hacer lo que llamamos a la foreignObject 00:41:16.630 --> 00:41:18.180 donde puedo poner HTML. 00:41:19.350 --> 00:41:22.226 Por lo tanto, que es interesante porque SVG es puramente un vector. 00:41:22.226 --> 00:41:27.020 El foreignObject, será controlado por este vector puramente 00:41:27.020 --> 00:41:31.830 espacio y podemos aplicar cualquier específicos efecto para SVG. 00:41:31.830 --> 00:41:36.280 Podemos mezclar objetos vectoriales, y poner algunos, por ejemplo, el texto interior. 00:41:36.280 --> 00:41:39.440 Podemos utilizarlo para jugar como estoy haciendo aquí. 00:41:39.440 --> 00:41:44.430 Me gustaría mostrarle la potencia de SVG mediante HTML dentro de. 00:41:45.440 --> 00:41:47.390 Voy a utilizar filtros, otra vez. 00:41:47.390 --> 00:41:50.317 No es el filtro CSS en esta ocasión, es Filtros SVG. 00:41:50.317 --> 00:41:52.110 Se admiten filtros SVG. 00:41:52.110 --> 00:41:55.230 Y un efecto aplican filtros SVG 00:41:55.230 --> 00:41:57.770 encima de la imagen representado por el vector, ¿de acuerdo? 00:41:57.770 --> 00:42:02.780 Esta imagen ahora incluirá, la imagen representada en HTML. 00:42:02.780 --> 00:42:08.300 Y que es interesante, ya que Puedo hacer cosas como ésta. 00:42:08.300 --> 00:42:11.110 Aquí, esto es lo que me Llame el explorador Borracho. 00:42:14.630 --> 00:42:17.670 Demasiada cerveza, te vas a casa y desea buscar algo, y 00:42:17.670 --> 00:42:18.899 el aspecto del mundo como este. 00:42:20.160 --> 00:42:23.874 Bien, vamos a buscar Borde de Microsoft. 00:42:23.874 --> 00:42:28.750 >> [RISA] >> Y recordar, ya sabemos que. 00:42:28.750 --> 00:42:33.420 El iFrame dentro de mi SVG funciona perfectamente. 00:42:33.420 --> 00:42:34.686 No hay ningún problema con eso. 00:42:34.686 --> 00:42:37.544 Y ya que estoy dentro de SVG, 00:42:37.544 --> 00:42:41.895 Puedo aplicar de SVG y Utilice Mis cosas. 00:42:41.895 --> 00:42:44.728 Hay otra cosa que puedo hacer con el que me gustaría mostrarle. 00:42:44.728 --> 00:42:48.799 Así que en vez de eso, 00:42:48.799 --> 00:42:53.061 Deseo utilizar sólo ésta. 00:42:56.228 --> 00:42:58.770 Vaya, vamos a volver. 00:42:58.770 --> 00:42:59.895 He olvidado algo. 00:42:59.895 --> 00:43:00.895 >> Sí, el guión. 00:43:00.895 --> 00:43:02.728 >> Sí, gracias, David. 00:43:05.853 --> 00:43:07.450 Vamos a forzar la actualización. 00:43:07.450 --> 00:43:08.825 Este es un explorador de Minecraft. 00:43:08.825 --> 00:43:12.270 >> [RISA] >> Por lo tanto, lo que resulta interesante es 00:43:12.270 --> 00:43:15.770 eso si se busca babylonjs.com, que no es fácil. 00:43:15.770 --> 00:43:17.580 Se debe recordar que haga clic aquí. 00:43:18.680 --> 00:43:22.660 Soy un jugador de Minecraft y Puedo tomar cualquier objeto 3D. 00:43:22.660 --> 00:43:27.978 Y esto es, página HTML, uso de SVG, dentro de SVG hay GL Web con: 00:43:27.978 --> 00:43:31.812 >> [APLAUSOS] 00:43:31.812 --> 00:43:34.639 >> Se está ejecutando en 60 fotogramas por 00:43:34.639 --> 00:43:36.110 segundo, ¿de acuerdo? 00:43:36.110 --> 00:43:37.740 Tengo que admitir que es simplemente genial. 00:43:38.960 --> 00:43:41.765 Por lo tanto, no estamos seguros acerca de el caso de uso, pero 00:43:41.765 --> 00:43:44.310 [RISA] obtenga el punto. 00:43:44.310 --> 00:43:44.850 Obtiene el punto. 00:43:44.850 --> 00:43:46.440 Puede utilizar HTML dentro de SVG. 00:43:46.440 --> 00:43:46.940 Eso es genial. 00:43:48.300 --> 00:43:49.975 Estoy bastante seguro de sus hijos disfrutarán. 00:43:49.975 --> 00:43:54.090 >> [RISA] >> Y, a continuación, las cosas más recientes 00:43:54.090 --> 00:43:59.115 Queríamos mostrar a chicos antes de Mover a la Q&A es HTTP/2. 00:43:59.115 --> 00:44:01.944 Para HTTP/2, es un poco difícil 00:44:01.944 --> 00:44:06.884 para encontrar algo muy visual Permitir ver qué HTTP/2. 00:44:06.884 --> 00:44:11.490 Bueno, HTTP/2 se está generando gracias a lo que Google ha estado realizando 00:44:11.490 --> 00:44:12.350 con SPDY. 00:44:12.350 --> 00:44:15.670 Por lo que es SPDY, que intentaban Para crear algo nuevo, 00:44:15.670 --> 00:44:20.252 diferente de HTTP/1.1 Ahora que es bastante antiguo. 00:44:20.252 --> 00:44:21.790 Creemos que algunos dispositivos móviles, y 00:44:21.790 --> 00:44:24.520 otros dispositivos de nuevos, tenemos algunos problema con el rendimiento. 00:44:24.520 --> 00:44:27.890 Por lo tanto, intentaremos encontrar Algunos ataques en eso. 00:44:27.890 --> 00:44:31.680 Por lo tanto, vamos a hablar por ejemplo el número de solicitudes que un explorador puede 00:44:31.680 --> 00:44:33.160 Enviar a un servidor web. 00:44:33.160 --> 00:44:38.100 Por lo que la mayor parte del tiempo, de manera predeterminada, se fue cuatro solicitudes simultáneas a 00:44:38.100 --> 00:44:42.720 el servidor web de un determinado cliente en un dominio específico. 00:44:42.720 --> 00:44:45.490 Por lo tanto, si desea cargar, Supongamos que 10 o 00:44:45.490 --> 00:44:48.740 imagen 20, desde este sitio web servidor de los clientes. 00:44:48.740 --> 00:44:52.914 Sólo podía hacerlo a través de cuatro solicitudes distintas y 00:44:52.914 --> 00:44:54.300 tiene esperar. 00:44:54.300 --> 00:44:59.000 Y si lo desea, vueltas por ahí fue un hack se conoce por todo el mundo. 00:44:59.000 --> 00:45:01.960 Por lo tanto, puede tener varios dominios como CDN. 00:45:01.960 --> 00:45:06.570 Así, CDN número uno, el número 2 de CDN Número CDN tres o cuatro. 00:45:06.570 --> 00:45:10.480 Supongamos que y gracias a eso son capaces de cuatro solicitudes para 00:45:10.480 --> 00:45:14.190 la CDN de primera y cuatro solicitudes para el segundo, etc.. 00:45:14.190 --> 00:45:15.580 Pero lo bueno de piratas, 00:45:15.580 --> 00:45:21.160 Dado que el explorador tiene que hacerlo Además, el hecho de que forzaron. 00:45:21.160 --> 00:45:24.520 Al hacer algo mucho de solicitud para agregar una gran cantidad de 00:45:24.520 --> 00:45:28.620 costes generales en la parte superior de cada una de la solicitud HTTP al servidor web. 00:45:28.620 --> 00:45:33.522 Ahora se puede así, escritura HTTP/2 controlado por el grupo de trabajo IETF como 00:45:33.522 --> 00:45:36.860 un punto de partida hacia fuera y todos estamos trabajando en eso. 00:45:36.860 --> 00:45:39.510 Por lo tanto, se está implementando borde de Microsoft y 00:45:39.510 --> 00:45:41.390 Chrome y Firefox. 00:45:41.390 --> 00:45:45.510 Y la idea de que estoy viendo actualmente una página web desde el servidor de Google 00:45:45.510 --> 00:45:48.890 por lo que han sido implementarlo en uno de su pila del servidor. 00:45:48.890 --> 00:45:53.476 Y verá que la forma cargar la imagen mucho más rápida para 00:45:53.476 --> 00:45:54.875 razón de varios. 00:45:54.875 --> 00:45:59.095 En primer lugar hemos podido hacer Algunos multiplexación de las secuencias. 00:45:59.095 --> 00:46:02.335 No está forzado a enviar más varias solicitudes en el servidor web. 00:46:02.335 --> 00:46:04.145 Puede crear una única solicitud, y 00:46:04.145 --> 00:46:07.155 vamos a incrustar varias secuencias dentro de esta solicitud. 00:46:07.155 --> 00:46:10.265 Por lo tanto, se podrá negociar, sólo una vez con el servidor web. 00:46:10.265 --> 00:46:14.185 Estamos utilizando codificación binaria con HTTP/2. 00:46:14.185 --> 00:46:18.370 Por lo tanto, es más claro en la red. 00:46:18.370 --> 00:46:22.550 Y también podemos anticipar qué es necesario en el lado del cliente. 00:46:22.550 --> 00:46:25.390 Por ejemplo, Cuando se carga una página HTML, 00:46:25.390 --> 00:46:29.330 todos sabemos que serán algunos CSS y JavaScript dentro de ese. 00:46:29.330 --> 00:46:32.840 Por lo tanto, es un poco estúpido cargue la página HTML y 00:46:32.840 --> 00:46:35.300 a continuación, en Sí, sé que esto archivo de JavaScript concreto. 00:46:35.300 --> 00:46:37.950 Realice otra ida y vuelta en el servidor, recuperarlo. 00:46:37.950 --> 00:46:39.810 Y, a continuación, el archivo CSS, etc.. 00:46:39.810 --> 00:46:44.573 Por lo que la idea es permitir que el servidor web Supongamos que desea index.html, 00:46:44.573 --> 00:46:47.640 interior en el código HTML, hay foo.js. 00:46:47.640 --> 00:46:49.390 Por lo tanto, ¿qué vamos a siga en la misma solicitud, 00:46:49.390 --> 00:46:52.580 vamos a enviarte hacer copia directamente de la foo.js, 00:46:52.580 --> 00:46:54.700 para ahorrar tiempo al cliente. 00:46:54.700 --> 00:46:56.550 Por lo tanto, podemos anticipar lo que necesita. 00:46:56.550 --> 00:46:58.170 En su lugar se dice no es necesario este archivo, 00:46:58.170 --> 00:47:00.110 ya he ya correcto en la caché. 00:47:00.110 --> 00:47:04.270 Hemos perdido un poco de tiempo, pero la mayoría de el tiempo que ganará la velocidad. 00:47:04.270 --> 00:47:05.790 Esta es una página Web que hace Google, 00:47:05.790 --> 00:47:09.690 que está muy interesante porque puede simular lo que está ocurriendo. 00:47:09.690 --> 00:47:14.244 Por lo tanto, vamos a cargar la página mediante HTTP/1 y, a continuación, en 2002, 00:47:14.244 --> 00:47:17.650 lo sentimos, 200 milisegundos latencia de luz. 00:47:17.650 --> 00:47:20.590 Puede ver actualmente se va a serializar. 00:47:20.590 --> 00:47:23.690 Por lo tanto, tengo varias solicitudes a parte de la imagen. 00:47:23.690 --> 00:47:26.170 Y no puedo hacerlo muy rápido, debido a que necesito 00:47:26.170 --> 00:47:30.460 volver al servidor cada vez que cargar un nuevo fragmento de la página. 00:47:30.460 --> 00:47:34.120 >> Y cada solicitud tendrá latencia de 200 milisegundos. 00:47:34.120 --> 00:47:36.560 >> Y la otra parte, con HTTP/2, 00:47:36.560 --> 00:47:40.300 verá que estoy siendo capaz de tener Algunos secuencia múltiples que representa. 00:47:40.300 --> 00:47:42.870 Y tengo la solicitud única, en el servidor web para cargar 00:47:42.870 --> 00:47:45.790 todas las secuencias, por lo que es mucho más rápido cargar la imagen. 00:47:45.790 --> 00:47:47.770 Y ahora obtendrá el punto. 00:47:47.770 --> 00:47:49.928 Es muy visual porque está en una imagen. 00:47:49.928 --> 00:47:53.240 Pero piense que, con toda la rutas de acceso de la página web que necesita 00:47:53.240 --> 00:47:55.500 cargar desde el lado del servidor y realmente a la misma velocidad. 00:47:55.500 --> 00:47:59.750 Por lo tanto, es realmente bueno tener específicamente en el móvil, 00:47:59.750 --> 00:48:02.660 en el Windows Phone, 10 utilizando Microsoft Edge. 00:48:02.660 --> 00:48:07.720 Cada nuevos dispositivos puede que consiguió moderna del motor, ya que sería 00:48:07.720 --> 00:48:11.620 realmente amp la velocidad de la página Web sin hacer nada para usted. 00:48:11.620 --> 00:48:15.050 Es completamente es compatible con HTTP/1.1. 00:48:15.050 --> 00:48:17.310 Se trata de la misma columna, los verbos de la mismos. 00:48:17.310 --> 00:48:20.610 Sólo cambiamos la forma comunicarse en el protocolo y 00:48:20.610 --> 00:48:23.740 en la secuencia y todas la red sesión implicados. 00:48:23.740 --> 00:48:24.240 >> Muchas gracias, David. 00:48:25.440 --> 00:48:30.240 Por lo tanto, tratamos aquí a mano picking algunos de nuestras características favoritas pero, 00:48:30.240 --> 00:48:33.860 como se mencionó antes, muchos ellos están aún dentro de la caja. 00:48:33.860 --> 00:48:36.130 Por lo tanto, la mejor idea para Si desea probar 00:48:36.130 --> 00:48:39.710 sólo tiene que instalar la más reciente versión de la compilación de Windows 10. 00:48:39.710 --> 00:48:41.820 El motor de borde está aquí. 00:48:41.820 --> 00:48:44.660 ¿Hasta ahora, sigue siendo proyecto Spartan? 00:48:44.660 --> 00:48:47.940 Pero, sólo debe cambiar en su cuenta y cámbiele el nombre a Microsoft Edge y 00:48:47.940 --> 00:48:49.100 Obtiene el punto. 00:48:49.100 --> 00:48:53.410 Si desea que una característica, si usted realmente desea una función, utilice, y 00:48:53.410 --> 00:48:56.730 aporte sus comentarios sobre uservoice.modern.IE. 00:48:56.730 --> 00:48:59.690 Por ejemplo, aquí captura ASM.js. 00:48:59.690 --> 00:49:01.900 Era un enorme preguntar a la Comunidad. 00:49:01.900 --> 00:49:03.870 Por favor, compatible con ASM.js. 00:49:03.870 --> 00:49:07.754 ASM.js es una forma de compilar C++ en JavaScript, 00:49:07.754 --> 00:49:10.820 y ASM.js agregará algunos. 00:49:10.820 --> 00:49:14.290 No puedo decir, información adicional para 00:49:14.290 --> 00:49:15.400 el recolector de elementos no utilizados y para 00:49:15.400 --> 00:49:18.796 el motor de JavaScript ¿para mejorar el rendimiento, bien? 00:49:18.796 --> 00:49:23.700 Motor de unidad compatible, irreal compatible, por lo que si está utilizando 00:49:23.700 --> 00:49:29.080 La unidad 5, sólo puede exportar su juego de GL Web con ASM.js. 00:49:29.080 --> 00:49:32.640 Ahora sólo tiene que instalar el muy versión más reciente de Windows 10, 00:49:32.640 --> 00:49:35.510 Borde de Microsoft y 00:49:35.510 --> 00:49:40.530 podrá ejecutar Web GL juegos de la unidad mediante ASM.js. 00:49:40.530 --> 00:49:42.112 Vas a hacer al respecto: indicadores. 00:49:42.112 --> 00:49:46.100 Por lo tanto, si vas a Microsoft Edge en la actualidad, escribe acerca de: indicadores y 00:49:46.100 --> 00:49:50.150 puede habilitar ASM.js Microsoft borde interior. 00:49:50.150 --> 00:49:53.130 Y mostraré otra ejemplo de la acumulación. 00:49:53.130 --> 00:49:56.878 Por lo tanto, la gente pregunta mostrar la sintaxis errores en el depurador, es razonable. 00:49:56.878 --> 00:50:00.838 Que ponemos en nuestro trabajo pendiente, y nos indican que está en la parte superior y 00:50:00.838 --> 00:50:02.336 Esperamos comenzar en breve. 00:50:02.336 --> 00:50:05.623 Por lo tanto, esto es una nueva forma de para comunicarnos con usted, chicos, y 00:50:05.623 --> 00:50:06.795 con la Comunidad. 00:50:06.795 --> 00:50:09.355 Háganos saber que usted desea algo y 00:50:09.355 --> 00:50:13.675 le haremos saber que estamos algunos que consideramos 00:50:13.675 --> 00:50:17.440 y algunos de ellos no son en realidad en la lista prioridad. 00:50:18.760 --> 00:50:21.390 Evalúe la sesión. 00:50:21.390 --> 00:50:22.470 Y ahora es el momento de la pregunta. 00:50:23.670 --> 00:50:24.195 Sí. 00:50:24.195 --> 00:50:32.000 >> [INAUDIBLE] >>, Así que Permítame mostrarle [RISA]. 00:50:33.670 --> 00:50:34.920 Oh, no puedo contestar esta pregunta. 00:50:36.230 --> 00:50:39.449 Puedo ir a tipo moderno. 00:50:39.449 --> 00:50:43.020 Así que status.modern. 00:50:43.020 --> 00:50:44.000 La pregunta sobre: >> Oh, lo siento. 00:50:44.000 --> 00:50:44.756 >> Sí, se trata. 00:50:44.756 --> 00:50:47.690 >> La pregunta es acerca de la plantilla, plantilla HTML, es correcto. 00:50:47.690 --> 00:50:48.832 ¿Estamos trabajando en él? 00:50:48.832 --> 00:50:49.690 >> ¿Estamos trabajando en él? 00:50:51.400 --> 00:50:52.110 Así, sí. 00:50:52.110 --> 00:50:54.170 Hasta ahora, estamos investigando. 00:50:54.170 --> 00:50:56.520 Es parte de un artículo más grande, en realidad. 00:50:56.520 --> 00:51:01.470 Por lo tanto, lo mejor que puede hacer es proporcionar comentarios sobre la voz del usuario 00:51:01.470 --> 00:51:03.560 para hacernos saber por qué es realmente es importante para usted. 00:51:03.560 --> 00:51:04.810 A continuación, pídale a la gente a votar. 00:51:04.810 --> 00:51:07.130 Que es la mejor forma de comunicarse con nosotros. 00:51:07.130 --> 00:51:09.280 Pero sí, Sabemos que es realmente importante. 00:51:09.280 --> 00:51:11.035 Y de que se trate. 00:51:11.035 --> 00:51:13.650 >> [INAUDIBLE] >> Sí. 00:51:13.650 --> 00:51:16.690 Es, algunas de las otras partes puede ser fácilmente rellenado previamente 00:51:16.690 --> 00:51:18.790 los socios de web Sé que con éste. 00:51:18.790 --> 00:51:22.230 Una pregunta de otro. 00:51:22.230 --> 00:51:23.355 ¿Sí? 00:51:23.355 --> 00:51:23.855 >> Somos ¿cuánto ¿se va a mantener Internet Explorer 11? 00:51:27.350 --> 00:51:30.679 >> Para la pregunta es: ¿cuánto tiempo ¿vamos a mantener Internet Explorer 11? 00:51:30.679 --> 00:51:35.034 IE 11 es parte de Windows 10, por lo que 00:51:35.034 --> 00:51:39.250 mismo ciclo de vida como 10 de Windows. 00:51:39.250 --> 00:51:41.230 ¿>> Ciclo de vida como Vista? 00:51:41.230 --> 00:51:43.438 >> No tengo ni idea de esto, Lo siento acerca de eso. 00:51:43.438 --> 00:51:49.780 Puedo entrar en nuestro personal de soporte [Externa] y averiguar por usted. 00:51:49.780 --> 00:51:55.093 Pero podría aceptarse siempre IE 11 se admitirán como Windows 10, 00:51:55.093 --> 00:51:57.194 es parte de Windows 10. 00:51:57.194 --> 00:51:58.654 ¿Sí? 00:51:58.654 --> 00:51:59.813 >> ¿Qué es en tu camiseta? 00:51:59.813 --> 00:52:00.845 >> Es una buena pregunta. 00:52:00.845 --> 00:52:03.698 [RISA] ¿Cuál es mi camiseta? 00:52:03.698 --> 00:52:09.070 [RISA] Así que mantener esta pregunta, Sólo quiero estar seguro. 00:52:09.070 --> 00:52:10.946 ¿Es allí cualquier otra pregunta me? 00:52:10.946 --> 00:52:11.782 >> Sí. 00:52:11.782 --> 00:52:12.618 >> Sí. 00:52:12.618 --> 00:52:17.060 >> [INAUDIBLE] >> Sí. 00:52:17.060 --> 00:52:20.390 La pregunta es, Microsoft ¿10 sólo se podrán 10 de Windows? 00:52:20.390 --> 00:52:22.035 Y Sí, la respuesta es Sí. 00:52:22.035 --> 00:52:25.520 Sí. 00:52:25.520 --> 00:52:34.810 >> [INAUDIBLE] 00:52:34.810 --> 00:52:38.051 >> La mayoría de los casos, si se encuentra en 00:52:38.051 --> 00:52:44.855 las marcas, Creo que está aquí. No. 00:52:44.855 --> 00:52:46.410 >> [INAUDIBLE] 00:52:46.410 --> 00:52:47.120 >> Está bien. 00:52:47.120 --> 00:52:48.107 >> Sí, por lo que es una buena pregunta para 00:52:48.107 --> 00:52:49.105 te [interferencia] >> Pero la pregunta, 00:52:49.105 --> 00:52:51.270 ¿Puede repetir la pregunta? >> Por lo tanto, la pregunta es: 00:52:51.270 --> 00:52:55.250 algunas de las características están bajo marcadores en el Microsoft Edge. 00:52:55.250 --> 00:52:57.910 Para tener que ir a acerca de indicadores para habilitarlos. 00:52:57.910 --> 00:53:01.724 Si estoy utilizando Windows Vista de Web de 10, ¿se puede utilizar, por ejemplo, Metralletas? 00:53:01.724 --> 00:53:06.480 >> No, usted no podrá [INAUDIBLE]. 00:53:06.480 --> 00:53:08.480 >> Estaba muy seguro, pero Sólo quería asegurarse. 00:53:08.480 --> 00:53:11.510 >> La respuesta es no. Sí. 00:53:11.510 --> 00:53:12.715 ¿Pregunta allí? 00:53:12.715 --> 00:53:16.460 >> [INAUDIBLE]. 00:53:16.460 --> 00:53:18.655 >> Sí. Estamos trabajando en la aplicación Web 00:53:18.655 --> 00:53:20.310 controlador en Microsoft Edge. 00:53:23.296 --> 00:53:24.491 ¿Sí? 00:53:24.491 --> 00:53:31.200 >> [INAUDIBLE] >> Extensión de. 00:53:31.200 --> 00:53:33.050 ¿Significa el derecho de extensión de JavaScript? 00:53:33.050 --> 00:53:37.280 Hasta ahora, no puedo responder esto porque es realmente la pregunta 00:53:37.280 --> 00:53:38.540 demasiado pronto para nosotros. 00:53:38.540 --> 00:53:40.730 Hicimos ya una demostración ayer. 00:53:40.730 --> 00:53:43.580 No lo sé, tenía dos días atrás durante el discurso de apertura. 00:53:43.580 --> 00:53:44.170 Es posible. 00:53:44.170 --> 00:53:47.100 Estamos trabajando en eso, pero todo lo relacionado con el rendimiento 00:53:47.100 --> 00:53:49.760 y cosas así que, somos demasiado principios de nuestro ciclo de desarrollo. 00:53:50.870 --> 00:53:52.215 Espero que no, claramente. 00:53:52.215 --> 00:54:02.590 >> [INAUDIBLE] 00:54:02.590 --> 00:54:03.090 >> No sé. 00:54:04.400 --> 00:54:06.100 Lo siento, pero no sé. 00:54:06.100 --> 00:54:07.990 Es una parte diferente de el equipo de ingeniería. 00:54:07.990 --> 00:54:09.700 Por lo tanto, no es necesario decir algo incorrecto. 00:54:09.700 --> 00:54:12.010 Por lo tanto, no sé. 00:54:12.010 --> 00:54:12.604 ¿Sí? 00:54:12.604 --> 00:54:13.620 [RISA]. 00:54:13.620 --> 00:54:15.145 >> [INAUDIBLE]. 00:54:15.145 --> 00:54:17.586 >> Por lo tanto, la pregunta es, 00:54:17.586 --> 00:54:23.150 clases CSS está trabajando ¿con la transición de CSS? 00:54:24.210 --> 00:54:26.660 Probé con la transición, por lo tanto, sí. 00:54:26.660 --> 00:54:30.790 Para ver la animación, pero aparecen cualquier razón de por qué no debería. 00:54:30.790 --> 00:54:34.120 Acabo de comprobar pero 99% está bien. 00:54:34.120 --> 00:54:37.679 Y veo que dicen Jacob, Sí, por lo que es 100% sí. 00:54:37.679 --> 00:54:39.424 [RISA]. ¿Sí? 00:54:39.424 --> 00:54:43.177 >> De la aplicación admite reglas de CSS, 00:54:43.177 --> 00:54:46.670 ¿es un estándar de [INAUDIBLE]? 00:54:46.670 --> 00:54:47.810 >> Absolutamente sir, absolutamente. 00:54:49.230 --> 00:54:51.291 >> ¿Sabe cómo ¿que es compatible con los navegadores? 00:54:51.291 --> 00:54:53.996 >> Sé que tiene se admite en cromo. 00:54:53.996 --> 00:54:55.540 Podemos ir a. 00:54:55.540 --> 00:54:56.603 ¿Conoce este sitio? 00:54:56.603 --> 00:55:01.820 >> [INAUDIBLE] >>, Todavía no es: 00:55:01.820 --> 00:55:02.455 >> Sí, todavía no es. 00:55:02.455 --> 00:55:09.400 >> [INAUDIBLE] >>, Por lo que se admite. 00:55:09.400 --> 00:55:11.360 >> Firefox, Chrome, borde, maravilloso. 00:55:11.360 --> 00:55:12.356 Vivimos en un mundo maravilloso. 00:55:12.356 --> 00:55:16.486 >> No Safari, interesante. 00:55:17.743 --> 00:55:20.800 >> [RISA] >> [INAUDIBLE] 00:55:20.800 --> 00:55:21.446 ¿>> Sí? 00:55:21.446 --> 00:55:26.094 >> [INAUDIBLE] >> ¿Socket web? 00:55:26.094 --> 00:55:27.350 Sí a sir. 00:55:27.350 --> 00:55:29.165 Y eso es una buena transición, Muchas gracias. 00:55:29.165 --> 00:55:32.860 [RISA] Porque lo que tengo Mi camisa se basa en WebSocket. 00:55:32.860 --> 00:55:37.010 Por lo tanto emitir uno chicos, Contamos con tan sólo cuatro minutos. 00:55:37.010 --> 00:55:38.050 Si tiene cualquier pregunta, 00:55:38.050 --> 00:55:40.250 no dude en pedir después. 00:55:40.250 --> 00:55:43.288 Sólo desea mostrar JS es. 00:55:43.288 --> 00:55:46.618 Anunciamos ayer, por lo que vamos a explicar en qué consiste el producto. 00:55:46.618 --> 00:55:49.820 Decidimos justo después de JS para trabajar en un nuevo marco. 00:55:49.820 --> 00:55:53.080 Nos encanta escribir nuevo marcos de trabajo para ayudar a los desarrolladores. 00:55:53.080 --> 00:55:56.028 Pero al parecer no todos desarrollador es desarrollador de ad de web, 00:55:56.028 --> 00:55:58.190 por lo tanto, descubrimos que recientemente. 00:55:58.190 --> 00:56:01.586 Y a continuación, decidimos trabajar en el marco de trabajo que podría ayudar a más 00:56:01.586 --> 00:56:03.470 desarrollador de sólo WebGL. 00:56:03.470 --> 00:56:08.600 Y cuando nos estábamos escribir nuestra propia código, descubrimos que era lo 00:56:08.600 --> 00:56:12.468 complejo para depurarlo en todas las versiones móviles. 00:56:12.468 --> 00:56:15.610 Cuando escribe código, desea escribe una vez y 00:56:15.610 --> 00:56:18.700 ejecutar en todas partes, pero a continuación si Para ejecutar en todas partes, 00:56:18.700 --> 00:56:21.270 debe depurar en todas partes. 00:56:21.270 --> 00:56:24.440 El problema con esto es que existen muchas herramientas diferentes para hacer eso, pero 00:56:24.440 --> 00:56:27.500 No hay herramientas para ejecutar realmente por todas partes para ayudarnos. 00:56:27.500 --> 00:56:30.150 Por eso decidimos escribir una depuración 00:56:30.150 --> 00:56:32.460 marco de herramienta para ayudarle a hacerlo. 00:56:32.460 --> 00:56:38.090 Y sólo en función de JavaScript puro CSS y el uso de un servidor de Node.js 00:56:38.090 --> 00:56:43.370 en el back-end para habilitar en tiempo real comunicación con WebSockets. 00:56:43.370 --> 00:56:47.910 >> Acá tengo un servidor Node.js, Sólo hago npm instalar Vorlon. 00:56:47.910 --> 00:56:49.240 Eso es todo, nada más. 00:56:49.240 --> 00:56:51.500 Que se ejecutará y ¿me proporcionan un panel. 00:56:51.500 --> 00:56:52.310 El tablero de mandos está aquí. 00:56:52.310 --> 00:56:54.450 Puedo ir simplemente mirar que a Mi panel. 00:56:54.450 --> 00:56:57.279 Si, esperaremos para cualquier conexión usar Web Sockets, por ejemplo, 00:56:57.279 --> 00:56:58.254 Si es compatible, o 00:56:58.254 --> 00:57:00.771 utilizar el sondeo con su assurity Si no se admite. 00:57:00.771 --> 00:57:03.400 Utilizamos Socket.IO para hacerlo. 00:57:03.400 --> 00:57:05.130 Funciona casi en todas partes. 00:57:05.130 --> 00:57:06.045 Que funciona en el refrigerador. 00:57:06.045 --> 00:57:10.750 [RISA] Para tener una demostración aquí, especialmente para 00:57:10.750 --> 00:57:13.990 que, y Sólo desea mostrar esta demostración. 00:57:13.990 --> 00:57:15.620 Vamos a abrir aquí. 00:57:15.620 --> 00:57:17.840 Y tengo que éste. 00:57:17.840 --> 00:57:23.470 Así que presentamos conservar 3D También se admiten dentro de borde. 00:57:23.470 --> 00:57:26.600 Así que tenemos la cuña, hacemos Este tipo de cosas realmente interesantes. 00:57:26.600 --> 00:57:31.690 Estoy intentando reproducir lo que tenemos ahora en mi Reproductor de medios XBMC. 00:57:31.690 --> 00:57:34.050 Eso está muy bien y Si no hay una reserva para él. 00:57:34.050 --> 00:57:38.820 Esto es sólo una demostración desea dar porque lo. 00:57:40.350 --> 00:57:41.092 Oh, no podemos. 00:57:41.092 --> 00:57:43.390 En esta demostración no funciona en un dispositivo específico. 00:57:43.390 --> 00:57:46.230 No es fácil saber Si estoy utilizando un teléfono, 00:57:46.230 --> 00:57:47.890 No entiendo por qué que no funciona. 00:57:47.890 --> 00:57:52.928 Entonces, ¿qué puedo hacer es agregar en mi 00:57:52.928 --> 00:58:01.520 Este código de referencia a http://localhost. 00:58:01.520 --> 00:58:03.550 Por lo que el servidor se ejecuta en esta dirección URL. 00:58:03.550 --> 00:58:05.460 Y sólo quiero vorlon.js. 00:58:05.460 --> 00:58:06.280 Eso es todo. 00:58:06.280 --> 00:58:07.920 No se necesita nada más. 00:58:07.920 --> 00:58:09.380 Tipo de cosas. 00:58:09.380 --> 00:58:12.530 No se necesita nada más. 00:58:12.530 --> 00:58:13.100 Suena bastante bien. 00:58:13.100 --> 00:58:14.470 >> Deberá escribirla correctamente. 00:58:14.470 --> 00:58:16.240 >> Sí, y ¿No estoy realmente bueno, derecha? 00:58:16.240 --> 00:58:20.610 >> Es una parte más difícil, todavía intenta corregirlo para ayudarle. 00:58:20.610 --> 00:58:22.658 >> [RISA] suena, ¡ que no lo no 's válida, 00:58:22.658 --> 00:58:25.750 ya he olvidado ésta sí, Muchas gracias. 00:58:25.750 --> 00:58:27.200 Podría ser larga para mí. 00:58:28.860 --> 00:58:33.490 Y, a continuación, vuelva aquí, Estoy volver a cargar esta página xxyy, bien? 00:58:36.520 --> 00:58:38.019 >> E ir al sitio web. 00:58:39.170 --> 00:58:41.200 >> He olvidado algo pero Voy a comprobar aquí. 00:58:43.190 --> 00:58:46.430 Y así Estoy trabajando en la herramienta de análisis de la interfaz de usuario, 00:58:46.430 --> 00:58:49.370 así que no considere la posibilidad de el iPhone más cosas aquí. 00:58:49.370 --> 00:58:52.338 Sólo estoy intentando analizar el usuario cadena enviada por el cliente para 00:58:52.338 --> 00:58:54.890 Quiero decir, Hola es un iPhone o cualquier otra. 00:58:54.890 --> 00:58:55.540 Sólo estoy trabajando en eso. 00:58:55.540 --> 00:58:58.540 Aquí, haciendo clic en mi cliente, 00:58:58.540 --> 00:58:59.770 Puedo ver que tiene mi [INAUDIBLE]. 00:58:59.770 --> 00:59:03.840 Por lo que este cliente puede estar en cualquier dispositivo que puede conectar con el servidor. 00:59:03.840 --> 00:59:05.650 Por tanto, si desea utilizarlo públicamente, 00:59:05.650 --> 00:59:08.700 sólo tiene colocar en cualquier servidor de Azure, o cualquier otra. 00:59:08.700 --> 00:59:13.390 Funcionará y puede ver que tiene aquí. 00:59:13.390 --> 00:59:16.700 Obviamente puede hacer clic en cualquiera elemento para verlo, oh sí bien, 00:59:16.700 --> 00:59:20.330 Veo que está utilizando este material. 00:59:20.330 --> 00:59:25.410 Seleccionando cosas como: Voy a encontrar una interfaz gráfica de usuario por ejemplo. 00:59:25.410 --> 00:59:29.700 Puede hacer que el rectángulo rojo alrededor del elemento seleccionado, para 00:59:29.700 --> 00:59:32.520 sabe dónde se encuentra y ¿trabaja con. 00:59:32.520 --> 00:59:34.460 Y también tiene la consola aquí. 00:59:34.460 --> 00:59:37.260 La consola es realmente importante, porque si algo es 00:59:37.260 --> 00:59:41.100 Error en el dispositivo, será enviar algunos mensajes en la consola. 00:59:41.100 --> 00:59:43.190 La consola enviará todos los mensajes 00:59:43.190 --> 00:59:44.150 volver al escritorio. 00:59:44.150 --> 00:59:45.900 Por lo que sabe lo que está sucediendo. 00:59:45.900 --> 00:59:49.865 Quise mostrarle ferb también aquí Plug-in. 00:59:49.865 --> 00:59:53.428 Estamos utilizando modernizador en el dispositivo de conocer toda la característica 00:59:53.428 --> 00:59:55.550 capacidades de su dispositivo. 00:59:55.550 --> 00:59:58.250 Envío que el tablero de mandos tan se pueden observar bien, 00:59:58.250 --> 01:00:01.740 Suena este dispositivo específico Por ejemplo, admite 01:00:01.740 --> 01:00:04.180 CSS transformación 3D o Conservar 3D o cualquier otra. 01:00:04.180 --> 01:00:06.720 Tenemos toda la lista, y 01:00:06.720 --> 01:00:10.300 Estoy muy orgulloso de mostrar está en el borde de DreamWeaver. 01:00:10.300 --> 01:00:10.880 Eso es genial. 01:00:10.880 --> 01:00:13.789 Oh no, no estamos apoyando Base de datos SQL, pero eso está bien. 01:00:13.789 --> 01:00:17.860 Es el antiguo. 01:00:17.860 --> 01:00:21.340 También puede aquí, Agregue el aire caliente o cualquier otra. 01:00:21.340 --> 01:00:25.050 Sólo se puede decir que deseo ejecutar aquí algo en la consola y 01:00:25.050 --> 01:00:26.890 se ejecutará en el cliente. 01:00:26.890 --> 01:00:29.230 Por lo que puede controlar Este tipo de cosas. 01:00:29.230 --> 01:00:30.190 Puede hacerlo. 01:00:30.190 --> 01:00:30.910 Es gratuito. 01:00:30.910 --> 01:00:33.960 Utilice en cualquiera de el paso de depuración y 01:00:33.960 --> 01:00:37.160 Estamos abiertos a las contribuciones de >> Es código abierto. 01:00:37.160 --> 01:00:40.470 >> Sí. A continuación, vamos a agregar web plugins de audio 01:00:40.470 --> 01:00:47.700 para que pueda mostrar el nodo y para mostrar el nodo web audio lo. 01:00:47.700 --> 01:00:50.880 Pensamos en conexión a también el modo de depuración. 01:00:50.880 --> 01:00:52.920 Así, por ejemplo, está escribiendo en un sistema operativo de Firefox. 01:00:52.920 --> 01:00:56.230 Hay un puerto de depurador donde nos puede conectar para saber dónde estamos en 01:00:56.230 --> 01:00:59.680 el código y probablemente ponga algunos punto de interrupción quizás en el futuro. 01:00:59.680 --> 01:01:02.270 Por lo tanto, tiene una realidad Abra la infraestructura. 01:01:02.270 --> 01:01:02.850 Es realmente en 01:01:02.850 --> 01:01:05.730 completo porque la mayoría de las veces cuando Estamos trabajando con dispositivos móviles, 01:01:05.730 --> 01:01:09.890 código de aplicación, cualquier cosa que es muy difícil de desarrollar. 01:01:09.890 --> 01:01:12.010 Esto proporciona el kit de publicidad de primera. 01:01:13.880 --> 01:01:15.520 Gracias a todos por estar allí. 01:01:15.520 --> 01:01:16.428 Agradezco que él. 01:01:16.428 --> 01:01:23.810 >> [APLAUSOS] >> No olvide evaluar. 01:01:23.810 --> 01:01:25.317 >> Muchas gracias, gracias. 01:01:25.317 --> 01:01:28.330 [EXTERNA]