WEBVTT 00:00:00.006 --> 00:00:02.306 Bonjour tout le monde. 00:00:02.306 --> 00:00:07.840 [EXTERNE] Mon nom est David. 00:00:09.080 --> 00:00:10.290 Je suis David Catuhe. 00:00:10.290 --> 00:00:15.870 Je travaille pour le DX de Microsoft, et mon est activé 00:00:15.870 --> 00:00:20.650 les normes d'ouvrir un site Web et évidemment pour Microsoft Edge. 00:00:20.650 --> 00:00:23.520 Qui va faire tous les le long de cette session, 00:00:23.520 --> 00:00:27.640 Essayez ne pas dire Spot Microsoft et juste que Microsoft Edge, donc 00:00:27.640 --> 00:00:29.750 Veuillez ignorer cet inconvénient. 00:00:29.750 --> 00:00:31.070 Je suis avec David. 00:00:31.070 --> 00:00:32.320 >> Hello. Par conséquent, je fais 00:00:32.320 --> 00:00:34.020 plus les mêmes opérations, et 00:00:34.020 --> 00:00:37.300 Je travaille en tant que le programme Senior Gestionnaire sur le cours. 00:00:37.300 --> 00:00:40.970 >> Donc, Oui, aujourd'hui nous allons vous présenter les principaux interne 00:00:40.970 --> 00:00:42.830 de bord de Microsoft. 00:00:42.830 --> 00:00:45.990 Et surtout, nous allons tenter se concentrer sur les nouvelles fonctionnalités 00:00:45.990 --> 00:00:47.590 que nous avons ajouté sur celui-ci. 00:00:47.590 --> 00:00:51.600 Et nous voulons simplement faire une introduction très peu avant, 00:00:51.600 --> 00:00:53.960 Pour vous expliquer pourquoi un nouveau navigateur ? 00:00:55.210 --> 00:00:56.455 Nouveautés à l'intérieur 00:00:56.455 --> 00:00:59.185 Et puis nous allons passer à commencer le codage. 00:00:59.185 --> 00:01:00.185 >> Et un grand nombre de démonstrations. 00:01:00.185 --> 00:01:03.455 >> Oui, donc Veuillez, soumettre une évaluation. 00:01:03.455 --> 00:01:05.125 Il existe quelques cadeaux à gagner. 00:01:05.125 --> 00:01:06.725 Utilisez simplement le code QR ici. 00:01:06.725 --> 00:01:09.435 Je pense que vous êtes habitué à qui. 00:01:10.435 --> 00:01:13.700 Afin que l'ordre du jour, trois parties, Pourquoi un nouveau moteur ? 00:01:13.700 --> 00:01:17.400 Puis, le web moderne interopérabilité : aujourd'hui, et 00:01:17.400 --> 00:01:20.267 de toute évidence nous nous pencherons ensuite sur les fonctionnalités et le code. 00:01:21.540 --> 00:01:23.230 Il vous suffit d'un sondage rapide. 00:01:23.230 --> 00:01:25.090 Qui est un développeur web ? 00:01:26.530 --> 00:01:27.670 Je t'aime guys. 00:01:27.670 --> 00:01:29.830 J'adore utilisateur évidemment ainsi. 00:01:29.830 --> 00:01:33.310 [RIRE] Mais C'est un grand ensemble de personnes, et 00:01:33.310 --> 00:01:35.910 Je me rappelle l'année dernière, Lorsque nous avons demandé à cette question, 00:01:35.910 --> 00:01:40.830 Il a peut-être été 20 % de l'espace, et je pense qu'il est désormais à 50. 00:01:40.830 --> 00:01:42.380 C'est une bonne évaluation. 00:01:42.380 --> 00:01:43.690 Par conséquent, tout d'abord remettre en question. 00:01:43.690 --> 00:01:44.880 Pourquoi la création d'un nouveau moteur ? 00:01:44.880 --> 00:01:46.780 Pourquoi créer un nouveau navigateur ? 00:01:46.780 --> 00:01:50.520 Ainsi, pour vous donner uniquement un peu de vocabulaire, 00:01:50.520 --> 00:01:52.570 Il s'agit de fonctionne d'un navigateur. 00:01:52.570 --> 00:01:54.790 Nous avons la fenêtre elle-même. 00:01:54.790 --> 00:01:55.820 Ce que nous appelons le Chrome. 00:01:55.820 --> 00:01:58.460 Il n'est pas facile à utiliser lorsque Nous gérons avec le navigateur, afin que 00:01:58.460 --> 00:02:00.360 Nous allons appeler une fenêtre. 00:02:00.360 --> 00:02:04.760 Et à l'intérieur de cette fenêtre, nous avons la Plate-forme Web lui-même, ce qui signifie que la DLL 00:02:04.760 --> 00:02:09.430 et tout le C++ code ce handle toutes les opérations liées au code HTML, 00:02:09.430 --> 00:02:14.900 JavaScript, CSS pour obtenir le rendu une image de votre page, OK ? 00:02:14.900 --> 00:02:18.420 Nom d'Internet Explorer la plate-forme de Web est Trident. 00:02:18.420 --> 00:02:22.190 Nous avons à l'évidence le même article pour Chrome, et 00:02:22.190 --> 00:02:25.760 le nom de la plateforme Web Cette heure est clignotant. 00:02:25.760 --> 00:02:30.870 Nous avons WebKit de Safari, et Nous avons Gecko pour Firefox. 00:02:30.870 --> 00:02:32.830 Mais nous avons tous fonctionne de la même façon, une fenêtre, et 00:02:32.830 --> 00:02:34.690 à l'intérieur, une plate-forme Web, OK ? 00:02:34.690 --> 00:02:35.450 Un moteur de rendu. 00:02:37.400 --> 00:02:38.502 Un petit peu de l'historique. 00:02:38.502 --> 00:02:42.860 20 ans, nous avons commencé 00:02:42.860 --> 00:02:47.820 en 1995 avec une toute première version d'Internet Explorer, il y a 20 ans. 00:02:47.820 --> 00:02:51.450 Lorsque nous parlons de sciences de l'informatique, C'est comme les dinosaures. 00:02:52.740 --> 00:02:54.510 À ce stade, nous avons créé une toute première version. 00:02:54.510 --> 00:02:57.330 Mais nous allons simplement déplacer pour IE6. 00:02:57.330 --> 00:03:01.210 IE6 a été la toute première version où nous avons introduit un nouveau jouet, 00:03:02.370 --> 00:03:05.130 la clé ! DOCTYPE. 00:03:05.130 --> 00:03:10.163 Il s'agissait d'une idée pour nous à l'adresse dans le même temps, les nouvelles fonctionnalités et 00:03:10.163 --> 00:03:14.102 compatibilité de travail. 00:03:15.470 --> 00:03:18.010 Nous voulions ajouter un grand nombre de nouvelles fonctionnalités dans Internet Explorer 00:03:18.010 --> 00:03:20.330 sans incidence sur le web. 00:03:20.330 --> 00:03:23.080 Par conséquent, nous l'avons dit, bien, prenons l'exemple d' 00:03:23.080 --> 00:03:28.632 Si le développeur web placez bank.type au tout début de la page. 00:03:28.632 --> 00:03:30.440 Nous considérons qu'il est un déclencheur pour 00:03:30.440 --> 00:03:35.880 Nous devons utiliser le nouveau fonctionnalité que nous avons ajoutées dans IE6. 00:03:35.880 --> 00:03:37.428 Mais parce que nous ne voulez rompre le web, 00:03:37.428 --> 00:03:42.830 Nous sous-traiter l'état précédent version comme etc. IE5. 00:03:42.830 --> 00:03:46.470 Nous appelons que le mode doc, mode de document. 00:03:46.470 --> 00:03:51.670 Le mode de document est un indicateur compact à l'intérieur de notre code qui active et 00:03:51.670 --> 00:03:54.400 désactiver les fonctions spécifiques que nous avons. 00:03:54.400 --> 00:03:58.584 Nous pouvons Imaginez qu'à l'intérieur iCode, il y a une douzaine d'if. 00:03:58.584 --> 00:04:01.306 Si IE6, puis je pouvons y parvenir. 00:04:01.306 --> 00:04:04.050 Si Internet Explorer 5, puis je ne pouvons pas faire. 00:04:04.050 --> 00:04:05.330 Okay ? 00:04:05.330 --> 00:04:07.969 Et pour IE6, nous avons dû à ce moment, 00:04:07.969 --> 00:04:11.330 à l'intérieur du même moteur, en mode deux doc. 00:04:11.330 --> 00:04:15.680 Par conséquent, il peut être une combinaison des deux cas, en réalité. 00:04:15.680 --> 00:04:18.170 Si ceci pour toutes les versions, puis nous pouvons le faire. 00:04:18.170 --> 00:04:21.570 Si ce n'est pas cette version spécifique, puis nous ne pouvons pas faire. 00:04:23.040 --> 00:04:24.930 Aller plus loin, revenons à Internet Explorer 8. 00:04:27.160 --> 00:04:30.690 Avec Internet Explorer 8, nous avons introduit un troisième document mode. 00:04:30.690 --> 00:04:33.130 Même article ici effectivement. 00:04:33.130 --> 00:04:34.960 Nous avons pris davantage ce concept. 00:04:34.960 --> 00:04:38.260 Trois document mode, donc mode si dans le code. 00:04:39.490 --> 00:04:43.757 Gardez toujours à l'esprit que Nous souhaitions offrir à nouveau 00:04:43.757 --> 00:04:47.712 fonctionnalités sans incidence sur le web, Okay ? 00:04:47.712 --> 00:04:49.151 Puis. 00:04:49.151 --> 00:04:52.481 Passons maintenant à IE11. 00:04:52.481 --> 00:04:54.457 Devinez quoi ? 00:04:54.457 --> 00:04:58.315 À ce moment, Nous savions qu'il y avait un problème. 00:04:58.315 --> 00:05:03.200 >> [RIRE] >> Il n'est pas possible. 00:05:03.200 --> 00:05:08.230 Le développeur qui a créé IEngine ont été vraiment courageux guys. 00:05:08.230 --> 00:05:12.880 Imaginons que nous avons beaucoup If IE11 et 10 mais pas 00:05:12.880 --> 00:05:17.080 8 et quelle que soit, il était juste vraiment compliqué à faire. 00:05:17.080 --> 00:05:21.679 Mais cela se fait dans la mesure où j'ai travaillé pour Chris à cette époque, était compat, 00:05:21.679 --> 00:05:25.320 compatibilité ascendante. 00:05:25.320 --> 00:05:29.750 Dans le même temps, Chrome, 00:05:29.750 --> 00:05:33.740 Firefox, Opera, Safari sont ce que nous appelons persistants. 00:05:33.740 --> 00:05:37.540 Ils doivent juste une version spécifique. 00:05:37.540 --> 00:05:41.890 Ils n'ont pas si Chrome 31 ou Si 32 Chrome, quelle que soit. 00:05:41.890 --> 00:05:45.240 Ils ont simplement toutes les la fonctionnalité est toujours disponible. 00:05:45.240 --> 00:05:49.070 Et ils sont mis à jour très fréquemment. 00:05:50.640 --> 00:05:52.940 Il n'était pas une partie équitable pour nous. 00:05:54.660 --> 00:05:56.890 Nous avons donc décidé de introduire un nouveau navigateur. 00:05:56.890 --> 00:05:58.850 L'idée est jolie simple, en fait, 00:05:58.850 --> 00:06:01.530 Nous allons conserver IE11 à partir de compatibilité ascendante. 00:06:01.530 --> 00:06:03.680 Nous ne touchent plus IE11. 00:06:03.680 --> 00:06:07.296 Il serait sous le [INAUDIBLE] Si nous avons acquis pour l'entreprise, 00:06:07.296 --> 00:06:11.650 ou pour un spécifique des fonctionnalités qui n'est pas pris en charge par le web moderne. 00:06:11.650 --> 00:06:13.970 Nous appeler que les fonctions héritées. 00:06:13.970 --> 00:06:17.100 Nous ne voulons pas rompre le web, mais nous souhaitons passer et 00:06:17.100 --> 00:06:20.270 pour offrir une meilleure expérience pour nos développeurs web. 00:06:20.270 --> 00:06:25.380 Par conséquent, nous allons présenter Microsoft Edge, basé sur le nouveau 00:06:25.380 --> 00:06:29.900 DLL qui représente une branche de Trident, et Je reviendrai à qui une fois, et 00:06:29.900 --> 00:06:33.340 qui va s'étendre sur tous les Nos périphériques Windows 10. 00:06:33.340 --> 00:06:37.340 Et vous pouvez voir ici est que, Il n'est pas ton direct sur mais 00:06:37.340 --> 00:06:40.680 Arête sur votre Windows phone, sur votre Tablet PC, sur votre PC. 00:06:40.680 --> 00:06:45.969 Et c'est quelque chose que j'aime, pour être honnête avec vous. 00:06:45.969 --> 00:06:50.470 [RIRE] Et parler de la nouvelle fenêtre de navigateur 00:06:51.520 --> 00:06:54.240 de toute évidence parlons-en à propos de l'interopérabilité avec 00:06:54.240 --> 00:06:57.160 le site web lui-même, et avec d'autres fournisseurs de navigateur. 00:06:57.160 --> 00:07:01.470 Et David, pouvez vous nous plus d'informations à ce sujet ? 00:07:01.470 --> 00:07:05.110 >> Oui, par conséquent lorsque vous utilisez le web, le web, l'adressage 00:07:05.110 --> 00:07:09.260 Il existe une variété de périphériques Vous pouvez cibler, afin qu'il soit énorme, alors 00:07:09.260 --> 00:07:14.060 son Tablet PC, PC, téléphones portables, téléviseurs, même. 00:07:14.060 --> 00:07:15.710 >> Réfrigérateur. >> Beaucoup d'entre eux. Réfrigérateur. 00:07:15.710 --> 00:07:16.720 Oui, dans votre cas réfrigérateur, 00:07:16.720 --> 00:07:17.260 C'est ça. 00:07:17.260 --> 00:07:18.970 >> Nous avons un réfrigérateur connecté. 00:07:18.970 --> 00:07:23.200 >> L'idée n'est pas d'écrire qu'une seule fois et Pour exécuter partout, c'est un rêve. 00:07:23.200 --> 00:07:26.460 Ensuite, vous constatez qu'il est une spécification. 00:07:27.990 --> 00:07:32.115 Spécification de l'écriture en tant que navigateur fournisseurs est un peu complexe. 00:07:32.115 --> 00:07:33.124 Il prend de temps. 00:07:33.124 --> 00:07:34.186 Par exemple, 00:07:34.186 --> 00:07:39.600 Spécification de fichier HTML est supérieure à 600 pages à lire et à passer en revue. 00:07:39.600 --> 00:07:43.590 Ainsi, nous faisons nous écrivons ensemble des navigateurs. 00:07:43.590 --> 00:07:46.900 Mais parfois, les développeurs web Lisez pas les spécifications. 00:07:46.900 --> 00:07:48.760 >> Dans certains cas, qui je ne parviens pas à comprendre. 00:07:48.760 --> 00:07:49.260 >> Oui. 00:07:50.980 --> 00:07:52.730 Et bien, mais il fonctionne bien la plupart du temps. 00:07:52.730 --> 00:07:57.660 Alimentation par exemple, sur le bureau Si vous disposez d'un coup de œil sur ce côté. 00:07:57.660 --> 00:08:01.700 Maintenant, si vous utilisez une version moderne Firefox à partir d'Internet Explorer 00:08:01.700 --> 00:08:04.000 11 ou sur le contour de Microsoft. 00:08:04.000 --> 00:08:06.680 Et bien la plupart du temps vous n'avez pas beaucoup de problème 00:08:06.680 --> 00:08:09.250 création du site Web pour tous les ponts de navigateur. 00:08:09.250 --> 00:08:13.410 Etc. côté bureau Obtenir le rêve est là. 00:08:13.410 --> 00:08:14.420 Il presque, presque. 00:08:15.730 --> 00:08:19.130 Passons à la version mobile. 00:08:20.850 --> 00:08:24.505 Dans l'univers mobile, vous pouvez visualiser qu'est en cours d'exécution la même taille 00:08:24.505 --> 00:08:28.810 Système d'exploitation, sur Safari Mobile, Firefox sur un iPhone pour 00:08:28.810 --> 00:08:32.670 instance et Internet Explorer, L'élément et téléphone la fenêtre. 00:08:32.670 --> 00:08:36.400 Et vous pouvez voir qu'il y a certains problème de rendu, les valeurs et 00:08:36.400 --> 00:08:39.160 Essayons de comprendre pourquoi nous avons ce problème. 00:08:39.160 --> 00:08:40.550 >> Absolument David. 00:08:40.550 --> 00:08:43.770 Nous avons ce problème, Nous essayons ici capturer, 00:08:43.770 --> 00:08:48.010 Il n'est pas scientifique n'est pas un élément proportionnel, soit toute autre. 00:08:48.010 --> 00:08:53.100 C'est juste un moyen pour m'expliquer vous le web fonctionnement. 00:08:53.100 --> 00:08:55.540 Nous avons des fenêtres de navigateur, et 00:08:55.540 --> 00:08:59.730 ils ont leur propre implémentation de certaines choses spécifiques. 00:08:59.730 --> 00:09:02.187 Mais la plupart du temps que nous essayons de travailler sur ce que nous appelons l'essentiel de la 00:09:02.187 --> 00:09:06.180 intersection entre opérationnel où le site web fonctionne partout, d'accord ? 00:09:07.380 --> 00:09:10.710 Lorsque nous pensons à propos de mobile web Il est un peu différent, dans la mesure où 00:09:10.710 --> 00:09:16.270 la plupart du temps web developer Créer kit web site Web mobile. 00:09:16.270 --> 00:09:20.510 Et c'était un peu compliqué, même pour Firefox. 00:09:20.510 --> 00:09:23.140 Et IE doivent aller de cette façon. 00:09:23.140 --> 00:09:25.600 Par conséquent, ici provient de bord. 00:09:25.600 --> 00:09:29.790 Et pour les arêtes, la toute première chose que nous avons fait était de se débarrasser de 00:09:29.790 --> 00:09:32.540 tous le gazon glace spécifique nous avions. 00:09:32.540 --> 00:09:34.968 Par conséquent, nous supprimons ce bleu partie du bas. 00:09:34.968 --> 00:09:39.270 Pensez aux pièces jointes. 00:09:39.270 --> 00:09:44.040 Au lieu d'utiliser l'écouteur d'arrivée, Nous ajoutons dans les pièces jointes de l'heure, 00:09:44.040 --> 00:09:45.280 C'est parfait. 00:09:45.280 --> 00:09:49.040 Et je peux voir, aujourd'hui encore, même sur [INAUDIBLE] ou éléments similaires 00:09:49.040 --> 00:09:52.670 Je peux voir si pièce jointe, et utilisez à la place de pièce jointe. 00:09:52.670 --> 00:09:54.878 Si elle n'est pas présente ensuite utiliser. 00:09:54.878 --> 00:09:56.503 Nous avons supprimé qui. 00:09:56.503 --> 00:09:58.671 Nous voulons simplement les choses Cela fonctionne partout. 00:09:58.671 --> 00:10:01.336 Et puis nous avons ajouté de nombreux. 00:10:01.336 --> 00:10:06.474 Fonctions et correctifs interopérables Pour vous assurer que notre connexion 00:10:06.474 --> 00:10:11.470 avec l'interopérabilité intersection est plus importante, d'accord ? 00:10:11.470 --> 00:10:17.380 Pense que c'est le cas de David, si nous pouvons seulement à propos des normes web ici. 00:10:17.380 --> 00:10:20.810 Microsoft travaille à l'évidence vers les normes du web. 00:10:20.810 --> 00:10:23.480 C'est la façon de parcourir. 00:10:23.480 --> 00:10:25.434 Mais comme vous avez mentionné, Nous devons être pragmatique. 00:10:25.434 --> 00:10:33.550 Et les façon dont les choses fonctionnent, les choses de façon devraient fonctionner, 00:10:33.550 --> 00:10:37.530 en fait, c'est développeur web Il guide les spécifications. 00:10:38.550 --> 00:10:41.990 Par conséquent, ce que nous avons décidé d'était d'être pragmatique, comme indiqué précédemment. 00:10:41.990 --> 00:10:45.790 Nous travaillerons avec les normes du web, mais Parfois il faut mettre à jour ou 00:10:45.790 --> 00:10:47.290 Aligner les spécifications. 00:10:47.290 --> 00:10:50.610 Parfois il faut corriger les bibliothèques. 00:10:50.610 --> 00:10:54.480 Parfois, vous devrez fournir Web des évaluations à d'autres navigateurs et 00:10:54.480 --> 00:10:59.180 de toute évidence à tout moment nous voulons travailler, Nous résoudra nos propres navigateurs. 00:10:59.180 --> 00:11:03.080 La façon dont nous voulons que le web pour le travail est qu'il doit fonctionner directement. 00:11:03.080 --> 00:11:05.490 Vous ouvrez une page Web avec bord. 00:11:05.490 --> 00:11:07.070 Elle doit fonctionner, d'accord ? 00:11:08.490 --> 00:11:09.910 Et bien évidemment, comme indiqué précédemment, 00:11:09.910 --> 00:11:13.760 Nous pouvons fournir des bogues aux bibliothèques ou une fenêtre de navigateur. 00:11:13.760 --> 00:11:16.900 Il n'est donc pas à nous en réalité. 00:11:16.900 --> 00:11:20.290 Il s'agit également sur la façon de Nous avons vu par les utilisateurs. 00:11:20.290 --> 00:11:24.090 Par conséquent, passons en revue certains exemples de donner vous une idée de comment nous sommes ainsi parvenus à résoudre 00:11:24.090 --> 00:11:26.950 certaines des choses assez facilement. 00:11:26.950 --> 00:11:29.340 Nous allons redémarrer la page à gauche, 00:11:29.340 --> 00:11:33.210 avant de vous présenter certaines des les correctifs pour notre serveur web. 00:11:33.210 --> 00:11:37.710 Par conséquent, il a été en cours d'exécution Windows phone et Internet Explorer. 00:11:38.980 --> 00:11:43.150 Et il n'a pas été fonctionne bien Étant donné que sur les parties du site Web, 00:11:43.150 --> 00:11:47.620 ont probablement on pense vous surmonter avec un iPhone ou 00:11:47.620 --> 00:11:50.430 Android et faisait quelque chose sur le serveur web. 00:11:50.430 --> 00:11:52.000 S'il s'agit d'Android ou 00:11:52.000 --> 00:11:55.860 Il s'agit de WebKit, puis fournissez la version mobile du site Web. 00:11:55.860 --> 00:11:58.820 Si ce n'est pas ensuite fournir le bureau version du site Web. 00:11:58.820 --> 00:12:02.800 Le problème pour que nous puissions est qu'Internet Explorer a été une version d'Internet Explorer en cours d'exécution mobile 00:12:02.800 --> 00:12:07.810 Windows phone et nous avons ajouté ensuite le mobile, une autre version mobile. 00:12:07.810 --> 00:12:12.740 Par conséquent, de modifier Nous allons présenter simplement un spécifique 00:12:12.740 --> 00:12:17.740 Ainsi, nous avons trouvé un squelette clé de l'UID, en fait. 00:12:17.740 --> 00:12:21.680 La manière dont est donc juste de dire que nous ne sommes pas sur Internet Explorer, 00:12:21.680 --> 00:12:25.190 Nous sommes également agissant comme serveur E ou Android. 00:12:25.190 --> 00:12:28.510 Et la façon dont le code du serveur web vous pensez que nous sommes un iPhone et 00:12:28.510 --> 00:12:32.270 des appareils Android et service le contenu mobile. 00:12:32.270 --> 00:12:36.560 Et il va travailler directement dans la mesure où il y a aucun problème 00:12:36.560 --> 00:12:39.020 dans la partie exécution de sonnerie du moteur JavaScript. 00:12:39.020 --> 00:12:42.240 Il a été simplement dans un mauvais détection du côté serveur 00:12:42.240 --> 00:12:44.709 qui a été interrompre l'exécution anneau sur la version du mobile. 00:12:46.510 --> 00:12:50.060 Nous avons donc décidé de modifier notre User-Agent. 00:12:50.060 --> 00:12:53.990 Afin que je suppose que vous connaissez tous Chaînes User-Agent. 00:12:53.990 --> 00:12:57.450 Et revenons en arrière dans l'historique nouveau du premier, 00:12:57.450 --> 00:12:59.800 qui l'a introduit, qui est Netscape. 00:12:59.800 --> 00:13:03.240 Et nous utilisons la version 5 de Mozilla. 00:13:03.240 --> 00:13:06.420 Et tout le monde a été mélange de toutes les étapes. 00:13:06.420 --> 00:13:10.720 Ainsi, nous sommes tous jouer même Lorsque Chrome entré le jeu et 00:13:10.720 --> 00:13:15.190 a décidé d'introduire un type Gecko, il faut ajouter à 00:13:15.190 --> 00:13:16.678 Firefox version du code. 00:13:16.678 --> 00:13:20.200 Le serveur web était que l'espionnage et Aujourd'hui, que vous pouvez voir que, 00:13:20.200 --> 00:13:22.905 tout le monde est en cours de copie Collez l'autre version. 00:13:22.905 --> 00:13:25.640 L'idée est donc vraiment ne pas faire plus, 00:13:25.640 --> 00:13:31.490 Pour utiliser la détection de certaines fonctionnalités plutôt que de l'UA d'espionnage. 00:13:31.490 --> 00:13:33.010 Certains autres éléments intéressants. 00:13:33.010 --> 00:13:36.300 Nous allons donc accéder à un site Web qui n'a pas été fonctionne bien sur 00:13:36.300 --> 00:13:38.440 Windows 8.1 IE11. 00:13:38.440 --> 00:13:41.070 Le principal problème a été dû au fait que, 00:13:41.070 --> 00:13:43.620 le code a été à l'aide des préfixes. 00:13:43.620 --> 00:13:48.750 Ainsi, les préfixes ont été utilisés pour activer vous permet de tester certaines nouvelles fonctionnalités. 00:13:48.750 --> 00:13:49.390 Par exemple, 00:13:49.390 --> 00:13:53.630 ici, le site Web a été à l'aide de la version d'évaluation - webkit. 00:13:53.630 --> 00:13:56.520 Problème est que webkit- n'est pas en cours utilisée par Internet Explorer. 00:13:56.520 --> 00:13:59.440 Bien évidemment, vous le voyez, nous utilisons Trident, que nous étions dire. 00:13:59.440 --> 00:14:01.690 Afin de gérer pour résoudre ce problème, 00:14:01.690 --> 00:14:07.300 Nous avons décidé d'ajouter certaines fonctionnalité spécifique de webkit-, CSS, 00:14:07.300 --> 00:14:12.190 la version de démarrage en cours d'utilisation par Internet Explorer et de l'heure actuelle, Microsoft Edge. 00:14:12.190 --> 00:14:13.110 Simplement en faisant cela, 00:14:13.110 --> 00:14:16.890 Nous avons été fixer un grand nombre de problème sur le web, car le code 00:14:16.890 --> 00:14:19.950 met pas à jour à la dernière version de la spécification. 00:14:19.950 --> 00:14:23.260 Et nous étions à l'aide de la dernière version de la spécification. 00:14:23.260 --> 00:14:25.160 >> Oui, C'est un point intéressant ici. 00:14:25.160 --> 00:14:28.450 Il travaillait le rendu web moteur a fonctionné mais 00:14:28.450 --> 00:14:31.900 Nous n'étions pas recevoir le droit de tiret quelque chose. 00:14:31.900 --> 00:14:34.430 Nous avons reçu pas tiret MS ou Nothing afin 00:14:34.430 --> 00:14:36.010 Il est réellement le problème. 00:14:36.010 --> 00:14:39.585 >> Donc l'idée lorsque nous, bien toutes les Envisagez du [INAUDIBLE] 00:14:39.585 --> 00:14:43.470 vous permettant de jouer avec certains nouvelles fonctionnalités a été préfixes. 00:14:43.470 --> 00:14:47.000 Il semble une bonne idée à ce moment-là. 00:14:47.000 --> 00:14:51.990 Mais maintenant la nouvelle version de l'aide fonctionnalités expérimentales serait 00:14:51.990 --> 00:14:55.690 Pour utiliser plutôt les choses propos : indicateurs comme vous pouvez avoir dans Chrome et 00:14:55.690 --> 00:14:57.130 en bord de Microsoft. 00:14:57.130 --> 00:14:59.370 Par conséquent, tout simplement en tapant qui dans la barre d'adresses 00:14:59.370 --> 00:15:02.350 Vous pouvez activer certaines fonctionnalités expérimentales. 00:15:02.350 --> 00:15:06.080 Par conséquent, si l'utilisateur n'a que dans le navigateur, il n'interrompra. 00:15:06.080 --> 00:15:09.660 Et si la fonction devient ensuite stockés dans le programme suivant, 00:15:09.660 --> 00:15:11.830 Vous pouvez, Nous avons le déplacer à partir de l'autre indicateur. 00:15:11.830 --> 00:15:13.120 >> Et vous n'aurez pas à modifier votre code ? 00:15:13.120 --> 00:15:14.110 >> Vous n'aurez pas à Modifiez votre code. 00:15:14.110 --> 00:15:15.290 Il active par défaut. 00:15:18.360 --> 00:15:22.300 Par conséquent, comment pourriez-vous, bien attention à certaines choses. 00:15:22.300 --> 00:15:26.710 Par conséquent, n'utilisez pas l'espionnage, des détections, fonctionnalités 00:15:26.710 --> 00:15:28.030 Il est très important. 00:15:28.030 --> 00:15:31.020 Étant donné que vous avez par défaut à qui un nouveau navigateur et 00:15:31.020 --> 00:15:33.130 inconnu : navigateur sont en bon état par défaut. 00:15:33.130 --> 00:15:34.640 Nous pouvons donc imaginer cela aujourd'hui. 00:15:34.640 --> 00:15:35.480 Je ne sais pas. 00:15:35.480 --> 00:15:40.660 La plupart d'entre vous écrivez un nouveau programme avec une nouvelle adresse de nom et le nouvel utilisateur. 00:15:40.660 --> 00:15:43.552 Mais il ne sera pas bonne dans la mesure où il sera moderne. 00:15:43.552 --> 00:15:45.083 Afin que vous n'êtes pas obligé de l'intercepter. 00:15:45.083 --> 00:15:46.230 Et Veuillez remplir des sacs. 00:15:46.230 --> 00:15:47.720 Ainsi, nous sommes aujourd'hui tous les sacs de remplissage. 00:15:47.720 --> 00:15:52.100 Vous avez donc beaucoup de baies de bogue Vous pouvez remplir, ainsi à mosy@google. 00:15:52.100 --> 00:15:55.350 Et maintenant vous pouvez également nous envoyer certains bogues qui nous indiquer 00:15:55.350 --> 00:15:57.860 qui sont le problème que nous pouvons avoir notre moteur de rendu. 00:15:57.860 --> 00:16:01.025 Simplement par l'envoi d'un simple un code comme dans JSFiddle ou 00:16:01.025 --> 00:16:04.070 ainsi que nous avons examinée et Essayez de résoudre notre moteur. 00:16:05.800 --> 00:16:08.680 >> Oui, donc assez récit et raison pour laquelle nous avons fait qui et 00:16:08.680 --> 00:16:10.800 en savoir plus sur les nouvelles fonctionnalités que nous avons ajouté. 00:16:10.800 --> 00:16:17.560 Ainsi, juste un petit point avant une moteur, nous savons que signifie rythmer plus rapidement. 00:16:18.710 --> 00:16:21.080 C'est évident, que nous ne consacré à temps. 00:16:21.080 --> 00:16:25.061 N'oubliez pas qu'if tous le faisceau d'if que nous avions dans le temps sont toujours 00:16:25.061 --> 00:16:27.440 travailler avec la nouvelle fonctionnalité que nous ajoutons. 00:16:27.440 --> 00:16:28.320 C'est facile 00:16:28.320 --> 00:16:31.690 Nous et c'est cette nouvelle fonctionnalité C'est nous travaillent. 00:16:31.690 --> 00:16:36.124 Il s'agit simplement d'un extrait de le status.modern.ie 00:16:36.124 --> 00:16:38.480 site Web est notre plan d'évolution. 00:16:38.480 --> 00:16:40.260 Ce que nous travaillons sur ? 00:16:40.260 --> 00:16:41.930 Ce qui est déjà fait. 00:16:41.930 --> 00:16:45.026 Tout ce qui est ici est public. 00:16:45.026 --> 00:16:49.164 Il vous suffit d'accéder à Status.Modern.IE de trouver un grand nombre de 00:16:49.164 --> 00:16:50.579 étapes que nous avons fait. 00:16:50.579 --> 00:16:55.451 Nous avons fait des millions de nouveau uniquement Pour vous assurer que nous savons que le chemin d'accès 00:16:55.451 --> 00:16:59.210 dans l'interopérabilité section fonctionne bien. 00:16:59.210 --> 00:17:03.876 Nous avons eu des nouvelles fonctionnalités, nous avons fait correctifs de capacité interopérable. 00:17:03.876 --> 00:17:07.339 Plus il suffit d'aller sur Status.Modern.IE vous pouvez trouver chaque 00:17:07.339 --> 00:17:09.146 informations que vous souhaitez. 00:17:09.146 --> 00:17:12.251 Et vous trouverez également des choses que nous travaillons sur et 00:17:12.251 --> 00:17:14.670 choses que nous envisageons ainsi extrême. 00:17:14.670 --> 00:17:17.359 Par conséquent, attend une bonne raison de les implémenter. 00:17:18.990 --> 00:17:23.510 Par conséquent, nous allons avoir un coup de œil à quel est aujourd'hui possible avec contour. 00:17:23.510 --> 00:17:24.410 Okay ? 00:17:24.410 --> 00:17:25.850 Par conséquent, je bascule en six. 00:17:29.880 --> 00:17:34.520 Lors de la première démonstration je souhaitez afficher est celle-ci. 00:17:34.520 --> 00:17:38.230 Cette démonstration a été développée avec un ami de la nôtre, Michel Rousseau, 00:17:38.230 --> 00:17:40.570 qui est un concepteur, un concepteur 3D. 00:17:40.570 --> 00:17:45.550 Et nous l'avons fait Nous objet 3D à l'intérieur de 3Ds Max. 00:17:47.440 --> 00:17:51.865 Aucun plug-in uniquement Microsoft Edge, Cette webGL fonctionnalités, 00:17:51.865 --> 00:17:53.870 Web-OGO et boîtier de commande. 00:17:53.870 --> 00:17:58.820 Je vais activer simplement le boîtier de commande Dans ce cas, recherchez le boîtier de commande quelque part. 00:17:58.820 --> 00:18:00.100 >> Le droit boîtier de commande. 00:18:00.100 --> 00:18:02.595 >> Oui car >> Pense que c'est la bonne. 00:18:02.595 --> 00:18:04.010 >> Oui. 00:18:04.010 --> 00:18:07.810 >> Et pouvons nous simplement activer, Éteignez les lumières qui est possible 00:18:08.980 --> 00:18:12.730 peut-être non, Désolé, essayez d'y accéder. 00:18:12.730 --> 00:18:17.060 Par conséquent, cette version exécutée sur mon peu 1 x son un Intel HD de la carte, 00:18:17.060 --> 00:18:20.850 une des moins quoi d'autre Nous pouvons trouver existent. 00:18:20.850 --> 00:18:24.490 Nous pouvons voir que nous sommes en cours d'exécution à 60 images par seconde. 00:18:24.490 --> 00:18:26.287 Et audio Web, 00:18:26.287 --> 00:18:31.798 en cours d'exécution pour vous offrir ce merveilleux atmosphère que nous pouvons peut dire. 00:18:31.798 --> 00:18:35.535 Et une fois de plus, le son est suivant l'appareil photo 00:18:35.535 --> 00:18:39.080 [INAUDIBLE] sous caméra ce que vous examinez. 00:18:39.080 --> 00:18:41.180 Allez dans du Web Audio tous les éléments de calcul pour vous, 00:18:41.180 --> 00:18:45.140 Par conséquent, vous avez la possibilité de pour permettre à certaines choses. 00:18:45.140 --> 00:18:48.110 Il est très facile de le faire, nous voyez qui ensemble. 00:18:48.110 --> 00:18:49.780 Par exemple, va 00:18:49.780 --> 00:18:53.010 Vous pouvez avoir la merveilleuse squelette de lire certains pianos. 00:18:53.010 --> 00:18:55.830 Et si nous quitter le squelette, automatiquement, 00:18:55.830 --> 00:18:58.620 Il existe une distance spécifique en cours d'ordinateur par Web Audio et 00:18:58.620 --> 00:19:00.840 vous n'entendez pas le son plus. 00:19:00.840 --> 00:19:03.580 Vous pouvez ensuite déplacer pour le cimetières. 00:19:03.580 --> 00:19:06.320 Nous amuser stuff là-bas. 00:19:06.320 --> 00:19:09.480 >> Jusqu'ici, nous avons trouvé que Trombine est inactif. 00:19:11.350 --> 00:19:13.756 Nous avons trouvé son ghost. 00:19:13.756 --> 00:19:15.461 >> Je ne sais pas si vous vous souvenez de Trombine. 00:19:15.461 --> 00:19:18.005 Qui avaient connaissance Trombine dans la pièce ? 00:19:18.005 --> 00:19:21.712 >> Il est là. 00:19:21.712 --> 00:19:23.045 Par conséquent, placez dans une paix, Trombine. 00:19:23.045 --> 00:19:25.672 >> Peut-être l'avec celle- >> Schroedinger cat. 00:19:25.672 --> 00:19:30.212 >> Nous ne savons pas si elle a été inactive ou non, afin que nous savons maintenant qu'il est inactif. 00:19:30.212 --> 00:19:34.961 >> Et Enfin, nous avons trouvé qu'IE6 est inactif. 00:19:34.961 --> 00:19:39.171 >> [APPLAUDISSEMENTS] 00:19:39.171 --> 00:19:43.836 >> Et long en ligne à Spartan. 00:19:43.836 --> 00:19:50.461 >> [APPLAUDISSEMENTS]. 00:19:50.461 --> 00:19:53.635 >> Afin que le principal objectif ici est de vous montrer que sans aucun plug-in, 00:19:53.635 --> 00:19:57.444 Venez web, nous pouvons le faire réellement Isard STUFF, comme dans une application native, 00:19:57.444 --> 00:19:58.090 effectivement. 00:19:58.090 --> 00:19:59.730 >> Imaginez uniquement qui en plein écran. 00:19:59.730 --> 00:20:03.010 Personne ne sera probablement connaît ou que le PC est HTML5 n'est pas en cours d'exécution et 00:20:03.010 --> 00:20:03.990 Code JavaScript. 00:20:03.990 --> 00:20:05.461 Par conséquent, il est plutôt sympa. 00:20:05.461 --> 00:20:08.907 >> Oui et également exemple nous démontré hier pendant 00:20:08.907 --> 00:20:12.610 le discours d'ouverture est Arcade de vol, même article ici. 00:20:12.610 --> 00:20:14.010 Pouvez vous demandez, bien, alors 00:20:14.010 --> 00:20:18.575 Je suis seulement le de ce jeu spécifique, Je suis désolé. 00:20:18.575 --> 00:20:20.170 Même chose ici. 00:20:20.170 --> 00:20:20.900 >> Pouvez vous battre ? 00:20:20.900 --> 00:20:24.661 Utiliser le droit et touches de direction gauche pour activer 00:20:24.661 --> 00:20:25.380 >> Sûr. 00:20:25.380 --> 00:20:25.973 J'ai fait ça. 00:20:25.973 --> 00:20:28.132 >> Et flèche bas enfoncés clés [DIAPHONIE] [INAUDIBLE] 00:20:28.132 --> 00:20:33.339 >> Web ici n'est pas résoudre. 00:20:35.258 --> 00:20:39.750 avec les joueurs. 00:20:39.750 --> 00:20:44.010 Ainsi, si vous êtes couches arrière sont jouer à des jeux, c'est le cas. 00:20:44.010 --> 00:20:44.990 >> Mais Merci. 00:20:44.990 --> 00:20:47.730 Nous avons ici du PROCEDE de rendu de l'interface utilisateur. 00:20:47.730 --> 00:20:50.867 À l'intérieur du PROCEDE, nous avons la kent Blaster, nous avons les choses WebGm. 00:20:50.867 --> 00:20:53.260 Webaab est utilisé pour faire le son. 00:20:53.260 --> 00:20:55.389 Nous ont jeu packs nous acheté directement sans aucun 00:20:56.540 --> 00:20:59.210 fois de plug-in spécifique à nouveau, c'est une invention fabuleuse. 00:20:59.210 --> 00:21:02.000 >> Et enfin nous allons passer à autre chose. 00:21:02.000 --> 00:21:04.730 Par conséquent, tout ce qui a été construit sur notre 00:21:04.730 --> 00:21:06.935 moteur préféré qui est Babylon GS. 00:21:06.935 --> 00:21:10.490 [RIRE] Une source ouverte Web gl framework donc 00:21:10.490 --> 00:21:13.700 Il s'agit de la chose avec l'option vitrine au cours de la première conférence. 00:21:13.700 --> 00:21:17.690 Ainsi, il est en cours d'exécution le Pompeii ville a été 00:21:17.690 --> 00:21:19.090 reconstruit à l'aide de certains drones. 00:21:19.090 --> 00:21:23.150 Par conséquent, nous prenons certaines images de la ville reconstruire un maillage 3D complet 00:21:23.150 --> 00:21:25.940 qui utilisent réellement avec Certains beaucoup de textures. 00:21:25.940 --> 00:21:29.870 Nous utilisons, accuser réception de votre 3D expert que nous sommes de nommer la charge. 00:21:29.870 --> 00:21:33.560 Il est donc un moyen de charger le périphérique version du maillage en fonction de 00:21:33.560 --> 00:21:34.640 la distance que vous êtes. 00:21:34.640 --> 00:21:37.860 >> Nous avons plus d'un codage pixels ici car les drones ont été 00:21:37.860 --> 00:21:40.390 capable de capturer >> Une cellule T pour 00:21:40.390 --> 00:21:41.850 tous deux centimètres. 00:21:41.850 --> 00:21:43.040 C'est le cas centimètres trois. 00:21:43.040 --> 00:21:44.640 J'espère que vous l'obtenez. 00:21:44.640 --> 00:21:45.980 Je n'ai pas traduction un. 00:21:47.150 --> 00:21:48.740 >> Et que nous pouvons passer, dans une ville, et 00:21:48.740 --> 00:21:50.840 tout ce qui est en cours calculer en temps réel. 00:21:50.840 --> 00:21:52.710 La ville est vraiment, vraiment énorme, donc. 00:21:53.810 --> 00:21:55.880 Tout ce qui peut être exécuté maintenant dans l'état d'avancement. 00:21:55.880 --> 00:22:00.530 À l'aide du boîtier de commande, maintenant et Web GL vous pouvez survolez la ville et 00:22:00.530 --> 00:22:02.370 Vous pouvez déplacer près de certaines de ces. 00:22:02.370 --> 00:22:05.950 Et nous ne chargera pas certains supérieur mesures de la définition et la texture. 00:22:05.950 --> 00:22:10.603 Et c'est vraiment pratique d'imaginer que Cette option est disponible immédiatement si vous 00:22:10.603 --> 00:22:14.956 sur un serveur web spécifique que vous pouvez obtenir ce genre d'expérience en cours d'exécution 00:22:14.956 --> 00:22:16.290 dans le navigateur. 00:22:16.290 --> 00:22:18.310 Avec aucun plug-in du tout. 00:22:18.310 --> 00:22:20.980 Ainsi, [INAUDIBLE] vraiment Impossible être en mesure de vous montrer. 00:22:20.980 --> 00:22:23.870 Et maintenant nous devons vous montre comment procéder pour : >> Comment faire cela. 00:22:23.870 --> 00:22:24.440 >> Comment faire cela. 00:22:26.010 --> 00:22:30.530 Par conséquent, nous allons passer à votre ordinateur qui est un cinq et 00:22:30.530 --> 00:22:33.840 Nous allons commencer à parler à propos de l'audio du web. 00:22:35.760 --> 00:22:40.950 Par conséquent, révision web consiste à joindre 00:22:40.950 --> 00:22:45.550 certains sons et certains sons dans l'espace disponible sur [INAUDIBLE]. 00:22:45.550 --> 00:22:48.400 Il est basé sur le graphique de routage, donc 00:22:48.400 --> 00:22:52.650 vous avez un nœud audio spécifique qui vont se connecter entre eux. 00:22:52.650 --> 00:22:54.830 Et donc le nœud pourrait avoir un impact sur le volume, 00:22:54.830 --> 00:22:57.940 peut influer sur le libre Spécialisation [INAUDIBLE]. 00:22:57.940 --> 00:22:59.450 Vous pouvez avoir l'impact sur les filtres. 00:22:59.450 --> 00:23:01.810 Vous pouvez avoir certains filtres faibles, certains filtres hautes. 00:23:01.810 --> 00:23:04.850 Vous pouvez ralentir la musique, Vous pouvez accélérer la musique. 00:23:04.850 --> 00:23:07.060 Vous pouvez faire ce que vous voulez. 00:23:07.060 --> 00:23:10.290 Comme vous pouvez l'imaginer dans les jeux, par exemple, à l'aide de Webado. 00:23:10.290 --> 00:23:13.490 Vous pouvez créer un son dans la méthode procédurale. 00:23:13.490 --> 00:23:15.540 Il est donc vraiment impressionnant. 00:23:15.540 --> 00:23:19.860 Je vais donc vous montrer quelque chose Nous proposons sur notre site Web js l'utilisation 00:23:19.860 --> 00:23:24.520 audio Web tels que vous permettent M'activer le son. 00:23:24.520 --> 00:23:27.190 Oh, j'ai été composer la musique ainsi Veuillez nous excuser pour ce. 00:23:27.190 --> 00:23:30.360 Il va être très alésage, car il s'agit d'une boucle. 00:23:30.360 --> 00:23:34.120 Juste pour vous montrer que nous sommes chargement du son, et 00:23:34.120 --> 00:23:37.400 Nous allons vous demander à être en boucle. 00:23:37.400 --> 00:23:40.420 Et à exécution automatique, et Je suis liant à l'ajusteur de web. 00:23:40.420 --> 00:23:41.630 Je vais vous montrer et 00:23:41.630 --> 00:23:46.040 Je vais ensuite le joindre musique à des objets 3D spécifiques. 00:23:46.040 --> 00:23:47.620 Nous appelons qui un maillage, et 00:23:47.620 --> 00:23:50.200 en n'effectuant que je ne sais pas si vous allez vraiment [INAUDIBLE] 00:23:50.200 --> 00:23:53.260 dans la salle car vous avez besoin plupart du casque de temps. 00:23:53.260 --> 00:23:56.070 Mais la zone en cours est déplacer ma tête. 00:23:56.070 --> 00:23:59.950 Et grâce à Webado, je peux effectuer une itération sur la droite, en regard de me, et 00:23:59.950 --> 00:24:00.730 puis, sur la gauche, 00:24:00.730 --> 00:24:04.990 Assistant d'automatiquement une calcul de la part d'écran Java. 00:24:04.990 --> 00:24:08.330 Cela est rendu par le navigateur et par l'API lui-même. 00:24:09.760 --> 00:24:13.120 Laissez-moi vous montrer le code. 00:24:13.120 --> 00:24:15.270 Le premières choses que vous devez faire Lorsque vous souhaitez créer certains 00:24:15.270 --> 00:24:17.970 Web audio est à créer le contexte. 00:24:17.970 --> 00:24:21.160 Par conséquent, si vous êtes un script JavaScript peut-être programmeur 00:24:21.160 --> 00:24:25.340 vous connaissez déjà ou Vous devez créer le contexte. 00:24:25.340 --> 00:24:28.680 Par conséquent, la façon de procéder, donc nous avons parler que juste avant. 00:24:28.680 --> 00:24:33.820 Début hors moyen consiste à créer le autre contexte sur l'objet Window. 00:24:33.820 --> 00:24:37.240 Mais en tant que Chrome a été le premier une pour introduire. 00:24:37.240 --> 00:24:39.060 Il introduit à l'aide d'un préfixe. 00:24:39.060 --> 00:24:40.810 Vous pouvez donc ajouter fonction lui. 00:24:40.810 --> 00:24:43.090 Ils sont sur le point de supprimer Il s'agit de la version suivante. 00:24:43.090 --> 00:24:45.690 Pendant ce temps, Vous devez tester les deux versions. 00:24:45.690 --> 00:24:49.900 Elle est la version webkey ou la version de préface en ? 00:24:49.900 --> 00:24:51.890 Si une fois que vous avez été à propos de vous permet de vérifier que. 00:24:51.890 --> 00:24:57.660 Ceci est peut existant puis créer Il et créer un nœud spécifique. 00:24:57.660 --> 00:25:01.030 Par exemple, le nœud de gain, est le volume. 00:25:01.030 --> 00:25:04.570 Et puis, vous serez à propos de Connectez-le à cette connexion. 00:25:04.570 --> 00:25:07.930 Cette connexion peut être certains haut-parleurs, certains casques, ou 00:25:07.930 --> 00:25:11.240 Si vous souhaitez écrire la somme vers le bas par exemple sur un disque. 00:25:11.240 --> 00:25:13.970 Ainsi, vous vous connectez Notes comme ensemble. 00:25:13.970 --> 00:25:17.610 Ensuite, lorsque vous souhaitez créer certains éléments spécifiques, 00:25:17.610 --> 00:25:21.155 Vous devez configurer certains propriétés spécifiques automatique 00:25:21.155 --> 00:25:24.210 [INAUDIBLE] pour instance sur le panoramique. 00:25:24.210 --> 00:25:27.920 Le nœud de panoramique dans Afficher [INAUDIBLE], est un moyen de faire certaines choses 3D. 00:25:27.920 --> 00:25:29.100 Dans les espaces audio. 00:25:29.100 --> 00:25:31.750 Imaginons que vous avez vous souhaitez créer des sons en 3D. 00:25:31.750 --> 00:25:35.100 Vous pouvez donc créer le panoramique Pour que se connecter à votre nœud audio 00:25:35.100 --> 00:25:36.750 le nœud source. 00:25:36.750 --> 00:25:37.740 Et une fois vous fait, 00:25:37.740 --> 00:25:41.750 Vous devez choisir la façon dont le son se comportera dans l'espace 3D. 00:25:41.750 --> 00:25:44.500 Imaginons que je voulez que le son doit s'arrêter 00:25:44.500 --> 00:25:46.380 après dix mètres de façon linéaire. 00:25:46.380 --> 00:25:50.250 Puis-je configurer que le moteur en définissant certaines propriétés. 00:25:50.250 --> 00:25:54.411 Par conséquent, vous devez comprendre un certain nombre de propriétés de notre moteur de jeu et 00:25:54.411 --> 00:25:58.400 [INAUDIBLE] ont décidé Pour définir une valeur par défaut 00:25:58.400 --> 00:26:00.730 propriétés à [INAUDIBLE] et Voyons comment cela fonctionne. 00:26:00.730 --> 00:26:05.139 Ainsi, en fonction de qui, ce que nous avons décidé Pour créer est une expérience amusante. 00:26:12.140 --> 00:26:13.310 Je dois donc le recharger. 00:26:20.150 --> 00:26:21.050 Comment les gars de vous ? 00:26:21.050 --> 00:26:22.150 Pendant un certain temps, je peux m'adresser ainsi. 00:26:22.150 --> 00:26:23.460 >> Oui. 00:26:23.460 --> 00:26:24.146 >> Il s'agit du faire. 00:26:24.146 --> 00:26:28.661 Et nous allons prêter qui 00:26:32.748 --> 00:26:34.580 Par conséquent, pas dans. 00:26:34.580 --> 00:26:35.888 Il est déjà en cours d'utilisation. 00:26:35.888 --> 00:26:37.202 OK. 00:26:37.202 --> 00:26:39.269 Celui-ci. 00:26:44.643 --> 00:26:47.270 >> Êtes-vous sûr qu'il est déjà en cours d'utilisation ? 00:26:47.270 --> 00:26:48.760 >> Non, il n'est pas déjà en cours d'utilisation. 00:26:48.760 --> 00:26:49.260 >> Réessayer. 00:26:50.450 --> 00:26:54.300 Travail de ventilation, Je suis sûr qu'Oui nous avons le temps. 00:26:54.300 --> 00:26:59.660 Vous voyez ? 00:26:59.660 --> 00:27:06.010 Actualisation, qui doit fonctionner, bon Oui, 00:27:06.010 --> 00:27:09.590 Par conséquent, l'idée n'oubliez pas que je vous montrerai un cube qui a été animé autour de mon 00:27:09.590 --> 00:27:13.220 tête et avons créé quelques sons Pour utiliser les mêmes principes. 00:27:13.220 --> 00:27:17.090 C'est le cas au lieu de la mise à jour de la position du son en fonction de l'appareil photo 00:27:17.090 --> 00:27:20.770 proprement dit, nous avons décidé de mettre à jour le son en fonction de la distance 00:27:20.770 --> 00:27:22.750 sont à partir du centre du cercle. 00:27:22.750 --> 00:27:26.180 Et dans chaque cube, j'ai décidé de mettre une musique spécifique, que j'ai été 00:27:26.180 --> 00:27:29.130 composition, Il s'agit de plusieurs pistes de mes musics. 00:27:29.130 --> 00:27:32.600 Et lorsque je déplace un des cubes près du centre de la scène, 00:27:32.600 --> 00:27:34.840 Il va à pompe le volume. 00:27:34.840 --> 00:27:37.330 Et lorsque je suis de suppression le cercle, il doit arrêter le son. 00:27:37.330 --> 00:27:40.080 Par conséquent, l'idée est de vous permettent de combiner Ces sons à l'aide du cube. 00:27:40.080 --> 00:27:43.520 Nous avons découvert qu'il était très amusantes et depuis le pointeur 00:27:43.520 --> 00:27:48.535 événements utilisés par Internet Explorer 11 et par Max bord aujourd'hui. 00:27:48.535 --> 00:27:50.865 Vous pouvez désormais déplacer qui expérience dans un moyen très simple. 00:27:50.865 --> 00:27:52.195 Par conséquent, j'aurai besoin de plusieurs chiffres. 00:27:52.195 --> 00:27:53.985 >> Oui. >> Donc, je vous demande vos. 00:27:53.985 --> 00:27:54.525 >> C'est la bonne. 00:27:54.525 --> 00:27:57.265 >> Par exemple : Passons à la figure. 00:27:57.265 --> 00:27:58.772 Et nous pouvons ensuite lire la musique ensemble. 00:27:58.772 --> 00:28:01.072 [MUSIQUE] 00:28:01.072 --> 00:28:02.135 Ça. 00:28:02.135 --> 00:28:03.965 Et de réutiliser ensuite la souris. 00:28:03.965 --> 00:28:08.520 Et nous pouvons même le faire, vous voyez, Vous pouvez accéder au cube. Très bien. 00:28:08.520 --> 00:28:09.770 Eh bien 00:28:09.770 --> 00:28:10.950 Je vais faire la blague stupide, 00:28:10.950 --> 00:28:13.655 Étant donné que vous remarquez peut-être que Nous avons un accent étrange. 00:28:13.655 --> 00:28:20.320 [RIRE] Et 00:28:20.320 --> 00:28:23.180 J'ai un problème pour lire mes propres diapositives comme. 00:28:24.450 --> 00:28:26.890 Et vous pouvez écrire la version avant de la musique en blocs de construction 00:28:26.890 --> 00:28:28.950 ensemble en créant ensemble les blocs et 00:28:28.950 --> 00:28:31.200 qui en plaçant quelque chose du même. 00:28:31.200 --> 00:28:31.730 >> Merci, David. 00:28:31.730 --> 00:28:33.640 Passons à la lutte contre les mines. 00:28:33.640 --> 00:28:38.020 Passons à quelque chose complètement différent. 00:28:38.020 --> 00:28:40.790 Je veux vous montrer les fonctionnalités CSS. 00:28:40.790 --> 00:28:42.910 Il s'agit de quelque chose que j'aime. 00:28:42.910 --> 00:28:47.120 Filtre de CSS est un moyen pour les développeurs web à ajouter 00:28:47.120 --> 00:28:50.650 valider l'effet de processus à l'aide nuanceurs sur n'importe quel élément de passif. 00:28:52.310 --> 00:28:56.160 Et pour vous montrer que, cet exemple J'ai un cette lecture de page. 00:28:56.160 --> 00:28:58.590 Je veux lire mon texte mais J'ai cette merveilleuse dragon. 00:28:58.590 --> 00:29:02.160 Je suis partisan de dragon Si vous n'avez pas remarquer. 00:29:02.160 --> 00:29:04.180 Et je ne veux supprimer mon dragon. 00:29:04.180 --> 00:29:06.500 Je souhaite conserver mes dragon mais Lorsque je veux lire mon texte, 00:29:06.500 --> 00:29:08.520 Je souhaite simplement supprimer tous les distraction. 00:29:08.520 --> 00:29:10.810 Nous pouvons trouver que dans un mode de lecture quelle que soit. 00:29:10.810 --> 00:29:14.360 Par conséquent, ce que je fais lorsque Je suis placé le texte. 00:29:14.360 --> 00:29:19.590 J'applique simplement un [INAUDIBLE] sur mon élément div à l'arrière. 00:29:19.590 --> 00:29:23.340 Par conséquent, je veux juste, Je peux simplement lire mon texte. 00:29:23.340 --> 00:29:28.170 J'ai la possibilité également utilisation simultanée en niveaux de gris et de flou. 00:29:28.170 --> 00:29:31.510 Nous pouvons combiner les fonctionnalités CSS ensemble afin que 00:29:31.510 --> 00:29:34.410 puis il va être flou et nuances de gris. 00:29:34.410 --> 00:29:39.280 Et si vous voyez que je peux lire [INAUDIBLE] cadre 60 par seconde et 00:29:39.280 --> 00:29:40.500 Vous pouvez les contrôler facilement. 00:29:40.500 --> 00:29:42.450 Par conséquent, nous allons suffit Examinez le code. 00:29:42.450 --> 00:29:45.150 Et pour cela, j'utilise Visual Code de Studio, j'adore cet outil. 00:29:46.290 --> 00:29:48.975 J'ai désinstallé tout texte Sublime. 00:29:48.975 --> 00:29:52.070 >> [RIRE] >> Donc ! 00:29:52.070 --> 00:29:54.200 Est ce que nous avons ici plutôt simple en fait. 00:29:54.200 --> 00:29:58.110 J'ai simplement mon texte ici, Dans ce contenu. 00:29:58.110 --> 00:30:00.211 Et j'ai mon arrière-plan. 00:30:00.211 --> 00:30:05.131 Il s'agit de la diveware placer à l'aide de ma règle css ici, 00:30:05.131 --> 00:30:09.220 Mettre simplement mon sauvegardés à l'intérieur de l'image JPG. 00:30:09.220 --> 00:30:14.890 Et ce que je veux faire, lorsque je mon texte de pointage, vous voulez appliquer. 00:30:14.890 --> 00:30:17.560 Il s'agit d'une règle CSS qui dit bien, 00:30:17.560 --> 00:30:20.370 Nous allons utiliser l'effet de flou avec cette taille de flou. 00:30:20.370 --> 00:30:23.835 Et parce que je suis marche bien, J'utilise une version de préfixes et 00:30:23.835 --> 00:30:25.280 unprefixes, version 00:30:25.280 --> 00:30:28.790 juste pour vous assurer que je ne avoir le problème à l'avenir. 00:30:28.790 --> 00:30:31.440 À partir du point de vue de le code JavaScript du code lui-même que de 00:30:31.440 --> 00:30:32.780 assez simple. 00:30:32.780 --> 00:30:36.140 Appliquer la règle CSS sur le passage de la souris. 00:30:36.140 --> 00:30:38.590 Sur souris à supprimer la règle CSS. 00:30:38.590 --> 00:30:39.090 C'est tout. 00:30:40.250 --> 00:30:42.950 Et un autre exemple qui Je fais lorsque je clique sur 00:30:42.950 --> 00:30:44.390 sur l'objet en niveaux de gris. 00:30:44.390 --> 00:30:47.590 Vous pouvez également le commander évidemment directement à partir de JavaScript en disant : 00:30:47.590 --> 00:30:50.700 Je veux que le flou et les nuances de gris. 00:30:50.700 --> 00:30:52.640 Par conséquent, vous pouvez combiner tous les effets, 00:30:52.640 --> 00:30:55.310 Vous pouvez faire des structures, sépia, quelle que soit. 00:30:55.310 --> 00:30:58.060 Vous pouvez lire photoshop comme effet. 00:30:58.060 --> 00:31:01.720 Cliquez ensuite sur, et il est complètement accélération à l'aide de nuanceur, donc 00:31:01.720 --> 00:31:03.270 qui est libre d'utiliser. 00:31:03.270 --> 00:31:04.470 Veuillez le faire. 00:31:04.470 --> 00:31:05.700 Le principal problème que nous avons peut-être, 00:31:05.700 --> 00:31:10.250 qui fait partie, Filtres CSS ne peuvent pas être pris en charge. 00:31:10.250 --> 00:31:13.300 Par conséquent, cela me conduisent à une autre démonstration. 00:31:13.300 --> 00:31:14.170 David ? 00:31:14.170 --> 00:31:15.470 >> Oui. 00:31:15.470 --> 00:31:16.240 >> Celle-ci. 00:31:16.240 --> 00:31:20.020 Cette fois, nous allons vous montrer, comment il doit fonctionner. 00:31:20.020 --> 00:31:24.980 Par conséquent, comme vous pouvez le voir, J'ai toujours le même résultat. 00:31:26.950 --> 00:31:30.230 Mais ce qui se passe si CSS filtre ne sont pas pris en charge ? 00:31:30.230 --> 00:31:31.710 Et de simuler, et 00:31:31.710 --> 00:31:35.390 Pour vous montrer ainsi que tous les indicateurs sont fonctionne, je peux maintenant me servir et 00:31:35.390 --> 00:31:38.910 Dites bien, jusqu'à présent le filtre CSS est une fonctionnalité expérimentale. 00:31:38.910 --> 00:31:44.130 Et je souhaite ne pas les utiliser seulement Pour voir comment ils pourraient fonctionnent 00:31:44.130 --> 00:31:46.150 Si aucun filtre CSS. 00:31:46.150 --> 00:31:50.400 Par conséquent, j'ai simplement pour ce faire, relancer mon navigateur. 00:31:52.180 --> 00:31:56.890 Commutateur pour prendre en charge ici et J'ai comportement non réservée. 00:31:56.890 --> 00:31:59.455 Cette fois, dans la mesure où CSS fonctionnalité n'est pas pris en charge, 00:31:59.455 --> 00:32:03.480 Je suis juste jouer avec l'opacité de l'image et 00:32:03.480 --> 00:32:07.400 la valeur 0,1, donc Nous pouvons voir l'arrière-plan. 00:32:07.400 --> 00:32:11.420 Comment faire pour que, sans aucun code, tout code JavaScript ? 00:32:11.420 --> 00:32:13.890 C'est cool question que je pose. 00:32:16.000 --> 00:32:17.710 Je dois simplement utiliser un superbe, 00:32:17.710 --> 00:32:23.530 nouvelle fonctionnalité, appelée ArtsReport me permettre de tester la présence ou 00:32:23.530 --> 00:32:29.150 l'absence de toute règle CSS, même avec le paramètre associé. 00:32:29.150 --> 00:32:31.780 C'est vraiment intéressant ici. 00:32:31.780 --> 00:32:38.190 Webkit-filtre n'est pas pris en charge. de flou avec 20 pixels, ou Désolé, 00:32:38.190 --> 00:32:42.090 Si la prise en charge, ou filtrer avec flou avec 20 pixels est pris en charge, 00:32:42.090 --> 00:32:44.820 Nous allons définir que l'effet de flou règle est présent. 00:32:46.760 --> 00:32:49.200 Et si elle n'est pas pris en charge, 00:32:49.200 --> 00:32:53.060 puis nous allons définir ce flou est simplement opacité. 00:32:53.060 --> 00:32:54.980 À partir du point de vue de le développeur JavaScript, 00:32:56.000 --> 00:32:58.460 le développeur JavaScript sera toujours appliquer la même règle, floue. 00:32:59.690 --> 00:33:02.690 Mais la CSS des filtres seront supprimés et 00:33:02.690 --> 00:33:05.120 remplacé par opacité, Grâce à la ArtsReport. 00:33:06.480 --> 00:33:10.341 Par conséquent, nous pouvons donner le contrôle sur disons, 00:33:10.341 --> 00:33:13.243 adaptabilité au concepteur CSS. 00:33:13.243 --> 00:33:13.963 C'est vraiment intéressant. 00:33:13.963 --> 00:33:16.725 C'est vraiment puissant. 00:33:16.725 --> 00:33:18.025 David. 00:33:18.025 --> 00:33:21.290 Démonstration suivante sur la documentation de Flex. 00:33:21.290 --> 00:33:22.480 >> Flexible de livres et sous-ensemble. 00:33:22.480 --> 00:33:25.490 Par conséquent, nous allons revenir en arrière à mes informations. 00:33:25.490 --> 00:33:27.100 >> Car nous parler à propos de l'adaptabilité. 00:33:27.100 --> 00:33:27.780 >> Oui. 00:33:27.780 --> 00:33:30.310 Par conséquent, dès aujourd'hui, vous avez vu que Nous parlons d'un lot 00:33:30.310 --> 00:33:33.580 conception réactive et en savoir plus sur la conception adaptative, 00:33:33.580 --> 00:33:38.790 qui est plus comment adapter l'expérience utilisateur globale pour le périphérique actuel. 00:33:38.790 --> 00:33:41.840 Et lorsque vous créez certains stuff réactif, vous disposez de media 00:33:41.840 --> 00:33:46.080 requêtes, vous avez beaucoup de refroidir nouvel affichage comme la zone flex. 00:33:46.080 --> 00:33:49.190 Mais le problème est peut-être lorsque vous souhaitez afficher des images, et 00:33:49.190 --> 00:33:53.350 que vous avez sélectionné divers définition la résolution des images 00:33:53.350 --> 00:33:57.208 par exemple, pour un iPhone à l'aide Certains écrans de rétention, pour 00:33:57.208 --> 00:33:58.897 un téléphone classique et d'un PC. 00:33:58.897 --> 00:34:02.740 Et vous ne souhaitez pas télécharger toutes les images du côté client et 00:34:02.740 --> 00:34:06.630 permet de définir, par le biais de JavaScript, Comment choisir un bon ? 00:34:06.630 --> 00:34:09.150 Ainsi, il serait préférable d'utiliser laisser l'explorateur décider 00:34:09.150 --> 00:34:11.510 en fonction de ce qui va être en cours d'exécution ? 00:34:11.510 --> 00:34:15.970 Par conséquent, si elle est en cours d'exécution le nouveau Windows phone avec notre 00:34:15.970 --> 00:34:19.430 écran de résolution, je veux afficher la version spécifique de l'image, 00:34:19.430 --> 00:34:21.730 au lieu de cela une autre sur l'unité de charge. 00:34:21.730 --> 00:34:25.710 Pour ce faire, vous avez donc SourceSet qui est disponible. 00:34:25.710 --> 00:34:27.310 Il est donc très simple à utiliser. 00:34:27.310 --> 00:34:30.030 La première chose dont vous avez besoin à utiliser sur la balise d'Image, 00:34:30.030 --> 00:34:33.570 est d'utiliser la source classique propriété que peut avoir. 00:34:33.570 --> 00:34:34.370 Il s'agit donc d'une chute de retour. 00:34:34.370 --> 00:34:37.480 Par conséquent, si le navigateur n'est pas la valeur source de prise en charge, 00:34:37.480 --> 00:34:40.610 Il va utiliser Cette image spécifique. 00:34:40.610 --> 00:34:42.290 Par conséquent, nous allons le faire que par défaut. 00:34:42.290 --> 00:34:46.890 Mais, si le navigateur est en mesure de gérer cette nouvelle propriété là-bas, 00:34:46.890 --> 00:34:53.230 Vous pouvez dire au navigateur, veuillez Utilisez cette version de l'image x 1. 00:34:53.230 --> 00:34:57.720 Si la résolution de l'écran actuelle correspond pas vraiment à la CSS et 00:34:57.720 --> 00:35:02.220 le ratio de matériel et de pixels, Utilisez ensuite cette image. 00:35:02.220 --> 00:35:06.510 Par conséquent, si par exemple vous accédez un écran de petite taille physique 00:35:06.510 --> 00:35:09.380 avec l'option yeux du finisseur, demander les navigateurs. 00:35:09.380 --> 00:35:13.140 Veuillez utiliser une autre version de la image et que vous avez sélectionné le point de vous 00:35:13.140 --> 00:35:17.550 peut aller jusqu'à votre à propos de cette réglementation spécifique. 00:35:17.550 --> 00:35:22.700 Il pourrait donc très bien, maintenant, avec Parmi les gars, comme moi, 00:35:22.700 --> 00:35:24.950 vous avez un écran 4K à la maison. 00:35:24.950 --> 00:35:28.540 Lorsque vous souhaitez que certaines, refroidir site Web affiché sur ce. 00:35:28.540 --> 00:35:31.250 Ainsi, nous pouvons choisissez similaire. 00:35:31.250 --> 00:35:35.200 Laissez-moi vous montrer ce page simple à l'intérieur d'i11. 00:35:35.200 --> 00:35:37.230 Il n'utilise pas. 00:35:37.230 --> 00:35:39.320 Il est à l'aide de l'image par défaut. 00:35:39.320 --> 00:35:43.050 Et vous vérifiez que, dans la mesure où lorsque Je vais utiliser une nouvelle version de 00:35:43.050 --> 00:35:47.390 l'image, je place une spécifique logo en haut à gauche de l'image. 00:35:47.390 --> 00:35:51.660 Par conséquent, actuellement, Internet Explorer a été à l'aide de l'image par défaut de ce dernier a été- 00:35:51.660 --> 00:35:53.040 >> Un un flou. 00:35:53.040 --> 00:35:56.290 >> Un un flou, là encore, nous avons bâtiment avec notre agent de jeu. 00:35:56.290 --> 00:35:57.660 Voila donc. 00:35:57.660 --> 00:36:01.400 Si je suis basculez vers Microsoft Edge, Vous pouvez voir que 00:36:01.400 --> 00:36:06.410 Nous voyons la même image traduire à l'aide de la version 1 x. 00:36:06.410 --> 00:36:09.870 Mais, comment simuler maintenant que je veux que la version plus récente. 00:36:09.870 --> 00:36:13.444 [DIAPHONIE] Ainsi, vous avez besoin d'une complète sur un périphérique spécifique. 00:36:13.444 --> 00:36:18.130 Vous pouvez simuler qui à l'aide de l'option de zoom, de votre navigateur. 00:36:18.130 --> 00:36:21.860 Par exemple, disons que je pour simuler le fait que 00:36:21.860 --> 00:36:24.330 Ma résolution d'écran actuelle est toujours le même, mais 00:36:24.330 --> 00:36:28.590 Vous voulez changer la résolution, par la pratique comme et vous devez actualiser. 00:36:28.590 --> 00:36:31.780 Et vous verrez le navigateur automatiquement décidé de prendre 00:36:31.780 --> 00:36:33.520 une version plus récente de l'image, et 00:36:33.520 --> 00:36:36.400 Il a été téléchargé seulement cette image spécifique. 00:36:36.400 --> 00:36:40.590 Par conséquent, pour vérifier que, nous pouvons, pour instance, allez sous S2F2s. 00:36:42.080 --> 00:36:44.980 Découvrez la démonstration correcte, doit être cela. 00:36:48.250 --> 00:36:49.363 Ouvrez une session qui ici. 00:36:55.943 --> 00:36:58.719 Et vérifions le réseau, Nous allons actualiser. 00:37:00.500 --> 00:37:03.998 Il n'a pas été celle de droite, donc Let's Fermez bord simplement pour éviter que moi. 00:37:03.998 --> 00:37:07.306 >> Vous êtes vraiment doué. 00:37:16.541 --> 00:37:17.475 >> Oui, je suis très bonne. 00:37:17.475 --> 00:37:20.960 >> Merci [RIRE] pour prendre en charge me David. 00:37:20.960 --> 00:37:23.150 Et vous pouvez voir que le navigateur a décidé, 00:37:23.150 --> 00:37:24.990 pour seulement le chargement correct version de l'image. 00:37:24.990 --> 00:37:30.370 Par conséquent, vous avez été référencés d'un paquet des images différentes dans votre code. 00:37:30.370 --> 00:37:33.705 Mais le navigateur et le client, a décidé de choisir la bonne 00:37:33.705 --> 00:37:36.525 en fonction de la résolution actuelle et capacités. 00:37:36.525 --> 00:37:41.275 Et même dans la spécification, Il est spécifié que le navigateur 00:37:41.275 --> 00:37:44.865 peut même choisir de charger l'image en fonction de la bande passante. 00:37:44.865 --> 00:37:48.025 Ainsi, supposons que vous avez sélectionné un écran rétine, afin que vous soyez jolie 00:37:48.025 --> 00:37:50.735 Joyeux, mais vous pouvez encore une connexion très ralentir vers le bas. 00:37:50.735 --> 00:37:53.465 Il n'est probablement pas une bonne idée Pour vous donner une résolution élevée 00:37:53.465 --> 00:37:54.390 image de qui. 00:37:54.390 --> 00:37:57.400 Ainsi, si la sonde est en cours à propos de direct que vous feriez essayez, envoyer 00:37:57.400 --> 00:38:03.370 vous la basse résolution de l'image à un vitesse du site Web, un site Web rapide. 00:38:03.370 --> 00:38:07.870 Par conséquent, nous avons décidé de l'utiliser, afin que je suis actuellement ré-écriture de notre site Web afin que 00:38:07.870 --> 00:38:10.530 Boucle à notre Site Web de Babylon dès aujourd'hui. 00:38:12.700 --> 00:38:13.745 >> Il s'agit de publicités gratuites. 00:38:13.745 --> 00:38:15.720 >> Oui. 00:38:15.720 --> 00:38:17.130 Nous allons peut-être des problèmes. 00:38:17.130 --> 00:38:17.630 Je ne sais pas. 00:38:18.640 --> 00:38:21.310 Ainsi, dès aujourd'hui notre site Web est similaire. 00:38:21.310 --> 00:38:25.894 Par conséquent, nous avons tenté d'imiter le moderne américain mettre à l'aide de 00:38:25.894 --> 00:38:28.140 certaines dispositions spécifiques. 00:38:28.140 --> 00:38:31.870 Nous avons été très heureux à ce sujet, mais il n'a pas été en évidence. 00:38:31.870 --> 00:38:35.760 En outre, nous sommes assez bonnes Développeurs JavaScript. 00:38:35.760 --> 00:38:37.945 Nous sommes moins bons concepteurs. 00:38:37.945 --> 00:38:43.730 [RIRE] Avec cette idée à modifier que, nous avons tous décidé de changer. 00:38:43.730 --> 00:38:48.980 Pour ce faire, la nouvelle version que je suis en cours de traitement est présent. 00:38:48.980 --> 00:38:52.058 Par conséquent, j'ai utilisé Requêtes magiques et Flexbox. 00:38:52.058 --> 00:38:54.730 Pour pouvoir bénéficier d'une meilleure taille, 00:38:54.730 --> 00:38:58.220 qui va s'adapter, à la résolution actuelle. 00:38:58.220 --> 00:39:01.271 Et la bonne chose est I peut mélanger des sourceS boîte de Flex 00:39:01.271 --> 00:39:04.190 certains ont des requêtes une bonne expérience. 00:39:04.190 --> 00:39:08.720 Si je vais zoomer à l'intérieur du site Web, et l'actualiser maintenant. 00:39:11.170 --> 00:39:14.950 Vous consultez à nouveau la résolution de l'image. 00:39:14.950 --> 00:39:18.100 Et je peux même pour un test, donc la conception n'est pas terminée. 00:39:18.100 --> 00:39:20.540 Si vous êtes un concepteur de bon, et vous gratuitement. 00:39:20.540 --> 00:39:22.560 Nous [RIRE] sommes Bienvenue vous y accueille. 00:39:22.560 --> 00:39:23.630 >> Envoyez un courrier électronique. 00:39:27.572 --> 00:39:29.740 >> Mais, Si j'exécute que sur mon téléphone 00:39:31.270 --> 00:39:32.250 >> Qui doit être quelque part. 00:39:34.180 --> 00:39:37.292 Il s'agit ici, alors Je vais vous envoyer de lecture sur ce. 00:39:41.307 --> 00:39:43.960 Voyez, donc Il s'agit du même site Web. 00:39:43.960 --> 00:39:46.190 Et sur le téléphone si Je suis le reconvertir, 00:39:46.190 --> 00:39:48.900 Vous pouvez le voir ici que je charge dans la version x 2 de l'image. 00:39:48.900 --> 00:39:52.260 Dans la mesure où, en cours résolution de l'écran mon 00:39:52.260 --> 00:39:55.390 Téléphone de la fenêtre est suffisamment élevée pour avoir une bonne ration de l'image. 00:39:55.390 --> 00:39:56.753 Vous pouvez le tester sur un périphérique. 00:39:56.753 --> 00:39:59.776 Afin que la bonne chose est que vous peut tester sur Microsoft Edge sur 00:39:59.776 --> 00:40:01.690 le bureau et que David a été dire, 00:40:01.690 --> 00:40:04.920 C'est le moteur même exacte- En cours d'exécution sur Windows phone. 00:40:04.920 --> 00:40:08.092 Par conséquent, il est assez facile à Vérifiez simplement que tout 00:40:08.092 --> 00:40:11.420 est en cours fonctionne correctement, sur l'écran de matériel spécifique. 00:40:11.420 --> 00:40:14.600 Et vous avez ensuite une bonne trop, comme celui de rencontrer. 00:40:15.830 --> 00:40:17.210 >> Merci, David. 00:40:17.210 --> 00:40:19.228 Par conséquent, revenir à une autre démonstration. 00:40:22.936 --> 00:40:29.660 Oui, de sorte que nous avons également depuis IE9, Nous avons pris en charge SVG à l'intérieur de HTML. 00:40:29.660 --> 00:40:34.460 La Communauté lui demander de nous, et Grâce à la UserVoice dans lequel je vais 00:40:34.460 --> 00:40:37.930 Mentionnez après et grâce à la façon que nous travaillons. 00:40:37.930 --> 00:40:43.610 Nous entendons la Communauté, et ils demandent Veuillez, nous prend en charge foreignObject. 00:40:43.610 --> 00:40:44.900 Par conséquent, ce qui est foreignObject ? 00:40:44.900 --> 00:40:49.665 foreignObject est l'opposé d'avoir SVG à l'intérieur de HTML. 00:40:49.665 --> 00:40:54.470 foreignObject correspond à la capacité Pour incorporer le HTML à l'intérieur de SVG. 00:40:55.610 --> 00:40:58.510 Dans cette manière, Vous pouvez avoir une page SVG. 00:40:58.510 --> 00:40:59.510 Laissez-moi vous montrer. 00:41:02.280 --> 00:41:05.350 Voilà, j'ai mon élément HTML. 00:41:05.350 --> 00:41:08.170 Dans mon code HTML, J'ai mon élément SVG, donc 00:41:08.170 --> 00:41:10.710 un rendu vectoriel en fonction. 00:41:10.710 --> 00:41:16.630 Et à l'intérieur de ce SVG, je peux demander à ce que Nous appelons la foreignObject ici, 00:41:16.630 --> 00:41:18.180 où puis-je placer HTML. 00:41:19.350 --> 00:41:22.226 Par conséquent, ce point est intéressant car Le format SVG est purement un vecteur. 00:41:22.226 --> 00:41:27.020 La foreignObject sera alors contrôlé par ce vecteur purement 00:41:27.020 --> 00:41:31.830 espace et nous pouvons appliquer tout spécifiques effet que nous pouvons disposer pour SVG. 00:41:31.830 --> 00:41:36.280 Nous pouvons combiner objet vectoriel, et placer une partie, par exemple, le texte à l'intérieur. 00:41:36.280 --> 00:41:39.440 Nous pouvons l'utiliser pour lire comme je le fais ici. 00:41:39.440 --> 00:41:44.430 J'aimerais vous montrer la puissance SVG à l'aide de HTML à l'intérieur. 00:41:45.440 --> 00:41:47.390 Je vais utiliser des filtres, à nouveau. 00:41:47.390 --> 00:41:50.317 Il n'est pas CSS filtre cette fois, Il s'agit de filtres SVG. 00:41:50.317 --> 00:41:52.110 Nous prenons en charge les filtres SVG. 00:41:52.110 --> 00:41:55.230 Et d'appliquer un effet filtres SVG 00:41:55.230 --> 00:41:57.770 au-dessus de l'image restituée de vecteur, Okay ? 00:41:57.770 --> 00:42:02.780 Cette image inclut maintenant, l'image HTML rendu. 00:42:02.780 --> 00:42:08.300 Et ce point est intéressant car Je peux faire des choses comme celui-ci. 00:42:08.300 --> 00:42:11.110 Ici, c'est ce que je appeler le navigateur drunken. 00:42:14.630 --> 00:42:17.670 Trop de bière, vous allez familiale et vous souhaitez rechercher un élément, et 00:42:17.670 --> 00:42:18.899 l'aspect du monde comme celle-ci. 00:42:20.160 --> 00:42:23.874 OK, nous allons rechercher Bord de Microsoft. 00:42:23.874 --> 00:42:28.750 >> [RIRE] >> Et, n'oubliez pas que nous savons déjà que. 00:42:28.750 --> 00:42:33.420 L'iFrame à l'intérieur de mes SVG fonctionne parfaitement bien. 00:42:33.420 --> 00:42:34.686 Il n'y a aucun problème avec qui. 00:42:34.686 --> 00:42:37.544 Et parce que je suis à l'intérieur de SVG, 00:42:37.544 --> 00:42:41.895 Je peux appliquer de SVG et Utilisez Mes sélections. 00:42:41.895 --> 00:42:44.728 J'ai une autre chose que je peux faire avec qui je voulais vous montrer. 00:42:44.728 --> 00:42:48.799 Ainsi, au lieu d'utiliser 00:42:48.799 --> 00:42:53.061 Je veux utiliser seulement celle-ci. 00:42:56.228 --> 00:42:58.770 Oups, revenons arrière. 00:42:58.770 --> 00:42:59.895 J'ai oublié quelque chose. 00:42:59.895 --> 00:43:00.895 >> Oui, le tiret. 00:43:00.895 --> 00:43:02.728 >> Oui, Merci, David. 00:43:05.853 --> 00:43:07.450 Nous allons forcer une actualisation. 00:43:07.450 --> 00:43:08.825 Il s'agit un navigateur Minecraft. 00:43:08.825 --> 00:43:12.270 >> [RIRE] >> Alors, et ce qui est intéressant est 00:43:12.270 --> 00:43:15.770 ce cas une recherche babylonjs.com, qui n'est pas facile. 00:43:15.770 --> 00:43:17.580 Je dois n'oubliez pas de cliquez ici. 00:43:18.680 --> 00:43:22.660 Je suis un joueur Minecraft et Je peux prendre n'importe quel objet 3D. 00:43:22.660 --> 00:43:27.978 Et c'est le cas, page HTML, à l'aide du format SVG, à l'intérieur de SVG est GL Web avec- 00:43:27.978 --> 00:43:31.812 >> [APPLAUDISSEMENTS] 00:43:31.812 --> 00:43:34.639 >> Il s'exécute à 60 images par 00:43:34.639 --> 00:43:36.110 la deuxième, d'accord ? 00:43:36.110 --> 00:43:37.740 Je dois admettre c'est sympa simplement. 00:43:38.960 --> 00:43:41.765 Par conséquent, nous ne sommes pas sûr ici, le cas d'usage, mais 00:43:41.765 --> 00:43:44.310 [RIRE] vous obtenez le point. 00:43:44.310 --> 00:43:44.850 Vous obtenez le point. 00:43:44.850 --> 00:43:46.440 Vous pouvez utiliser HTML à l'intérieur de SVG. 00:43:46.440 --> 00:43:46.940 C'est sympa. 00:43:48.300 --> 00:43:49.975 Je suis assez bien sûr vos enfants seront ravis de qui. 00:43:49.975 --> 00:43:54.090 >> [RIRE] >> Et puis les dernières choses 00:43:54.090 --> 00:43:59.115 Nous voulions vous montrer nos spécialistes ès avant déplacement vers le Q&A est HTTP/2. 00:43:59.115 --> 00:44:01.944 HTTP/2, il est un peu difficile 00:44:01.944 --> 00:44:06.884 trouver quelque chose très visuelle Pour vous permettre de visualiser le contenu HTTP/2. 00:44:06.884 --> 00:44:11.490 Eh bien, HTTP/2 est en cours de génération Merci à quelle Google consacrées à des tâches 00:44:11.490 --> 00:44:12.350 avec SPDY. 00:44:12.350 --> 00:44:15.670 SPDY est donc, ils vous essayez Pour créer quelque chose de nouveau, 00:44:15.670 --> 00:44:20.252 différent de HTTP/1.1 qui est désormais relativement ancien. 00:44:20.252 --> 00:44:21.790 Nous ne pense pas que certains appareils mobiles, et 00:44:21.790 --> 00:44:24.520 autres nouveaux périphériques, nous avons quelques problème de performances. 00:44:24.520 --> 00:44:27.890 Par conséquent, nous essayons de trouver certains piratages qui. 00:44:27.890 --> 00:44:31.680 Par conséquent, nous allons parler par exemple le nombre de demandes, qu'un navigateur peut 00:44:31.680 --> 00:44:33.160 envoyer à un serveur web. 00:44:33.160 --> 00:44:38.100 Par conséquent, la plupart du temps, par défaut a quatre demandes simultanées à 00:44:38.100 --> 00:44:42.720 le serveur web spécifique client à un domaine spécifique. 00:44:42.720 --> 00:44:45.490 Par conséquent, si vous souhaitez charger, Supposons que les 10 ou 00:44:45.490 --> 00:44:48.740 image 20, à partir de ce site web serveur de vos clients. 00:44:48.740 --> 00:44:52.914 Vous étiez uniquement en mesure de le faire par le biais de quatre demandes différentes et 00:44:52.914 --> 00:44:54.300 Vous devez attendre qu'il. 00:44:54.300 --> 00:44:59.000 Et si vous voulez, se transforme en était compliqué qui est connu par tout le monde. 00:44:59.000 --> 00:45:01.960 Par conséquent, vous pouvez définir plusieurs domaines comme CDN. 00:45:01.960 --> 00:45:06.570 C'est le cas, CDN numéro un, numéro CDN deux, Nombre CDN trois à quatre. 00:45:06.570 --> 00:45:10.480 Supposons qu'et grâce à qui Vous ne pourrez quatre demandes à 00:45:10.480 --> 00:45:14.190 le premier CDN et que quatre demande à l'autre, etc.. 00:45:14.190 --> 00:45:15.580 Mais, vous effectuez une sorte de piratages, 00:45:15.580 --> 00:45:21.160 Étant donné que le navigateur a faire de plus, le fait que vous avez dû. 00:45:21.160 --> 00:45:24.520 Lorsque vous faites quelque chose de beaucoup de la demande d'ajout d'un grand nombre de 00:45:24.520 --> 00:45:28.620 frais généraux au-dessus de chaque de la demande HTTP au serveur web. 00:45:28.620 --> 00:45:33.522 C'est le cas, écriture HTTP/2 est désormais être géré par l'IETF task force en tant que 00:45:33.522 --> 00:45:36.860 un démarrage en et Nous sommes tous en train de qui. 00:45:36.860 --> 00:45:39.510 Par conséquent, il est implémenté à bord de Microsoft et 00:45:39.510 --> 00:45:41.390 Chrome et Firefox. 00:45:41.390 --> 00:45:45.510 Et l'idée que je suis actuellement navigation une page web à partir du serveur de Google, 00:45:45.510 --> 00:45:48.890 Par conséquent, ils avez été mise en oeuvre dans un de leur pile serveur. 00:45:48.890 --> 00:45:53.476 Et vous verrez que le moyen de charger l'image beaucoup plus rapide pour 00:45:53.476 --> 00:45:54.875 diverses raisons. 00:45:54.875 --> 00:45:59.095 Tout d'abord, nous avons été en mesure de faire Certains multiplexage sur les flux de données. 00:45:59.095 --> 00:46:02.335 Vous êtes contraint pas plus à envoyer demandes de différents sur le serveur web. 00:46:02.335 --> 00:46:04.145 Vous pouvez créer une requête unique, et 00:46:04.145 --> 00:46:07.155 Nous allons incorporer plusieurs flux de données à l'intérieur de cette demande. 00:46:07.155 --> 00:46:10.265 Ainsi, nous allons le négocier uniquement une fois avec le serveur web. 00:46:10.265 --> 00:46:14.185 Nous utilisons également le codage binaire à l'aide de HTTP/2. 00:46:14.185 --> 00:46:18.370 Par conséquent, il est plus clair sur le réseau. 00:46:18.370 --> 00:46:22.550 Et nous pouvons également anticiper ce que vous avez besoin sur le côté client. 00:46:22.550 --> 00:46:25.390 Par exemple, Lorsque vous chargez une page HTML, 00:46:25.390 --> 00:46:29.330 Nous savons tous qu'il sera certains CSS et JavaScript à l'intérieur de qui. 00:46:29.330 --> 00:46:32.840 Par conséquent, il est un peu stupide à Chargez la page HTML et 00:46:32.840 --> 00:46:35.300 Oui, je sais alors que cela fichier JavaScript spécifique. 00:46:35.300 --> 00:46:37.950 Puis effectuez un nouvel aller-retour sur le serveur, le récupérer. 00:46:37.950 --> 00:46:39.810 Et je voudrais que le fichier CSS, etc.. 00:46:39.810 --> 00:46:44.573 Par conséquent, l'idée est de laisser le serveur web Supposons que vous index.html, 00:46:44.573 --> 00:46:47.640 à l'intérieur du document HTML, est foo.js. 00:46:47.640 --> 00:46:49.390 Par conséquent, ce que nous allons faire dans la même demande, 00:46:49.390 --> 00:46:52.580 Nous allons vous envoyer sauvegarder directement le foo.js, 00:46:52.580 --> 00:46:54.700 au client afin de gagner du temps. 00:46:54.700 --> 00:46:56.550 Par conséquent, nous pouvons anticiper ce dont vous avez besoin. 00:46:56.550 --> 00:46:58.170 Il serait plutôt dire I n'avez pas besoin de ce fichier, 00:46:58.170 --> 00:47:00.110 Étant donné que j'ai déjà C'est dans le cache. 00:47:00.110 --> 00:47:04.270 Nous avons perdu un peu de temps, mais la plupart des heure à laquelle qu'il gagnera la vitesse. 00:47:04.270 --> 00:47:05.790 Il s'agit donc d'une page Web faite par Google, 00:47:05.790 --> 00:47:09.690 C'est vraiment intéressant car Il permet de simuler ce qui se passe. 00:47:09.690 --> 00:47:14.244 Par conséquent, nous allons charger la page à l'aide de HTTP/1, puis 2002, 00:47:14.244 --> 00:47:17.650 Désolé, 200 millisecondes latence de lumière. 00:47:17.650 --> 00:47:20.590 Vous pouvez voir qu'il est actuellement en cours de sérialisation. 00:47:20.590 --> 00:47:23.690 Par conséquent, j'ai plusieurs demandes à la partie de l'image. 00:47:23.690 --> 00:47:26.170 Et je ne parviens pas à le faire très rapide, Puisque je dois 00:47:26.170 --> 00:47:30.460 Revenez au serveur chaque fois à charger un nouveau morceau de la page. 00:47:30.460 --> 00:47:34.120 >> Et chaque demande de latence de 200 millisecondes. 00:47:34.120 --> 00:47:36.560 >> Et l'autre partie, à l'aide de HTTP/2, 00:47:36.560 --> 00:47:40.300 vous voyez que je suis pouvoir avoir certains flux de données multiples rendue. 00:47:40.300 --> 00:47:42.870 Et j'ai la demande unique, sur le serveur web pour charger 00:47:42.870 --> 00:47:45.790 tous les flux, de sorte que Il est beaucoup plus rapide pour charger l'image. 00:47:45.790 --> 00:47:47.770 Et vous obtenez maintenant le point. 00:47:47.770 --> 00:47:49.928 Il est très visuelle, car Il s'agit d'une image. 00:47:49.928 --> 00:47:53.240 Mais pensez à ce sujet, avec tous les chemins d'accès de la page web dont vous avez besoin pour 00:47:53.240 --> 00:47:55.500 charger à partir du côté serveur, et vraiment à la même vitesse. 00:47:55.500 --> 00:47:59.750 Par conséquent, il est très bon d'avoir que, en particulier sur le mobile, 00:47:59.750 --> 00:48:02.660 sur le Windows Phone 10 à l'aide de Microsoft Edge. 00:48:02.660 --> 00:48:07.720 Tous les nouveaux périphériques avoir vous avez moteur moderne, car il serait 00:48:07.720 --> 00:48:11.620 vraiment amp la vitesse de la page Web sans rien faire pour vous. 00:48:11.620 --> 00:48:15.050 Il est complètement compatible avec HTTP/1.1. 00:48:15.050 --> 00:48:17.310 Il s'agit de la même colonne, les verbes de mêmes. 00:48:17.310 --> 00:48:20.610 Nous modifions simplement la façon de communiquer sur le protocole et 00:48:20.610 --> 00:48:23.740 sur le flux de données et toutes les nette session impliqués. 00:48:23.740 --> 00:48:24.240 >> Merci, David. 00:48:25.440 --> 00:48:30.240 Par conséquent, nous essayons ici à part prélèvement certains de nos fonctionnalités préférées mais, 00:48:30.240 --> 00:48:33.860 comme indiqué précédemment, un grand nombre de les sont toujours à l'intérieur de la zone. 00:48:33.860 --> 00:48:36.130 Par conséquent, la meilleure idée pour vous si vous souhaitez l'essayer, 00:48:36.130 --> 00:48:39.710 Installez la dernière version version de la build Windows 10. 00:48:39.710 --> 00:48:41.820 Le moteur de bord est ici. 00:48:41.820 --> 00:48:44.660 Jusqu'ici, est toujours Spartan de projet ? 00:48:44.660 --> 00:48:47.940 Mais, il suffit de modifier votre esprit et Renommez-le en Microsoft Edge et 00:48:47.940 --> 00:48:49.100 vous obtenez le point. 00:48:49.100 --> 00:48:53.410 Si vous voulez une fonctionnalité, si vous vraiment une fonctionnalité, veuillez utiliser, et 00:48:53.410 --> 00:48:56.730 Donnez-nous votre avis sur uservoice.modern.IE. 00:48:56.730 --> 00:48:59.690 Par exemple, je capture ici ASM.js. 00:48:59.690 --> 00:49:01.900 Il a été de demander une énorme pour la Communauté. 00:49:01.900 --> 00:49:03.870 Veuillez prendre en charge ASM.js. 00:49:03.870 --> 00:49:07.754 ASM.js est une façon de compiler C++ en JavaScript, 00:49:07.754 --> 00:49:10.820 et ASM.js va ajouter certains. 00:49:10.820 --> 00:49:14.290 Je ne peux pas dire que, des informations supplémentaires pour 00:49:14.290 --> 00:49:15.400 le garbage collector et pour 00:49:15.400 --> 00:49:18.796 le moteur JavaScript, pour améliorer les performances, d'accord ? 00:49:18.796 --> 00:49:23.700 Moteur de prise en charge, Unreal Unity prise en charge, donc si vous utilisez des 00:49:23.700 --> 00:49:29.080 Unité 5, vous pouvez simplement exporter votre jeu Web GL avec ASM.js. 00:49:29.080 --> 00:49:32.640 Désormais c'est le cas si vous installez simplement le très version la plus récente de Windows 10, 00:49:32.640 --> 00:49:35.510 et Microsoft Edge, 00:49:35.510 --> 00:49:40.530 Vous ne pourrez pas exécuter Web GL jeux à partir de l'unité à l'aide de ASM.js. 00:49:40.530 --> 00:49:42.112 Vous allez faire à propos : indicateurs. 00:49:42.112 --> 00:49:46.100 Par conséquent, si vous passez de Microsoft Edge Aujourd'hui, vous tapez sur : indicateurs et 00:49:46.100 --> 00:49:50.150 Vous ne pouvez activer ASM.js à l'intérieur de Microsoft Edge. 00:49:50.150 --> 00:49:53.130 Et je vous montrerai une autre exemple ici sur les retards de traitement. 00:49:53.130 --> 00:49:56.878 Par conséquent, les gens demandent afficher la syntaxe erreurs dans le débogueur, équitable. 00:49:56.878 --> 00:50:00.838 Nous mettons que sur notre file d'attente, et nous indiquer qu'il s'agit de la partie supérieure et 00:50:00.838 --> 00:50:02.336 Nous espérons que pour le démarrer plus rapidement. 00:50:02.336 --> 00:50:05.623 Par conséquent, il s'agit d'une nouvelle façon de communiquer avec vous, nos spécialistes ès, et 00:50:05.623 --> 00:50:06.795 avec la Communauté. 00:50:06.795 --> 00:50:09.355 Faites-nous savoir que vous avez souhaitez quelque chose d'et 00:50:09.355 --> 00:50:13.675 Nous vous permettra de savoir que nous sommes travailler sur certains que nous prenons en compte 00:50:13.675 --> 00:50:17.440 et certains d'entre eux ne sont pas vraiment dans notre liste de priorité. 00:50:18.760 --> 00:50:21.390 Veuillez évaluer la session. 00:50:21.390 --> 00:50:22.470 Et maintenant il est temps pour la question. 00:50:23.670 --> 00:50:24.195 Oui. 00:50:24.195 --> 00:50:32.000 >> [INAUDIBLE] >> Laissez-moi vous montrer [RIRE]. 00:50:33.670 --> 00:50:34.920 Oh, je ne peux pas répondre à cette question. 00:50:36.230 --> 00:50:39.449 Je peux accéder au type moderne. 00:50:39.449 --> 00:50:43.020 C'est le cas status.modern. 00:50:43.020 --> 00:50:44.000 La question à propos >> Oh, nous sommes désolés. 00:50:44.000 --> 00:50:44.756 >> Oui Veuillez, question est. 00:50:44.756 --> 00:50:47.690 >> La question est de savoir le modèle, modèle HTML, c'est ça. 00:50:47.690 --> 00:50:48.832 Nous travaillons sur celui-ci ? 00:50:48.832 --> 00:50:49.690 >> Nous travaillons sur celui-ci ? 00:50:51.400 --> 00:50:52.110 C'est le cas, Oui. 00:50:52.110 --> 00:50:54.170 Jusqu'ici, nous sommes soumis à l'enquête. 00:50:54.170 --> 00:50:56.520 Sa partie d'un article plus gros, effectivement. 00:50:56.520 --> 00:51:01.470 Par conséquent, la meilleure chose à que faire est de nous donner votre avis sur la voix de l'utilisateur 00:51:01.470 --> 00:51:03.560 Faites-le nous savoir pourquoi il est très important pour vous. 00:51:03.560 --> 00:51:04.810 Demandez ensuite aux utilisateurs de voter. 00:51:04.810 --> 00:51:07.130 C'est le meilleur moyen communiquer avec nous. 00:51:07.130 --> 00:51:09.280 Mais, Oui, Nous savons qu'il est très important. 00:51:09.280 --> 00:51:11.035 Et il est pris en considération. 00:51:11.035 --> 00:51:13.650 >> [INAUDIBLE] >> Oui. 00:51:13.650 --> 00:51:16.690 Il s'agit de, certaines autres pièces peut être facilement préremplie 00:51:16.690 --> 00:51:18.790 sur les partenaires sur le web, Je sais avec celui-ci. 00:51:18.790 --> 00:51:22.230 Une autre question. 00:51:22.230 --> 00:51:23.355 Ce ? 00:51:23.355 --> 00:51:23.855 >> Longs comment sommes-nous va mettre à jour Internet Explorer 11 ? 00:51:27.350 --> 00:51:30.679 >> La question est donc, combien de temps Nous allons mettre à jour Internet Explorer 11 ? 00:51:30.679 --> 00:51:35.034 11 Internet Explorer fait partie de Windows 10, donc 00:51:35.034 --> 00:51:39.250 même cycle de vie en tant que Windows 10. 00:51:39.250 --> 00:51:41.230 >> Cycle de vie comme Vista ? 00:51:41.230 --> 00:51:43.438 >> Je n'ont aucune idée de ce, Je suis désolé donc à ce sujet. 00:51:43.438 --> 00:51:49.780 Je peux aller dans notre équipe d'assistance [Étrangère] et découvrez pour vous. 00:51:49.780 --> 00:51:55.093 Mais Internet Explorer 11 aurait pris en charge tant comme Windows 10 doit être pris en charge, 00:51:55.093 --> 00:51:57.194 Il s'agit de la partie de Windows 10. 00:51:57.194 --> 00:51:58.654 Oui ? 00:51:58.654 --> 00:51:59.813 >> Qu'est sur votre tee-shirt ? 00:51:59.813 --> 00:52:00.845 >> Qui est une bonne question. 00:52:00.845 --> 00:52:03.698 [RIRE] Nouveautés sur mon tee-shirt 00:52:03.698 --> 00:52:09.070 [RIRE] Pour conserver cette question, Je veux être sûr. 00:52:09.070 --> 00:52:10.946 Est il toute autre question je ? 00:52:10.946 --> 00:52:11.782 >> Oui. 00:52:11.782 --> 00:52:12.618 >> Oui. 00:52:12.618 --> 00:52:17.060 >> [INAUDIBLE] >> Oui. 00:52:17.060 --> 00:52:20.390 La question est, Microsoft 10 sera uniquement Windows 10 ? 00:52:20.390 --> 00:52:22.035 Et Oui, la réponse est Oui. 00:52:22.035 --> 00:52:25.520 Oui. 00:52:25.520 --> 00:52:34.810 >> [INAUDIBLE] 00:52:34.810 --> 00:52:38.051 >> La plupart du temps, si vous êtes dans 00:52:38.051 --> 00:52:44.855 le sur les indicateurs, Je pense que c'est ici. N° 00:52:44.855 --> 00:52:46.410 >> [INAUDIBLE] 00:52:46.410 --> 00:52:47.120 >> OK. 00:52:47.120 --> 00:52:48.107 >> Oui, il est une bonne question 00:52:48.107 --> 00:52:49.105 vous [DIAPHONIE] >> Mais la question, 00:52:49.105 --> 00:52:51.270 Vous pouvez répéter la question ? >> La question est donc de, 00:52:51.270 --> 00:52:55.250 certaines fonctionnalités sont sous indicateurs maintenant dans le Microsoft Edge. 00:52:55.250 --> 00:52:57.910 Par conséquent, je dois y aller à propos indicateurs pour les activer. 00:52:57.910 --> 00:53:01.724 Si j'utilise Windows 10 Web vue, puis-je utiliser, par exemple, SMGS ? 00:53:01.724 --> 00:53:06.480 >> Non, Vous ne pourrez [INAUDIBLE]. 00:53:06.480 --> 00:53:08.480 >> J'étais presque sûr que mais Je voulais juste vérifier. 00:53:08.480 --> 00:53:11.510 >> La réponse est aucune. Yup. 00:53:11.510 --> 00:53:12.715 Question ici ? 00:53:12.715 --> 00:53:16.460 >> [INAUDIBLE]. 00:53:16.460 --> 00:53:18.655 >> Oui. Nous travaillons sur l'implémentation de Web 00:53:18.655 --> 00:53:20.310 pilote dans Microsoft Edge. 00:53:23.296 --> 00:53:24.491 Oui ? 00:53:24.491 --> 00:53:31.200 >> [INAUDIBLE] >> Extension. 00:53:31.200 --> 00:53:33.050 Extension de JavaScript droite dire ? 00:53:33.050 --> 00:53:37.280 Jusqu'ici, je ne peux pas répondre à cette question dans la mesure où il s'agit de questions 00:53:37.280 --> 00:53:38.540 trop tôt pour nous. 00:53:38.540 --> 00:53:40.730 Nous l'avons déjà fait une démonstration hier. 00:53:40.730 --> 00:53:43.580 Je ne sais pas, il était deux jours au cours de la conférence. 00:53:43.580 --> 00:53:44.170 Il est possible. 00:53:44.170 --> 00:53:47.100 Nous travaillons sur ce mais tous les éléments liés aux performances 00:53:47.100 --> 00:53:49.760 et notamment que, nous sommes trop au début de notre cycle de développement. 00:53:50.870 --> 00:53:52.215 J'espère que non, clairement. 00:53:52.215 --> 00:54:02.590 >> [INAUDIBLE] 00:54:02.590 --> 00:54:03.090 >> Je ne sais pas. 00:54:04.400 --> 00:54:06.100 Je suis je suis désolé, mais je ne sais pas. 00:54:06.100 --> 00:54:07.990 Il est d'une autre partie de l'équipe d'ingénierie. 00:54:07.990 --> 00:54:09.700 Par conséquent, je ne veux Supposons que quelque chose d'incorrect. 00:54:09.700 --> 00:54:12.010 Par conséquent, je ne sais pas. 00:54:12.010 --> 00:54:12.604 Oui ? 00:54:12.604 --> 00:54:13.620 [RIRE]. 00:54:13.620 --> 00:54:15.145 >> [INAUDIBLE]. 00:54:15.145 --> 00:54:17.586 >> Les questions est, 00:54:17.586 --> 00:54:23.150 est le cours particuliers CSS fonctionne avec la transition de CSS ? 00:54:24.210 --> 00:54:26.660 J'ai testé avec la transition, donc, Oui. 00:54:26.660 --> 00:54:30.790 Et pour l'animation, je ne vois pas toute raison pourquoi il ne le devrait pas. 00:54:30.790 --> 00:54:34.120 Je viens mais 99 % c'est bien. 00:54:34.120 --> 00:54:37.679 Et je vois que Jacob dire, Oui, il est de 100 % Oui. 00:54:37.679 --> 00:54:39.424 [RIRE]. Ce ? 00:54:39.424 --> 00:54:43.177 >> Pour l'application prend en charge les règles de CSS, 00:54:43.177 --> 00:54:46.670 qui est une norme [INAUDIBLE] ? 00:54:46.670 --> 00:54:47.810 >> Monsieur absolument, absolument. 00:54:49.230 --> 00:54:51.291 >> Savoir comment largement qui est pris en charge dans les navigateurs ? 00:54:51.291 --> 00:54:53.996 >> Savoir qu'il a prise en charge de Chrome. 00:54:53.996 --> 00:54:55.540 Nous pouvons atteindre. 00:54:55.540 --> 00:54:56.603 Savez-vous ce site ? 00:54:56.603 --> 00:55:01.820 >> [INAUDIBLE] >> N'est pas encore- 00:55:01.820 --> 00:55:02.455 >> Oui, il n'est pas encore. 00:55:02.455 --> 00:55:09.400 >> [INAUDIBLE] >> Donc, Oui, il est pris en charge. 00:55:09.400 --> 00:55:11.360 >> Bord de Firefox, Chrome, merveilleux. 00:55:11.360 --> 00:55:12.356 Nous vivons dans un monde merveilleux. 00:55:12.356 --> 00:55:16.486 >> Aucun Safari, intéressant. 00:55:17.743 --> 00:55:20.800 >> [RIRE] >> [INAUDIBLE] 00:55:20.800 --> 00:55:21.446 >> Oui ? 00:55:21.446 --> 00:55:26.094 >> [INAUDIBLE] >> Socket web ? 00:55:26.094 --> 00:55:27.350 Oui sir. 00:55:27.350 --> 00:55:29.165 Et c'est une bonne transition, Nous vous remercions. 00:55:29.165 --> 00:55:32.860 [RIRE] Étant donné que ce que j'ai sur ma chemise repose sur WebSocket. 00:55:32.860 --> 00:55:37.010 Ce problème un Messieurs, Nous avons seulement quatre minutes. 00:55:37.010 --> 00:55:38.050 Si vous disposez de toute autre question, 00:55:38.050 --> 00:55:40.250 n'hésitez pas à Demandez-nous juste après. 00:55:40.250 --> 00:55:43.288 Je veux simplement vous montrer ce qui est JS. 00:55:43.288 --> 00:55:46.618 Nous avons annoncé que hier, donc Nous allons expliquer en quoi consiste le produit. 00:55:46.618 --> 00:55:49.820 Nous avons décidé juste après JS pour travailler sur une nouvelle infrastructure. 00:55:49.820 --> 00:55:53.080 Nous aimons écrire de nouveau structures pour aider les développeurs. 00:55:53.080 --> 00:55:56.028 Mais apparemment pas tous développeur sont des développeurs de publicité web, 00:55:56.028 --> 00:55:58.190 Par conséquent, nous avons découvert que récemment. 00:55:58.190 --> 00:56:01.586 Et puis, nous avons décidé de travailler sur le framework pourrait vous aider à bien plus encore 00:56:01.586 --> 00:56:03.470 développeur de simplement WebGL. 00:56:03.470 --> 00:56:08.600 Et si nous devions écrire notre propre code, nous avons découvert qu'il était 00:56:08.600 --> 00:56:12.468 complexes de débogage sur toutes les versions mobiles. 00:56:12.468 --> 00:56:15.610 Lorsque vous écrivez du code, vous voulez écrire qu'une seule fois et 00:56:15.610 --> 00:56:18.700 exécuter partout, mais ensuite si vous souhaitez exécuter partout, 00:56:18.700 --> 00:56:21.270 Vous devez déboguer partout. 00:56:21.270 --> 00:56:24.440 Que le problème est il existe beaucoup d'outils différents pour le faire, mais 00:56:24.440 --> 00:56:27.500 pas d'outils permettant d'exécuter réellement partout pour nous aider. 00:56:27.500 --> 00:56:30.150 Nous avons donc décidé d'écrire un débogage 00:56:30.150 --> 00:56:32.460 framework d'outil à vous aider à y parvenir. 00:56:32.460 --> 00:56:38.090 Et seulement en fonction de JavaScript pur CSS et en utilisant un serveur Node.js 00:56:38.090 --> 00:56:43.370 sur le back-end pour activer en temps réel communication à l'aide du protocole WebSocket. 00:56:43.370 --> 00:56:47.910 >>, Donc j'ai un serveur Node.js, Faire simplement npm installation Vorlon. 00:56:47.910 --> 00:56:49.240 C'est tout, rien de plus. 00:56:49.240 --> 00:56:51.500 Qui exécutera et m'indiquer un tableau de bord. 00:56:51.500 --> 00:56:52.310 Le tableau de bord est ici. 00:56:52.310 --> 00:56:54.450 Je peux accéder simplement regarder Il s'agit de mon tableau de bord. 00:56:54.450 --> 00:56:57.279 Si nous vous attendons pour toute connexion à l'aide de Web Sockets, par exemple, 00:56:57.279 --> 00:56:58.254 Si elle est prise en charge, ou 00:56:58.254 --> 00:57:00.771 l'interrogation avec son assurity Si elle n'est pas prise en charge. 00:57:00.771 --> 00:57:03.400 Nous utilisons Socket.IO pour le faire. 00:57:03.400 --> 00:57:05.130 Il fonctionne presque partout. 00:57:05.130 --> 00:57:06.045 Cela fonctionne sur mon réfrigérateur. 00:57:06.045 --> 00:57:10.750 [RIRE] Pour avoir une démonstration ici, spécialement pour 00:57:10.750 --> 00:57:13.990 qui, et Je veux simplement vous montrer cette démonstration. 00:57:13.990 --> 00:57:15.620 Nous allons ouvrir ici. 00:57:15.620 --> 00:57:17.840 Et j'ai celui-ci. 00:57:17.840 --> 00:57:23.470 Afin que nous allons présenter conserver 3D prise en charge à l'intérieur du contour. 00:57:23.470 --> 00:57:26.600 Donc nous avons la cale, nous faisons ce genre de choses étonnantes. 00:57:26.600 --> 00:57:31.690 J'essaie de reproduire ce que nous ont maintenant sur mon lecteur XBMC. 00:57:31.690 --> 00:57:34.050 C'est cool et Si je n'ai pas un preserve pour lui. 00:57:34.050 --> 00:57:38.820 Donc c'est juste une démonstration je souhaitez donner car ce que. 00:57:40.350 --> 00:57:41.092 Oh, je ne peux pas. 00:57:41.092 --> 00:57:43.390 Cette démonstration ne fonctionne pas sur un périphérique spécifique. 00:57:43.390 --> 00:57:46.230 Ce n'est pas facile de savoir Si j'utilise un téléphone, 00:57:46.230 --> 00:57:47.890 Je ne comprends pas pourquoi qui ne fonctionne pas. 00:57:47.890 --> 00:57:52.928 Ce que je peux faire est donc simplement ajouter dans mon 00:57:52.928 --> 00:58:01.520 code ici une référence à http://localhost. 00:58:01.520 --> 00:58:03.550 Donc mon serveur est en cours d'exécution sur cette URL. 00:58:03.550 --> 00:58:05.460 Et je voudrais juste vorlon.js. 00:58:05.460 --> 00:58:06.280 C'est tout. 00:58:06.280 --> 00:58:07.920 Vous n'avez rien de plus. 00:58:07.920 --> 00:58:09.380 Crap. 00:58:09.380 --> 00:58:12.530 Vous n'avez rien de plus. 00:58:12.530 --> 00:58:13.100 Bon vous semble. 00:58:13.100 --> 00:58:14.470 >> Vous devez entrer correctement. 00:58:14.470 --> 00:58:16.240 >> Oui, et Je ne suis pas très bon dans ce, droit ? 00:58:16.240 --> 00:58:20.610 >> Il s'agit d'une partie la plus difficile, nous encore essayer d'y remédier, pour vous aider. 00:58:20.610 --> 00:58:22.658 >> [RIRE] ressemble, Oh non ne 's pas bon, 00:58:22.658 --> 00:58:25.750 Étant donné que j'ai oublié un Oui, Nous vous remercions. 00:58:25.750 --> 00:58:27.200 Il peut être long pour moi. 00:58:28.860 --> 00:58:33.490 Jusqu'ici, Je suis recharger cette page xxyy, OK ? 00:58:36.520 --> 00:58:38.019 >> Et passez à ce site web. 00:58:39.170 --> 00:58:41.200 >> J'ai oublié quelque chose, mais me laisser vérifier ici. 00:58:43.190 --> 00:58:46.430 Et c'est le cas Je travaille sur un outil d'analyse de l'interface utilisateur, 00:58:46.430 --> 00:58:49.370 afin que nous ne vous recommandons de les choses iPhone ici. 00:58:49.370 --> 00:58:52.338 J'essaie simplement analyser l'utilisateur chaîne envoyée par le client pour 00:58:52.338 --> 00:58:54.890 Je veux dire, Bonjour est-il un iPhone ou toute autre. 00:58:54.890 --> 00:58:55.540 Je travaille juste sur ce point. 00:58:55.540 --> 00:58:58.540 Voilà, en cliquant simplement sur mon client, 00:58:58.540 --> 00:58:59.770 Je peux voir que je avoir mes [INAUDIBLE]. 00:58:59.770 --> 00:59:03.840 Ce client peut être sur n'importe quel périphérique qui peut atteindre le serveur. 00:59:03.840 --> 00:59:05.650 Par conséquent, si vous souhaitez l'utiliser publiquement, 00:59:05.650 --> 00:59:08.700 Il vous suffit de placer que sur n'importe quel serveur, sur Azure, ou toute autre. 00:59:08.700 --> 00:59:13.390 Elle fonctionne et Vous pouvez constater que vous êtes ici. 00:59:13.390 --> 00:59:16.700 Vous pouvez bien évidemment cliquer sur tout élément à visualiser, AH Oui OK, 00:59:16.700 --> 00:59:20.330 Voir que l'utilisation de ce contenu. 00:59:20.330 --> 00:59:25.410 En sélectionnant des choses comme, comme me permettent de trouver par exemple d'une interface utilisateur graphique. 00:59:25.410 --> 00:59:29.700 Vous avez ensuite rectangle rouge autour de l'élément sélectionné, afin que 00:59:29.700 --> 00:59:32.520 vous savez où vous et ce que vous utilisez. 00:59:32.520 --> 00:59:34.460 Et vous avez également la console ici. 00:59:34.460 --> 00:59:37.260 La console est très importante, parce que si un élément est 00:59:37.260 --> 00:59:41.100 plante sur le périphérique, il sera envoyer des messages sur la console. 00:59:41.100 --> 00:59:43.190 La console va envoyer toutes les les messages pour vous, 00:59:43.190 --> 00:59:44.150 à votre tableau de bord. 00:59:44.150 --> 00:59:45.900 Vous savez donc ce qui se passe. 00:59:45.900 --> 00:59:49.865 Je voulais vous montrer également ferb plug-in ici. 00:59:49.865 --> 00:59:53.428 Nous utilisons modernizer sur le périphérique pour connaître toutes les fonctionnalités 00:59:53.428 --> 00:59:55.550 capacités de votre périphérique. 00:59:55.550 --> 00:59:58.250 Envoi différé au tableau de bord ainsi Vous pouvez remarquer bien, 00:59:58.250 --> 01:00:01.740 ce périphérique spécifique peut sembler Il prend en charge, par exemple, 01:00:01.740 --> 01:00:04.180 CSS transformation 3D ou Conserver 3D ou toute autre. 01:00:04.180 --> 01:00:06.720 Nous avons tous la liste ici, et 01:00:06.720 --> 01:00:10.300 Je suis très fier afficher Il se trouve sur le bord de DreamWeaver. 01:00:10.300 --> 01:00:10.880 C'est sympa. 01:00:10.880 --> 01:00:13.789 Oh non, nous ne sommes pas de prise en charge Base de données SQL mais qui n'est pas un problème. 01:00:13.789 --> 01:00:17.860 C'est l'ancien. 01:00:17.860 --> 01:00:21.340 Vous pouvez également ici, ajouter l'air chaud ou toute autre. 01:00:21.340 --> 01:00:25.050 Vous pouvez dire que je souhaite exécuter ici quelque chose dans ma console et 01:00:25.050 --> 01:00:26.890 Cela va être exécutée sur le client. 01:00:26.890 --> 01:00:29.230 Par conséquent, vous pouvez contrôler ce genre de choses. 01:00:29.230 --> 01:00:30.190 Vous pouvez le faire. 01:00:30.190 --> 01:00:30.910 C'est gratuit. 01:00:30.910 --> 01:00:33.960 Veuillez l'utiliser sur n'importe quel l'étape de débogage et 01:00:33.960 --> 01:00:37.160 Nous sommes ouverts à toutes les contributions de >> Il s'agit d'ouvrir la source. 01:00:37.160 --> 01:00:40.470 >> Oui. Puis nous allons ajouter des plug-ins audio web 01:00:40.470 --> 01:00:47.700 vous permet d'afficher le nœud et Pour afficher les éléments audio de nœud web. 01:00:47.700 --> 01:00:50.880 Nous pensons que sur la connexion en mode Debug ainsi. 01:00:50.880 --> 01:00:52.920 Ainsi, par exemple, vous écrivez sur le système d'exploitation de Firefox. 01:00:52.920 --> 01:00:56.230 Il existe un port débogueur où nous peut se connecter pour savoir où nous sommes dans 01:00:56.230 --> 01:00:59.680 le code et probablement placer une partie point d'arrêt sans doute à l'avenir. 01:00:59.680 --> 01:01:02.270 Par conséquent, il a une réalité Ouvrez l'infrastructure. 01:01:02.270 --> 01:01:02.850 Il est au 01:01:02.850 --> 01:01:05.730 complet, car la plupart du temps lors de la Nous avons affaire à des périphériques mobiles, 01:01:05.730 --> 01:01:09.890 code d'application, quoi que ce soit C'est vraiment difficile à développer. 01:01:09.890 --> 01:01:12.010 Cela fournir tout premier kit d'Active Directory. 01:01:13.880 --> 01:01:15.520 Merci de dérangement. 01:01:15.520 --> 01:01:16.428 J'apprécie vraiment il. 01:01:16.428 --> 01:01:23.810 >> [APPLAUDISSEMENTS] >> N'oubliez pas d'évaluer. 01:01:23.810 --> 01:01:25.317 >> Merci, Merci. 01:01:25.317 --> 01:01:28.330 [EXTERNE]