WEBVTT 00:00:00.006 --> 00:00:02.306 Здравствуйте. 00:00:02.306 --> 00:00:07.840 [ВНЕШНИХ] Меня зовут David. 00:00:09.080 --> 00:00:10.290 Я David Catuhe. 00:00:10.290 --> 00:00:15.870 Я работаю для Microsoft DX и Мое основное внимание уделяется 00:00:15.870 --> 00:00:20.650 Открытие веб-стандарты и Очевидно, что для края Microsoft. 00:00:20.650 --> 00:00:23.520 Обеспечивает и это все вдоль этого сеанса 00:00:23.520 --> 00:00:27.640 Попытка не сказать Microsoft место и просто говорим: края Microsoft, поэтому 00:00:27.640 --> 00:00:29.750 Пожалуйста несет с собой. 00:00:29.750 --> 00:00:31.070 Здесь я с David. 00:00:31.070 --> 00:00:32.320 >> Hello. Итак я делаю 00:00:32.320 --> 00:00:34.020 более одной вещи, и 00:00:34.020 --> 00:00:37.300 Я работаю старшим программы Диспетчер на одной вещи. 00:00:37.300 --> 00:00:40.970 >>, Да, сегодня мы будет представить вам внутреннее ядро 00:00:40.970 --> 00:00:42.830 края Microsoft. 00:00:42.830 --> 00:00:45.990 И в основном мы постараемся сосредоточить внимание на новые возможности 00:00:45.990 --> 00:00:47.590 добавленный на нем. 00:00:47.590 --> 00:00:51.600 И нужно сделать немного введение прежде, 00:00:51.600 --> 00:00:53.960 необходимо объяснить, почему новый обозреватель? 00:00:55.210 --> 00:00:56.455 Что находится внутри? 00:00:56.455 --> 00:00:59.185 И затем мы прогуляемся сделать определенную кодировку. 00:00:59.185 --> 00:01:00.185 >> И много демонстрации. 00:01:00.185 --> 00:01:03.455 >> Да, поэтому Пожалуйста, Отправка оценки. 00:01:03.455 --> 00:01:05.125 Существуют некоторые выиграть призы. 00:01:05.125 --> 00:01:06.725 Просто используйте код QR здесь. 00:01:06.725 --> 00:01:09.435 Я думаю, вы привыкли. 00:01:10.435 --> 00:01:13.700 Поэтому повестки дня, три части Почему новый механизм? 00:01:13.700 --> 00:01:17.400 Затем, современные веб- Сегодня означает взаимодействие и 00:01:17.400 --> 00:01:20.267 Очевидно, что мы рассмотрим затем по возможностям и кода. 00:01:21.540 --> 00:01:23.230 Только быстрого голосования. 00:01:23.230 --> 00:01:25.090 Кто является веб-разработчик? 00:01:26.530 --> 00:01:27.670 Я люблю вас. 00:01:27.670 --> 00:01:29.830 Мне нравится также очевидно, что один пользователь. 00:01:29.830 --> 00:01:33.310 [ХОХОЧЕМ] Но Это множество людей, и 00:01:33.310 --> 00:01:35.910 Помню в прошлом году Когда мы спрашивали этот вопрос 00:01:35.910 --> 00:01:40.830 Возможно, он был 20% комнаты, и я думаю, что это похоже 50 теперь. 00:01:40.830 --> 00:01:42.380 Это хорошая оценка. 00:01:42.380 --> 00:01:43.690 Таким образом сначала вопрос. 00:01:43.690 --> 00:01:44.880 Поэтому создание нового механизма? 00:01:44.880 --> 00:01:46.780 Поэтому создание нового обозревателя? 00:01:46.780 --> 00:01:50.520 Таким образом, чтобы просто дать вам небольшой словарь, 00:01:50.520 --> 00:01:52.570 Это, как работает веб-обозревателе. 00:01:52.570 --> 00:01:54.790 У нас есть само окно. 00:01:54.790 --> 00:01:55.820 Мы называем хрома. 00:01:55.820 --> 00:01:58.460 Это не так прост в использовании при мы имеем дело с обозревателем, поэтому 00:01:58.460 --> 00:02:00.360 Назовем ее окна. 00:02:00.360 --> 00:02:04.760 И у нас есть внутри этого окна Веб-платформа, то есть библиотеки DLL 00:02:04.760 --> 00:02:09.430 и этот дескриптор кода C++ все, что связано с HTML, 00:02:09.430 --> 00:02:14.900 JavaScript, CSS для визуализации рисунок на странице подтверждения? 00:02:14.900 --> 00:02:18.420 IE имя веб-платформа является Trident. 00:02:18.420 --> 00:02:22.190 У нас есть же материала для Хром, и 00:02:22.190 --> 00:02:25.760 Имя веб-платформы на этот раз будет мерцания. 00:02:25.760 --> 00:02:30.870 У нас есть WebKit для обозревателя Safari, и у нас есть Gecko для Firefox. 00:02:30.870 --> 00:02:32.830 Но мы все работает точно так же, Окно, и 00:02:32.830 --> 00:02:34.690 внутри веб-платформа, о ' кей? 00:02:34.690 --> 00:02:35.450 Механизм визуализации. 00:02:37.400 --> 00:02:38.502 Просто немного истории. 00:02:38.502 --> 00:02:42.860 20 лет назад мы начали 00:02:42.860 --> 00:02:47.820 в 1995 году с самой первой версии Internet Explorer, 20 лет назад. 00:02:47.820 --> 00:02:51.450 Когда мы говорим о компьютерной науки Аналогично динозавров. 00:02:52.740 --> 00:02:54.510 В этот момент мы создали Самая первая версия. 00:02:54.510 --> 00:02:57.330 Но давайте просто переместить в IE6. 00:02:57.330 --> 00:03:01.210 IE6 была самой первой версии где мы представили новые игрушек 00:03:02.370 --> 00:03:05.130 ! DOCTYPE. 00:03:05.130 --> 00:03:10.163 Она была идея нам по адресу в то же время новые функции и 00:03:10.163 --> 00:03:14.102 Совместимость рабочих назад. 00:03:15.470 --> 00:03:18.010 Мы хотели бы добавить много новые возможности в IE 00:03:18.010 --> 00:03:20.330 не нарушая на веб-узле. 00:03:20.330 --> 00:03:23.080 Поэтому мы сказали, хорошо, давайте рассмотрим 00:03:23.080 --> 00:03:28.632 Если поместить веб-разработчиков bank.type в самом начале страницы. 00:03:28.632 --> 00:03:30.440 Мы считаем, что это триггер для 00:03:30.440 --> 00:03:35.880 Мы будем использовать очень новое средство, мы добавили в IE6. 00:03:35.880 --> 00:03:37.428 Но так как мы не Чтобы прервать выполнение в Интернете 00:03:37.428 --> 00:03:42.830 Мы внешний отчет предыдущего версия как IE5 и т.д. 00:03:42.830 --> 00:03:46.470 Мы называем режимом doc режим документа. 00:03:46.470 --> 00:03:51.670 Режим документа представляет собой компактный флаг внутри наш код, который включает и 00:03:51.670 --> 00:03:54.400 Отключение любой конкретный компонент у нас. 00:03:54.400 --> 00:03:58.584 Мы просто представьте, внутри iCode, существуют десятки, если. 00:03:58.584 --> 00:04:01.306 Если обозреватель IE6, а затем я сделать это. 00:04:01.306 --> 00:04:04.050 Если IE5, то я не может сделать этого. 00:04:04.050 --> 00:04:05.330 О ' кей? 00:04:05.330 --> 00:04:07.969 И IE6, мы бы в это время 00:04:07.969 --> 00:04:11.330 в один и тот же механизм режим двух документов. 00:04:11.330 --> 00:04:15.680 Таким образом он может быть комбинацией Если два фактически. 00:04:15.680 --> 00:04:18.170 Если это для любой версии Затем можно сделать. 00:04:18.170 --> 00:04:21.570 Если нет версии, Затем мы не может сделать этого. 00:04:23.040 --> 00:04:24.930 Перемещение вперед, перейдем к IE8. 00:04:27.160 --> 00:04:30.690 Мы представили с IE8 третий документ режиме. 00:04:30.690 --> 00:04:33.130 Так же материал здесь фактически. 00:04:33.130 --> 00:04:34.960 Далее мы воспользовались этой концепции. 00:04:34.960 --> 00:04:38.260 Три документа режиме, так что режим, если в коде. 00:04:39.490 --> 00:04:43.757 Всегда Имейте в виду, Мы хотели предоставить новые 00:04:43.757 --> 00:04:47.712 возможности, не нарушая работу в Интернете о ' кей? 00:04:47.712 --> 00:04:49.151 А затем. 00:04:49.151 --> 00:04:52.481 Перейдем к IE11. 00:04:52.481 --> 00:04:54.457 Что вы думаете? 00:04:54.457 --> 00:04:58.315 В это время Мы знали, что были проблемы. 00:04:58.315 --> 00:05:03.200 >> [ХОХОЧЕМ] >> Это невозможно. 00:05:03.200 --> 00:05:08.230 Разработчик, который создан IEngine были действительно хватит смелости ребята. 00:05:08.230 --> 00:05:12.880 Давайте представим, что у нас есть множество Если IE11 и не 10 но 00:05:12.880 --> 00:05:17.080 8 и любой, он был только что очень сложно сделать. 00:05:17.080 --> 00:05:21.679 Но мы сделать это, поскольку я работал для Chris в это время была совместимость, 00:05:21.679 --> 00:05:25.320 обратная совместимость. 00:05:25.320 --> 00:05:29.750 В то же время, хрома, 00:05:29.750 --> 00:05:33.740 Firefox, Opera, Safari — это мы называем вечнозеленое. 00:05:33.740 --> 00:05:37.540 Это означает, что они имеют одной конкретной версии. 00:05:37.540 --> 00:05:41.890 Если не оказывают 31 хрома или Если хром 32, независимо от. 00:05:41.890 --> 00:05:45.240 Они просто имеют все функция всегда доступна. 00:05:45.240 --> 00:05:49.070 И их обновление довольно часто. 00:05:50.640 --> 00:05:52.940 Не был объектом разрешенной охоты за нас. 00:05:54.660 --> 00:05:56.890 Поэтому мы решили Представляем новый обозреватель. 00:05:56.890 --> 00:05:58.850 Идея он весьма простой на самом деле, 00:05:58.850 --> 00:06:01.530 Давайте держать IE11 из обратная совместимость. 00:06:01.530 --> 00:06:03.680 Touch IE11 больше не будет. 00:06:03.680 --> 00:06:07.296 Было бы в разделе [INAUDIBLE] Если мы получили для предприятий, 00:06:07.296 --> 00:06:11.650 или для определенного компонента не поддерживаются в современных веб-приложениях. 00:06:11.650 --> 00:06:13.970 Мы называем, устаревшие возможности. 00:06:13.970 --> 00:06:17.100 Мы не хотим разорвать в Интернете но мы хотим перейти и 00:06:17.100 --> 00:06:20.270 для улучшения качества работы для Наши веб-разработчики. 00:06:20.270 --> 00:06:25.380 Итак давайте вводить края Microsoft на базе 00:06:25.380 --> 00:06:29.900 Библиотека DLL, как разветвления Trident, и Вернемся назад, после, и 00:06:29.900 --> 00:06:33.340 который будет охватывать всех Наши устройства Windows 10. 00:06:33.340 --> 00:06:37.340 И будет иметь, здесь можно увидеть Это пятно на, но 00:06:37.340 --> 00:06:40.680 Края на телефоне Windows на ваш планшетный ПК. 00:06:40.680 --> 00:06:45.969 И это то, что мне действительно нравится Чтобы быть честными с вами. 00:06:45.969 --> 00:06:50.470 [ХОХОЧЕМ] Разговор о новый обозреватель 00:06:51.520 --> 00:06:54.240 Очевидно, что мы должны говорить о совместимость с 00:06:54.240 --> 00:06:57.160 Интернета, и с другие поставщики обозревателей. 00:06:57.160 --> 00:07:01.470 И David, могли бы вы дать нам Дополнительные сведения об этом? 00:07:01.470 --> 00:07:05.110 >> Да, так что сегодня при использовании веб-адреса в Интернете 00:07:05.110 --> 00:07:09.260 есть различные устройства можно ориентироваться, так что это огромная, так 00:07:09.260 --> 00:07:14.060 на планшетные ПК, ПК, телефоны, телевизоры, даже. 00:07:14.060 --> 00:07:15.710 >> Кухню. >> Много из них. Кухню. 00:07:15.710 --> 00:07:16.720 Да, в случае кухню 00:07:16.720 --> 00:07:17.260 Совершенно верно. 00:07:17.260 --> 00:07:18.970 >> У нас есть подключенные кухню. 00:07:18.970 --> 00:07:23.200 >> Идея не написать один раз и Чтобы выполнить везде, это мечта. 00:07:23.200 --> 00:07:26.460 После этого можно видеть, что существует — это спецификация. 00:07:27.990 --> 00:07:32.115 Создание спецификации как обозреватель поставщиков является довольно сложным. 00:07:32.115 --> 00:07:33.124 Он занимает время. 00:07:33.124 --> 00:07:34.186 Например, 00:07:34.186 --> 00:07:39.600 Спецификация файла HTML более 600 страниц для чтения и просмотра. 00:07:39.600 --> 00:07:43.590 Таким образом мы делаем мы пишем вместе обозревателей. 00:07:43.590 --> 00:07:46.900 Но в некоторых случаях веб-разработчиков не читаете спецификаций. 00:07:46.900 --> 00:07:48.760 >> Иногда что я не понимаю. 00:07:48.760 --> 00:07:49.260 >> Да. 00:07:50.980 --> 00:07:52.730 И, но он работает хорошо в большинстве случаев. 00:07:52.730 --> 00:07:57.660 Например, на рабочем столе питания Если вы взгляните на этой стороне. 00:07:57.660 --> 00:08:01.700 Теперь, если вы используете современную версию браузера Firefox из обозревателя Internet Explorer 00:08:01.700 --> 00:08:04.000 Край 11 или в корпорацию Майкрософт. 00:08:04.000 --> 00:08:06.680 Также в большинстве случаев вы не будет иметь много проблем 00:08:06.680 --> 00:08:09.250 Создание Web-сайта все колоды обозревателя. 00:08:09.250 --> 00:08:13.410 Так далее настольной системы, Получить мечты есть. 00:08:13.410 --> 00:08:14.420 Почти существует почти. 00:08:15.730 --> 00:08:19.130 Давайте перейти к мобильной версии. 00:08:20.850 --> 00:08:24.505 В пространстве мобильных устройств можно увидеть что же размера выполняется 00:08:24.505 --> 00:08:28.810 Firefox ОС на мобильный Safari на iPhone для 00:08:28.810 --> 00:08:32.670 экземпляр и обозревателя Internet Explorer Элемент и окна телефона. 00:08:32.670 --> 00:08:36.400 И вы увидите, что есть некоторые значения проблемы отрисовки и 00:08:36.400 --> 00:08:39.160 Давайте попробуем разобраться Почему у нас этой проблемы. 00:08:39.160 --> 00:08:40.550 >> Абсолютно David. 00:08:40.550 --> 00:08:43.770 У нас есть эта проблема Здесь мы стараемся для записи, 00:08:43.770 --> 00:08:48.010 Это не научные не что-то пропорционально или любое другое. 00:08:48.010 --> 00:08:53.100 Это просто способ для меня объяснить Вам как веб-узла работает. 00:08:53.100 --> 00:08:55.540 У нас есть окна обозревателя и 00:08:55.540 --> 00:08:59.730 они имеют свои собственные реализации Некоторые конкретные материала. 00:08:59.730 --> 00:09:02.187 Но в большинстве случаев мы стараемся работать на то, что мы называем ядро 00:09:02.187 --> 00:09:06.180 Пересечение между исполняемой где Интернет просто работает везде, хорошо? 00:09:07.380 --> 00:09:10.710 Когда мы задумываемся о мобильных веб-страниц Это немного отличается, потому что 00:09:10.710 --> 00:09:16.270 в большинстве случаев веб-разработчиков Создание мобильных веб-сайта для веб-пакета. 00:09:16.270 --> 00:09:20.510 И он был немного сложной, даже для Firefox. 00:09:20.510 --> 00:09:23.140 И IE, необходимо открыть таким образом. 00:09:23.140 --> 00:09:25.600 Таким образом здесь приходит край. 00:09:25.600 --> 00:09:29.790 И для края очень первое мы сделали был избавиться от 00:09:29.790 --> 00:09:32.540 все определенные ice turf была. 00:09:32.540 --> 00:09:34.968 Таким образом мы удалим это синий в нижней части. 00:09:34.968 --> 00:09:39.270 Подумайте о вложения. 00:09:39.270 --> 00:09:44.040 Вместо использования прослушивателя появления мы добавляем в вложений времени 00:09:44.040 --> 00:09:45.280 — просто прекрасно. 00:09:45.280 --> 00:09:49.040 И даже сегодня видим, даже на [INAUDIBLE] и тому подобное 00:09:49.040 --> 00:09:52.670 Если отображаются вложения, и использовать вместо этого вложения. 00:09:52.670 --> 00:09:54.878 Если он отсутствует используйте. 00:09:54.878 --> 00:09:56.503 Мы удалили. 00:09:56.503 --> 00:09:58.671 Нам просто нужно вещи Это поможет везде. 00:09:58.671 --> 00:10:01.336 И затем мы добавили массу. 00:10:01.336 --> 00:10:06.474 Совместимые исправления и компоненты Чтобы гарантировать, что наше соединение 00:10:06.474 --> 00:10:11.470 с Interoperable пересечение больше, хорошо? 00:10:11.470 --> 00:10:17.380 David так, если мы можем просто представить о здесь веб-стандарты. 00:10:17.380 --> 00:10:20.810 Очевидно, что работает в корпорации Майкрософт к веб-стандартов. 00:10:20.810 --> 00:10:23.480 Это способ просмотра. 00:10:23.480 --> 00:10:25.434 Но, как уже упоминалось, Мы должны быть практичны. 00:10:25.434 --> 00:10:33.550 А так все работает, так что должна работать, 00:10:33.550 --> 00:10:37.530 на самом деле является то, что разработчик веб должен проводить спецификации. 00:10:38.550 --> 00:10:41.990 Поэтому мы решили быть смысл, как я уже упоминал ранее. 00:10:41.990 --> 00:10:45.790 Мы будем работать с веб-стандартами, но Иногда нам нужно обновить или 00:10:45.790 --> 00:10:47.290 Выровнять по спецификации. 00:10:47.290 --> 00:10:50.610 Иногда требуется Существует исправление библиотек. 00:10:50.610 --> 00:10:54.480 Иногда необходимо предоставить отзывы в других обозревателях веб- и 00:10:54.480 --> 00:10:59.180 Очевидно, что в любое время мы хотим работать, исправление нашей обозревателей. 00:10:59.180 --> 00:11:03.080 Как мы хотим в Интернете трудозатраты — он должен работать. 00:11:03.080 --> 00:11:05.490 Откройте веб-страницу с краем. 00:11:05.490 --> 00:11:07.070 Она должна работать, хорошо? 00:11:08.490 --> 00:11:09.910 И очевидно, что как упоминалось ранее, 00:11:09.910 --> 00:11:13.760 Мы можем предоставить ошибок для библиотеки или все окно браузера. 00:11:13.760 --> 00:11:16.900 Поэтому не только нам фактически. 00:11:16.900 --> 00:11:20.290 Это также о том, как Мы, видны пользователям. 00:11:20.290 --> 00:11:24.090 Так что давайте рассмотрим некоторые примеры для предоставления Вам о том, как нам удалось устранить 00:11:24.090 --> 00:11:26.950 Некоторые вещи довольно легко. 00:11:26.950 --> 00:11:29.340 Давайте перезагрузить страницу слева 00:11:29.340 --> 00:11:33.210 Прежде чем мы представляем некоторые исправления для нашего веб-сервера. 00:11:33.210 --> 00:11:37.710 Таким образом он был запущен Windows phone и IE. 00:11:38.980 --> 00:11:43.150 И не работал хорошо Поскольку на части веб-сайта 00:11:43.150 --> 00:11:47.620 люди имеют думает о Вы преодоление с iPhone или 00:11:47.620 --> 00:11:50.430 Android и делал что-то на веб-сервере. 00:11:50.430 --> 00:11:52.000 Если это Android или 00:11:52.000 --> 00:11:55.860 WebKit, затем укажите версия мобильных веб-сайта. 00:11:55.860 --> 00:11:58.820 В противном случае укажите рабочий стол версия веб-сайта. 00:11:58.820 --> 00:12:02.800 Проблема для нас в том, что IE был Мобильная версия IE на 00:12:02.800 --> 00:12:07.810 Затем добавить Windows phone и мы мобильные, другая версия для мобильных устройств. 00:12:07.810 --> 00:12:12.740 Таким образом, чтобы изменить его, мы представляем только определенный 00:12:12.740 --> 00:12:17.740 так, мы нашли каркас ключ в UID, на самом деле. 00:12:17.740 --> 00:12:21.680 Таким способом является просто сказать что мы не на IE 00:12:21.680 --> 00:12:25.190 Мы действуем как E сервер или Android. 00:12:25.190 --> 00:12:28.510 И аналогично серверного кода web Думаю, что мы являемся iPhone и 00:12:28.510 --> 00:12:32.270 Android устройства и службы содержимое для мобильных устройств. 00:12:32.270 --> 00:12:36.560 И он будет работать напрямую так как не удалось 00:12:36.560 --> 00:12:39.020 в части выполнения звонка механизма JavaScript. 00:12:39.020 --> 00:12:42.240 Она была лишь несколько сомнительной обнаружение на стороне сервера 00:12:42.240 --> 00:12:44.709 который прерывание выполнения Звонок на мобильный версии. 00:12:46.510 --> 00:12:50.060 Поэтому мы решили Изменение нашего агента пользователя. 00:12:50.060 --> 00:12:53.990 Я полагаю, всем известно Строки агента пользователя. 00:12:53.990 --> 00:12:57.450 И давайте перейти обратно в истории еще раз для первого из них, 00:12:57.450 --> 00:12:59.800 которая представлена что является Netscape. 00:12:59.800 --> 00:13:03.240 И мы используем версия Mozilla 5. 00:13:03.240 --> 00:13:06.420 И все было Смешивание все шаги. 00:13:06.420 --> 00:13:10.720 Поэтому мы все Играем в той же самой игре При вводе игры хром и 00:13:10.720 --> 00:13:15.190 решили представить как Действия, которые можно добавить в Gecko 00:13:15.190 --> 00:13:16.678 Firefox версии кода. 00:13:16.678 --> 00:13:20.200 Веб-сервер был, перехват и можно заметить, что, сегодня 00:13:20.200 --> 00:13:22.905 все выполняется копирование Вставка в другой версии. 00:13:22.905 --> 00:13:25.640 Поэтому идея на самом деле не для того, чтобы решить эту проблему, 00:13:25.640 --> 00:13:31.490 для использования некоторых функций обнаружения в отличие от перехвата UA. 00:13:31.490 --> 00:13:33.010 Некоторые другие интересные вещи. 00:13:33.010 --> 00:13:36.300 Так что мы собираемся перейти к веб-сайту который не работал на 00:13:36.300 --> 00:13:38.440 IE11 один Windows 8.1. 00:13:38.440 --> 00:13:41.070 Основная проблема была из-за того, что, 00:13:41.070 --> 00:13:43.620 код использует некоторые префиксы. 00:13:43.620 --> 00:13:48.750 Таким образом, чтобы использовались префиксы позволяет тестировать некоторые новые возможности. 00:13:48.750 --> 00:13:49.390 Например, 00:13:49.390 --> 00:13:53.630 Здесь с помощью веб-сайта Ознакомительный выпуск версия - webkit. 00:13:53.630 --> 00:13:56.520 Проблема в том, что webkit- не используется с IE. 00:13:56.520 --> 00:13:59.440 Очевидно, что вы видите, мы использовали Трезубца, как мы о том. 00:13:59.440 --> 00:14:01.690 Поэтому для управления для решения этой проблемы 00:14:01.690 --> 00:14:07.300 Мы решили добавить некоторые -webkit конкретный компонент, CSS, 00:14:07.300 --> 00:14:12.190 используется для загрузки версии IE и в настоящее время Microsoft края. 00:14:12.190 --> 00:14:13.110 Только благодаря 00:14:13.110 --> 00:14:16.890 Затем мы исправления массу проблема в Интернете, так как код 00:14:16.890 --> 00:14:19.950 не будет обновить его до последней версия спецификации. 00:14:19.950 --> 00:14:23.260 И мы использовали последний версия спецификации. 00:14:23.260 --> 00:14:25.160 >> Да, Это интересный момент. 00:14:25.160 --> 00:14:28.450 Он работал визуализация web механизм работал, но 00:14:28.450 --> 00:14:31.900 Мы были не получает право тире что-нибудь. 00:14:31.900 --> 00:14:34.430 Мы были получать тире MS или ничего, 00:14:34.430 --> 00:14:36.010 Это действительно проблема здесь. 00:14:36.010 --> 00:14:39.585 >> Таким образом идея когда мы хорошо все осмысление [INAUDIBLE] 00:14:39.585 --> 00:14:43.470 позволяя воспроизведение с некоторыми новые возможности: префиксы. 00:14:43.470 --> 00:14:47.000 Звучит, как смысл в это время. 00:14:47.000 --> 00:14:51.990 Но теперь с новой версией с помощью было бы экспериментальных функций 00:14:51.990 --> 00:14:55.690 Чтобы использовать вместо вещей о: флаги то есть можно в хром и 00:14:55.690 --> 00:14:57.130 Теперь в Microsoft край. 00:14:57.130 --> 00:14:59.370 Поэтому просто введя в адресной строке 00:14:59.370 --> 00:15:02.350 можно включить некоторые Экспериментальный функции. 00:15:02.350 --> 00:15:06.080 Таким образом, если у пользователя нет, в веб-обозревателе он не будет поврежден. 00:15:06.080 --> 00:15:09.660 И если затем становится функцию хранящиеся в следующую программу 00:15:09.660 --> 00:15:11.830 Вы можете его перемещения из другой флаг. 00:15:11.830 --> 00:15:13.120 >> И Вам не придется изменять код? 00:15:13.120 --> 00:15:14.110 >> Не придется Измените код. 00:15:14.110 --> 00:15:15.290 Будет включено по умолчанию. 00:15:18.360 --> 00:15:22.300 Так как может, также Обратите внимание на некоторые моменты. 00:15:22.300 --> 00:15:26.710 Поэтому не используйте перехвата, функция обнаружения, 00:15:26.710 --> 00:15:28.030 очень важно. 00:15:28.030 --> 00:15:31.020 Так как по умолчанию в новом окне обозревателя и 00:15:31.020 --> 00:15:33.130 Неизвестный браузере удобно по умолчанию. 00:15:33.130 --> 00:15:34.640 Итак, давайте предположим, сегодня. 00:15:34.640 --> 00:15:35.480 Я не знаю. 00:15:35.480 --> 00:15:40.660 Большинство из вас писать новую программу с Новый пользователь имя и новый адрес. 00:15:40.660 --> 00:15:43.552 Но это будет хорошим так как они будут современных. 00:15:43.552 --> 00:15:45.083 Поэтому не нужно анализировать ее. 00:15:45.083 --> 00:15:46.230 И введите некоторые сумки. 00:15:46.230 --> 00:15:47.720 Поэтому мы все контейнеры заполнение сегодня. 00:15:47.720 --> 00:15:52.100 Таким образом, что у вас есть множество ошибок отсека можно заполнить, это на mosy@google. 00:15:52.100 --> 00:15:55.350 И теперь также можно отправить нам Некоторые ошибки, сообщите нам 00:15:55.350 --> 00:15:57.860 Это проблема, которую мы, возможно в наш механизм визуализации. 00:15:57.860 --> 00:16:01.025 Просто путем отправки нескольких простых код, например на JSFiddle или 00:16:01.025 --> 00:16:04.070 их и мы будет просматривать и попытаться устранить наши ядро. 00:16:05.800 --> 00:16:08.680 >> Да поэтому достаточно о материала и Почему мы сделали, и 00:16:08.680 --> 00:16:10.800 Дополнительные сведения о новых возможностях что мы добавили. 00:16:10.800 --> 00:16:17.560 Поэтому немного точки перед одной механизм, мы знаем, средства ускорения темпа. 00:16:18.710 --> 00:16:21.080 Это очевидно, мы не придется потратить много времени. 00:16:21.080 --> 00:16:25.061 Если просто обработки всех кучу, если что у нас в то время по-прежнему 00:16:25.061 --> 00:16:27.440 Работа с новой, мы добавляем функции. 00:16:27.440 --> 00:16:28.320 Так что это просто 00:16:28.320 --> 00:16:31.690 нам и здесь — это новая функция Вот мы на работе. 00:16:31.690 --> 00:16:36.124 Это просто извлечь из status.modern.ie 00:16:36.124 --> 00:16:38.480 веб-узел является Наш план. 00:16:38.480 --> 00:16:40.260 Что мы работаете? 00:16:40.260 --> 00:16:41.930 Что уже сделано. 00:16:41.930 --> 00:16:45.026 Все, что здесь является открытым. 00:16:45.026 --> 00:16:49.164 Необходимо перейти к Status.Modern.IE найти массу 00:16:49.164 --> 00:16:50.579 шаги, которые мы сделали. 00:16:50.579 --> 00:16:55.451 Мы просто сделали миллионы новинки Чтобы убедиться, что мы знаем путь 00:16:55.451 --> 00:16:59.210 в совместимых раздел работает исправно. 00:16:59.210 --> 00:17:03.876 Мы бы новые возможности, мы сделали исправления для возможности взаимодействия. 00:17:03.876 --> 00:17:07.339 Дополнительные сведения об этом перейти к Status.Modern.IE, можно найти все 00:17:07.339 --> 00:17:09.146 сведения, которые могут потребоваться. 00:17:09.146 --> 00:17:12.251 А также вы найдете вещи Мы работаем над и 00:17:12.251 --> 00:17:14.670 все, что мы рассматриваем это далеко. 00:17:14.670 --> 00:17:17.359 Поэтому просто ожидание хорошая причина для их реализации. 00:17:18.990 --> 00:17:23.510 Итак давайте взглянем на то, что возможна сегодня с краем. 00:17:23.510 --> 00:17:24.410 О ' кей? 00:17:24.410 --> 00:17:25.850 Таким образом будет переключаться на шести. 00:17:29.880 --> 00:17:34.520 Я очень первого демонстрационного нужно отобразить это одно. 00:17:34.520 --> 00:17:38.230 Эта демонстрация была разработана с наше Michel Rousseau дружественного 00:17:38.230 --> 00:17:40.570 кто является конструктором, 3D конструктор. 00:17:40.570 --> 00:17:45.550 И мы сделали нам 3D-объекта в 3Ds Max. 00:17:47.440 --> 00:17:51.865 Подключаемый модуль только Microsoft края нет, Это webGL функции 00:17:51.865 --> 00:17:53.870 OGO веб и игра Pad. 00:17:53.870 --> 00:17:58.820 Позвольте мне просто включить панель игры Здесь найти игру Pad где-то. 00:17:58.820 --> 00:18:00.100 >> Правая панель игры. 00:18:00.100 --> 00:18:02.595 >> Да потому, что >> Думаю, что это правильный. 00:18:02.595 --> 00:18:04.010 >> Да. 00:18:04.010 --> 00:18:07.810 >> И мы просто включите, выключить индикаторы, возможно 00:18:08.980 --> 00:18:12.730 Возможно нет, к сожалению, попробуйте перейти по ссылке. 00:18:12.730 --> 00:18:17.060 Таким образом эта версия работать на моей мало x 1 его карт Intel HD, 00:18:17.060 --> 00:18:20.850 одним из менее чем еще Мы можно найти там. 00:18:20.850 --> 00:18:24.490 И мы видим, что мы работаем в 60 кадров в секунду. 00:18:24.490 --> 00:18:26.287 И со звуком веб 00:18:26.287 --> 00:18:31.798 под управлением дать вам этот замечательный атмосфера, мы можем сказать. 00:18:31.798 --> 00:18:35.535 И опять же, звук в настоящее время следующих камеры 00:18:35.535 --> 00:18:39.080 [INAUDIBLE] в разделе камеры что вы просматриваете. 00:18:39.080 --> 00:18:41.180 Посетить веб-аудио все вычисления 00:18:41.180 --> 00:18:45.140 Поэтому имеется возможность Чтобы некоторые вещи. 00:18:45.140 --> 00:18:48.110 Это очень просто сделать это, мы будет видно, что друг с другом. 00:18:48.110 --> 00:18:49.780 Например переход 00:18:49.780 --> 00:18:53.010 может быть оформлена скелет воспроизведение некоторых пианино. 00:18:53.010 --> 00:18:55.830 И если мы перейти с каркас, автоматически, 00:18:55.830 --> 00:18:58.620 Имеется определенное расстояние компьютер с Web аудио, и 00:18:58.620 --> 00:19:00.840 больше не будет слышен звук. 00:19:00.840 --> 00:19:03.580 А затем можно переместить для cemetery. 00:19:03.580 --> 00:19:06.320 У нас есть некоторые интересные вещи там. 00:19:06.320 --> 00:19:09.480 >> На данный момент было установлено, что Скрепыша такими бездействует. 00:19:11.350 --> 00:19:13.756 Мы нашли его призрак. 00:19:13.756 --> 00:19:15.461 >> Я не знаю, если Вы помните Скрепыша такими. 00:19:15.461 --> 00:19:18.005 Кто знал, что Скрепыша такими в комнате? 00:19:18.005 --> 00:19:21.712 >> Он есть. 00:19:21.712 --> 00:19:23.045 Поэтому остальные мира, Скрепыша такими. 00:19:23.045 --> 00:19:25.672 >> Может быть- >> Кошка Schroedinger. 00:19:25.672 --> 00:19:30.212 >> Мы не знаем, если он умер или Нет так что мы теперь знаем, не существует. 00:19:30.212 --> 00:19:34.961 >> И Наконец мы обнаружили, что IE6 бездействует. 00:19:34.961 --> 00:19:39.171 >> [АПЛОДИСМЕНТЫ] 00:19:39.171 --> 00:19:43.836 >> И теперь долго в режиме реального времени скудной. 00:19:43.836 --> 00:19:50.461 >> [АПЛОДИСМЕНТЫ]. 00:19:50.461 --> 00:19:53.635 >>, Так что здесь главной задачей является Показать вам, без любой подключаемый модуль 00:19:53.635 --> 00:19:57.444 как веб-, мы можем действительно awesome ресурсы, такие как в приложении машинного кода 00:19:57.444 --> 00:19:58.090 фактически. 00:19:58.090 --> 00:19:59.730 >> Просто Представьте себе, что в полноэкранном режиме. 00:19:59.730 --> 00:20:03.010 Никто не будет, вероятно, знает или не является то, что ПК HTML5 под управлением и 00:20:03.010 --> 00:20:03.990 Код JavaScript. 00:20:03.990 --> 00:20:05.461 Так что это здорово. 00:20:05.461 --> 00:20:08.907 >> Да, а также пример мы показано вчера во время 00:20:08.907 --> 00:20:12.610 Доклад является Arcade полета Здесь же История. 00:20:12.610 --> 00:20:14.010 Можно добиться, хорошо, так 00:20:14.010 --> 00:20:18.575 Я только что, этой конкретной игры так что, Извините. 00:20:18.575 --> 00:20:20.170 Здесь же самое. 00:20:20.170 --> 00:20:20.900 >> Вы готовы Вылет? 00:20:20.900 --> 00:20:24.661 Используйте правую и клавиши со стрелкой влево для включения 00:20:24.661 --> 00:20:25.380 >> Конечно. 00:20:25.380 --> 00:20:25.973 Я сделал это. 00:20:25.973 --> 00:20:28.132 >> И вверх и вниз стрелку ключи [перекрестных ПОМЕХ] [INAUDIBLE] 00:20:28.132 --> 00:20:33.339 >> Web здесь не решения 00:20:35.258 --> 00:20:39.750 с игроками. 00:20:39.750 --> 00:20:44.010 Так что если вы назад слоев играют в игры, поэтому. 00:20:44.010 --> 00:20:44.990 >> Но Спасибо. 00:20:44.990 --> 00:20:47.730 Здесь у нас есть durm для Отображение всех элементов пользовательского интерфейса. 00:20:47.730 --> 00:20:50.867 Внутри durm у нас Кент Blaster, у нас есть WebGm материалы. 00:20:50.867 --> 00:20:53.260 Webaab используется для воспроизведения звука. 00:20:53.260 --> 00:20:55.389 У нас есть игры мы пакеты купили непосредственно без каких-либо 00:20:56.540 --> 00:20:59.210 определенные один раз подключаемого модуля еще раз, просто замечательно. 00:20:59.210 --> 00:21:02.000 >> И, наконец, давайте Переместите в какой-либо другой. 00:21:02.000 --> 00:21:04.730 Поэтому все, что было построен на основе наших 00:21:04.730 --> 00:21:06.935 Избранные механизм, который является Babylon GS. 00:21:06.935 --> 00:21:10.490 [ХОХОЧЕМ] Источник открыт Поэтому веб-gl framework 00:21:10.490 --> 00:21:13.700 Это самое с демонстрации во время первого доклад. 00:21:13.700 --> 00:21:17.690 Таким образом выполняется Pompeii Город, который был 00:21:17.690 --> 00:21:19.090 перестроен с использованием некоторых drones. 00:21:19.090 --> 00:21:23.150 Поэтому мы используем некоторые изображения города и снова выполните построение завершено 3D-сетки 00:21:23.150 --> 00:21:25.940 Действительно, использование с Некоторые много текстур. 00:21:25.940 --> 00:21:29.870 Мы используем подтверждения вашей 3D Эксперт что мы наименования нагрузки. 00:21:29.870 --> 00:21:33.560 Так что это способ загрузки устройства версия на основе сетки 00:21:33.560 --> 00:21:34.640 расстояние, на котором вы являетесь. 00:21:34.640 --> 00:21:37.860 >> Мы не более trillions пикселы здесь, так как были drones 00:21:37.860 --> 00:21:40.390 Способность захватывать >> Одну ячейку T 00:21:40.390 --> 00:21:41.850 каждые два сантиметра. 00:21:41.850 --> 00:21:43.040 Поэтому трех сантиметров. 00:21:43.040 --> 00:21:44.640 Я надеюсь, что его получить. 00:21:44.640 --> 00:21:45.980 В нет перевода. 00:21:47.150 --> 00:21:48.740 >> И можно увидеть, что мы можно перемещать, в городе и 00:21:48.740 --> 00:21:50.840 все, что было вычисления в режиме реального времени. 00:21:50.840 --> 00:21:52.710 Город на самом деле, это действительно огромный таким образом. 00:21:53.810 --> 00:21:55.880 Все, что можно запустить Идет выполнение. 00:21:55.880 --> 00:22:00.530 Теперь с помощью игровой, и веб-GL может летать через Город и 00:22:00.530 --> 00:22:02.370 рядом с некоторыми из этих можно перемещать. 00:22:02.370 --> 00:22:05.950 И сейчас загрузить некоторые выше Определение мер и текстуры. 00:22:05.950 --> 00:22:10.603 И это здорово, чтобы представить Этот параметр доступен сразу Если вы 00:22:10.603 --> 00:22:14.956 Перейти к определенной веб-сервера, можно Получение такого рода работу при запуске 00:22:14.956 --> 00:22:16.290 в веб-обозревателе. 00:22:16.290 --> 00:22:18.310 С подключаемые модули, не совсем. 00:22:18.310 --> 00:22:20.980 Поэтому [INAUDIBLE] действительно удалось иметь возможность продемонстрировать вам. 00:22:20.980 --> 00:22:23.870 А теперь нужно показать вам, как к- >> Как это сделать. 00:22:23.870 --> 00:22:24.440 >> Как это сделать. 00:22:26.010 --> 00:22:30.530 Так что давайте переключитесь на компьютер, который имеет пять и 00:22:30.530 --> 00:22:33.840 Начнем разговор о веб-аудио. 00:22:35.760 --> 00:22:40.950 Таким образом проверка веб — это способ присоединения 00:22:40.950 --> 00:22:45.550 Некоторые звуковые и помещать какие-то звуки в свободное место на [INAUDIBLE]. 00:22:45.550 --> 00:22:48.400 Она основана на графе маршрутизации, поэтому 00:22:48.400 --> 00:22:52.650 у вас есть некоторые конкретные аудио узла который будет соединять. 00:22:52.650 --> 00:22:54.830 И таким образом может быть узел некоторое влияние на том, 00:22:54.830 --> 00:22:57.940 может оказать влияние на бесплатные [INAUDIBLE] специализации. 00:22:57.940 --> 00:22:59.450 Может оказать влияние на фильтры. 00:22:59.450 --> 00:23:01.810 Имеются некоторые низкой фильтры Некоторые фильтры высокой. 00:23:01.810 --> 00:23:04.850 Может замедлить музыки можно ускорить воспроизведение музыки. 00:23:04.850 --> 00:23:07.060 Можно выполнять любые действия. 00:23:07.060 --> 00:23:10.290 Как вы можете представить в играх Например с помощью Webado. 00:23:10.290 --> 00:23:13.490 Можно создать какие-то звуки так как процедурные. 00:23:13.490 --> 00:23:15.540 Так что это действительно впечатляет. 00:23:15.540 --> 00:23:19.860 Поэтому я собираюсь показать вам что-нибудь у нас на наш веб-сайт js с помощью 00:23:19.860 --> 00:23:24.520 аудио веб, например let мне включить звук. 00:23:24.520 --> 00:23:27.190 Да я сочинения музыки так к сожалению, для этого. 00:23:27.190 --> 00:23:30.360 Он будет очень Это неинтересно, так как он является цикл. 00:23:30.360 --> 00:23:34.120 Чтобы показать, что мы Загрузка звука, и 00:23:34.120 --> 00:23:37.400 мы собираемся попросить быть looped. 00:23:37.400 --> 00:23:40.420 И для автоматического запуска, и Я уверен, привязка к оценщик web. 00:23:40.420 --> 00:23:41.630 Я собираюсь показать вам и 00:23:41.630 --> 00:23:46.040 Затем я собираюсь вложить в это Музыка для определенных трехмерных объектов. 00:23:46.040 --> 00:23:47.620 Мы называем сетки, и 00:23:47.620 --> 00:23:50.200 в процессе работы, я не знаю, если вы Действительно требуется [INAUDIBLE] 00:23:50.200 --> 00:23:53.260 в помещении, так как вам понадобится большую часть времени наушников. 00:23:53.260 --> 00:23:56.070 Но текущее поле все перемещения в голове. 00:23:56.070 --> 00:23:59.950 И благодаря Webado, я прохода в правой части окна перед собой а 00:23:59.950 --> 00:24:00.730 нажмите слева 00:24:00.730 --> 00:24:04.990 автоматически мастера действий Вычисление части экрана Java. 00:24:04.990 --> 00:24:08.330 Это обрабатывается по обозреватель и самого интерфейса API. 00:24:09.760 --> 00:24:13.120 Позвольте мне Показать это в коде. 00:24:13.120 --> 00:24:15.270 Первое, что нужно сделать Если требуется создать некоторые 00:24:15.270 --> 00:24:17.970 — аудио материалы веб Создание контекста. 00:24:17.970 --> 00:24:21.160 Таким образом, если вы являетесь JavaScript программист может быть 00:24:21.160 --> 00:24:25.340 Вы уже знаете о или около того необходимо создать контекст. 00:24:25.340 --> 00:24:28.680 Поэтому способ сделать это, поэтому нам непосредственно перед разговор об этом. 00:24:28.680 --> 00:24:33.820 Начало сеанса способ заключается в создании другой контекст объекта окна. 00:24:33.820 --> 00:24:37.240 Но как хром был первым один для введения его. 00:24:37.240 --> 00:24:39.060 Они представлены с помощью префикса. 00:24:39.060 --> 00:24:40.810 Чтобы функция может добавлять к нему. 00:24:40.810 --> 00:24:43.090 Они будут удалены он в следующей версии. 00:24:43.090 --> 00:24:45.690 В среднее время необходимо протестировать обе версии. 00:24:45.690 --> 00:24:49.900 Это версия webkey или en предисловия версия? 00:24:49.900 --> 00:24:51.890 Если один раз стали о вас, убедитесь, что. 00:24:51.890 --> 00:24:57.660 Это является существующий может затем создать его и создать некоторые конкретного узла. 00:24:57.660 --> 00:25:01.030 Например, узел прибыль является томом. 00:25:01.030 --> 00:25:04.570 А затем можно будет примерно на Подключите его к этим подключением. 00:25:04.570 --> 00:25:07.930 Данное подключение может быть некоторые Некоторые наушники, динамики или 00:25:07.930 --> 00:25:11.240 Если вы хотите записать сумму вниз на диске для экземпляра. 00:25:11.240 --> 00:25:13.970 Поэтому при подключении примечания, который вместе. 00:25:13.970 --> 00:25:17.610 Затем, если вы хотите создать некоторые специфические вещи 00:25:17.610 --> 00:25:21.155 необходимо настроить некоторые свойства конкретных Авто 00:25:21.155 --> 00:25:24.210 [INAUDIBLE] для о Panner экземпляр. 00:25:24.210 --> 00:25:27.920 Узел Panner в режиме [INAUDIBLE] Это способ сделать некоторые вещи 3D. 00:25:27.920 --> 00:25:29.100 В аудио пробелы. 00:25:29.100 --> 00:25:31.750 Так что давайте предположим, что вы хотите создать объемный звук. 00:25:31.750 --> 00:25:35.100 Поэтому необходимо создать panner подключения, к узлу аудио 00:25:35.100 --> 00:25:36.750 к узлу источника. 00:25:36.750 --> 00:25:37.740 И один раз сделать это, 00:25:37.740 --> 00:25:41.750 необходимо выбрать способ воспроизведения звука будет вести себя в трехмерном пространстве. 00:25:41.750 --> 00:25:44.500 Так что давайте предположим, что я Чтобы остановить звук 00:25:44.500 --> 00:25:46.380 После десяти метров линейным образом. 00:25:46.380 --> 00:25:50.250 Можно настроить, в ядре задав несколько свойств. 00:25:50.250 --> 00:25:54.411 Поэтому необходимо понимать кучу свойства в наш механизм игр и 00:25:54.411 --> 00:25:58.400 [INAUDIBLE] было принято решение для настройки некоторых по умолчанию 00:25:58.400 --> 00:26:00.730 свойства для [INAUDIBLE] и Давайте посмотрим, как она работает. 00:26:00.730 --> 00:26:05.139 Поэтому, основываясь на этом, мы решили Чтобы создать это забавные опыт. 00:26:12.140 --> 00:26:13.310 Поэтому необходимо перезагрузить его. 00:26:20.150 --> 00:26:21.050 Как организуется вы guys? 00:26:21.050 --> 00:26:22.150 Можно говорить для некоторого времени так. 00:26:22.150 --> 00:26:23.460 >> Да. 00:26:23.460 --> 00:26:24.146 >> Это ваш делать. 00:26:24.146 --> 00:26:28.661 И давайте аренды 00:26:32.748 --> 00:26:34.580 Поэтому не в I. 00:26:34.580 --> 00:26:35.888 Он уже используется. 00:26:35.888 --> 00:26:37.202 О ' кей. 00:26:37.202 --> 00:26:39.269 Эта строка. 00:26:44.643 --> 00:26:47.270 >> Уверены, что он уже? 00:26:47.270 --> 00:26:48.760 >> Нет, он уже не используется. 00:26:48.760 --> 00:26:49.260 >> "Повторить". 00:26:50.450 --> 00:26:54.300 Рабочие вентиляционный канал Я уверен, что Да, у нас есть время. 00:26:54.300 --> 00:26:59.660 Можно видеть, что? 00:26:59.660 --> 00:27:06.010 Обновления, которая должна работать хорошо Да 00:27:06.010 --> 00:27:09.590 Поэтому необходимо учитывать идея Показать что вы куб, который было вокруг моего 00:27:09.590 --> 00:27:13.220 HEAD и я выложил какие-то звуки Чтобы использовать те же принципы. 00:27:13.220 --> 00:27:17.090 Так, а не обновление позиции основываясь на камере звука 00:27:17.090 --> 00:27:20.770 Мы решили обновить звук зависимости от расстояния 00:27:20.770 --> 00:27:22.750 : от центра круга. 00:27:22.750 --> 00:27:26.180 И в каждом кубе, я решили поместить некоторые конкретные музыкальные записи, я был 00:27:26.180 --> 00:27:29.130 Составление, поэтому Это несколько дорожек Мои musics. 00:27:29.130 --> 00:27:32.600 И когда я перемещение один из кубов ближе к центру сцены, 00:27:32.600 --> 00:27:34.840 Это будет насос звучание. 00:27:34.840 --> 00:27:37.330 И я уверен, удаляя его из круг, будет останавливать воспроизведение. 00:27:37.330 --> 00:27:40.080 Это позволяют смешивать идея эти звуки с помощью куба. 00:27:40.080 --> 00:27:43.520 Поэтому мы обнаружили было очень веселое и с момента указатель 00:27:43.520 --> 00:27:48.535 события, используемый IE 11 и по Макс за край сегодня. 00:27:48.535 --> 00:27:50.865 Теперь можно перемещать Проводите очень простым способом. 00:27:50.865 --> 00:27:52.195 Таким образом потребуется несколько фигур. 00:27:52.195 --> 00:27:53.985 >> Да. >> Таким образом я предлагает некоторые другие. 00:27:53.985 --> 00:27:54.525 >> Всё хорошо. 00:27:54.525 --> 00:27:57.265 >> Например, перейдем на рис. 00:27:57.265 --> 00:27:58.772 И мы можно воспроизвести музыку вместе. 00:27:58.772 --> 00:28:01.072 [МУЗЫКА] 00:28:01.072 --> 00:28:02.135 Например. 00:28:02.135 --> 00:28:03.965 А затем повторно использовать мышь. 00:28:03.965 --> 00:28:08.520 И мы можем даже сделать, вы видите, можно использовать некоторые из куба. Хорошо. 00:28:08.520 --> 00:28:09.770 Перезагрузку 00:28:09.770 --> 00:28:10.950 Я хочу сделать глупо шутки 00:28:10.950 --> 00:28:13.655 Поскольку возможно вы Обратите внимание, что у нас есть странный акцент. 00:28:13.655 --> 00:28:20.320 [СМЕХ] И 00:28:20.320 --> 00:28:23.180 У меня есть некоторые проблемы чтение как мои собственные слайды. 00:28:24.450 --> 00:28:26.890 А можно написать передней версии музыки с помощью стандартных блоков 00:28:26.890 --> 00:28:28.950 друг с другом, создавая блоки вместе и 00:28:28.950 --> 00:28:31.200 помещения, в что-то того же. 00:28:31.200 --> 00:28:31.730 >> David Спасибо. 00:28:31.730 --> 00:28:33.640 Давайте перейдите по извлечению. 00:28:33.640 --> 00:28:38.020 Давайте переключиться на что-нибудь совершенно иначе. 00:28:38.020 --> 00:28:40.790 Я хочу показать вам возможности CSS. 00:28:40.790 --> 00:28:42.910 Это то, что действительно нравится. 00:28:42.910 --> 00:28:47.120 CSS фильтра является способом любой разработчик web для добавления 00:28:47.120 --> 00:28:50.650 Учет процесса с помощью эффекта Построители текстур на любой элемент ввода-вывода. 00:28:52.310 --> 00:28:56.160 Для отображения, в этом примере У меня это чтение страницы. 00:28:56.160 --> 00:28:58.590 Хотелось бы прочитать текст, но У меня есть этот замечательный "Дракон". 00:28:58.590 --> 00:29:02.160 Я большой любитель "Дракон" Если вы не заметили. 00:29:02.160 --> 00:29:04.180 И не требуется Удалите Мой Дракон. 00:29:04.180 --> 00:29:06.500 Требуется сохранить мой Дракон, но Когда требуется прочитать мой текст 00:29:06.500 --> 00:29:08.520 Я просто хочу удалить все отрыва от работы. 00:29:08.520 --> 00:29:10.810 Можно найти в режиме чтения любой. 00:29:10.810 --> 00:29:14.360 Так что я делаю при При наведении курсора текст. 00:29:14.360 --> 00:29:19.590 Только что применили [INAUDIBLE] на мой элемент div на задней панели. 00:29:19.590 --> 00:29:23.340 Так что я просто Можно просто читать текст. 00:29:23.340 --> 00:29:28.170 Также имеется возможность Используйте оттенки серого и размытия вместе. 00:29:28.170 --> 00:29:31.510 Мы вместе смешивать функций CSS, 00:29:31.510 --> 00:29:34.410 Затем он будет размыты и Оттенки серого. 00:29:34.410 --> 00:29:39.280 И если вы видите, что я могу воспроизводить [INAUDIBLE] 60 кадров в секунду и 00:29:39.280 --> 00:29:40.500 его легко можно управлять. 00:29:40.500 --> 00:29:42.450 Итак Давайте просто быть Посмотрите на код. 00:29:42.450 --> 00:29:45.150 И для этого я использую Visual Код Studio мне нравится эта программа. 00:29:46.290 --> 00:29:48.975 Я просто удалить Sublime текста. 00:29:48.975 --> 00:29:52.070 >> [ХОХОЧЕМ] >> Так! 00:29:52.070 --> 00:29:54.200 Является то, что у нас здесь фактически довольно простой. 00:29:54.200 --> 00:29:58.110 Только у меня текст здесь в данной статье. 00:29:58.110 --> 00:30:00.211 И у меня есть фон. 00:30:00.211 --> 00:30:05.131 Это diveware, я помещаю здесь, используя Мои правила css 00:30:05.131 --> 00:30:09.220 Поместить только Мои архива Копирование изображения в формате JPG внутри. 00:30:09.220 --> 00:30:14.890 И я хочу сделать это, когда я Мой текст при наведении, необходимо применить его. 00:30:14.890 --> 00:30:17.560 Это правило CSS, скажем, хорошо, 00:30:17.560 --> 00:30:20.370 Давайте используем эффекта размытия Этот размер размытия. 00:30:20.370 --> 00:30:23.835 И так как прохода Я использую версию префиксы и 00:30:23.835 --> 00:30:25.280 а также версия unprefixes 00:30:25.280 --> 00:30:28.790 просто необходимо убедиться, что я не возникли неполадки в будущем. 00:30:28.790 --> 00:30:31.440 Поэтому с точки зрения JavaScript код самого, в 00:30:31.440 --> 00:30:32.780 очень просто. 00:30:32.780 --> 00:30:36.140 При наведении применения правил CSS. 00:30:36.140 --> 00:30:38.590 При убирании удалить правило CSS. 00:30:38.590 --> 00:30:39.090 Это так. 00:30:40.250 --> 00:30:42.950 И еще один пример, Я делаю при нажатии 00:30:42.950 --> 00:30:44.390 в объекте оттенки серого. 00:30:44.390 --> 00:30:47.590 Можно также управлять его очевидно непосредственно из JavaScript, произнеся выражение 00:30:47.590 --> 00:30:50.700 Я хочу размытия и оттенки серого. 00:30:50.700 --> 00:30:52.640 Таким образом можно смешивать все эффекты 00:30:52.640 --> 00:30:55.310 Это можно сделать свертывания, сепия, любой. 00:30:55.310 --> 00:30:58.060 Можно играть в photoshop как эффект. 00:30:58.060 --> 00:31:01.720 Затем мы, и это всего ускорение с помощью шейдера, поэтому 00:31:01.720 --> 00:31:03.270 который может использовать. 00:31:03.270 --> 00:31:04.470 Вы можете сделайте. 00:31:04.470 --> 00:31:05.700 Основная проблема, которую мы, возможно, 00:31:05.700 --> 00:31:10.250 является то, что когда-нибудь, Фильтры CSS могут не поддерживаться. 00:31:10.250 --> 00:31:13.300 Таким образом это мне привести другой демонстрации. 00:31:13.300 --> 00:31:14.170 David? 00:31:14.170 --> 00:31:15.470 >> Да. 00:31:15.470 --> 00:31:16.240 >> Данного объекта. 00:31:16.240 --> 00:31:20.020 Это время, давайте просто показать, как она должна работать. 00:31:20.020 --> 00:31:24.980 Итак, как вы видите, Я всегда имеют тот же результат. 00:31:26.950 --> 00:31:30.230 Но что происходит, если CSS Фильтр не поддерживаются? 00:31:30.230 --> 00:31:31.710 И для имитации, а 00:31:31.710 --> 00:31:35.390 Чтобы показать, а также все флаги выполняется работа, можно перейти и 00:31:35.390 --> 00:31:38.910 Итак, на данный момент сказать фильтр CSS является экспериментальной функцией. 00:31:38.910 --> 00:31:44.130 И не только их использовать Чтобы увидеть, как они работают 00:31:44.130 --> 00:31:46.150 Если фильтр не CSS. 00:31:46.150 --> 00:31:50.400 Таким образом я просто нужно делать это, Перезапустите обозреватель. 00:31:52.180 --> 00:31:56.890 Коммутатор для поддержки здесь и У меня есть незарезервированные поведение. 00:31:56.890 --> 00:31:59.455 Это время, так как CSS Эта функция не поддерживается, 00:31:59.455 --> 00:32:03.480 Только воспроизведение с непрозрачность рисунка и 00:32:03.480 --> 00:32:07.400 значение 0,1, поэтому мы видим фон. 00:32:07.400 --> 00:32:11.420 Как сделать, чтобы без любого кода код JavaScript? 00:32:11.420 --> 00:32:13.890 Это здорово вопрос, который я прошу. 00:32:16.000 --> 00:32:17.710 Мне просто нужно использовать просто замечательно 00:32:17.710 --> 00:32:23.530 Новая функция, называемая ArtsReport Позвольте мне проверить наличие или 00:32:23.530 --> 00:32:29.150 отсутствие любого правила CSS Несмотря на соответствующий параметр. 00:32:29.150 --> 00:32:31.780 Так что это очень интересно здесь. 00:32:31.780 --> 00:32:38.190 Если фильтр webkit не поддерживается для размытия с 20 точек или к сожалению, 00:32:38.190 --> 00:32:42.090 Если поддерживается, или если фильтрация с помощью Размытие с 20 пикселов поддерживаются, 00:32:42.090 --> 00:32:44.820 определим, Размытие Это является правилом. 00:32:46.760 --> 00:32:49.200 И если не поддерживается, 00:32:49.200 --> 00:32:53.060 затем определим, Размытие просто изменение непрозрачности. 00:32:53.060 --> 00:32:54.980 С точки зрения Разработчик JavaScript 00:32:56.000 --> 00:32:58.460 Разработчик JavaScript будет по-прежнему Примените правило, размытыми. 00:32:59.690 --> 00:33:02.690 Однако фильтры CSS будет удален и 00:33:02.690 --> 00:33:05.120 заменены непрозрачности, Благодаря ArtsReport. 00:33:06.480 --> 00:33:10.341 Так что мы даем управления над Предположим, 00:33:10.341 --> 00:33:13.243 адаптивность конструктор CSS. 00:33:13.243 --> 00:33:13.963 Это действительно здорово. 00:33:13.963 --> 00:33:16.725 Это действительно широкими возможностями. 00:33:16.725 --> 00:33:18.025 David. 00:33:18.025 --> 00:33:21.290 Далее демонстрацию о книгах по гибкому графику. 00:33:21.290 --> 00:33:22.480 >> Flex книг и подстановки подмножества символов. 00:33:22.480 --> 00:33:25.490 Итак давайте переход назад Чтобы Мои данные. 00:33:25.490 --> 00:33:27.100 >>, Так как мы говорим о адаптируемости. 00:33:27.100 --> 00:33:27.780 >> Да. 00:33:27.780 --> 00:33:30.310 Таким образом сегодня вы видели Мы много говорим о 00:33:30.310 --> 00:33:33.580 реакции разработки и Дополнительные сведения об адаптивной разработки 00:33:33.580 --> 00:33:38.790 что дополнительные способы адаптации Глобальные UX для текущего устройства. 00:33:38.790 --> 00:33:41.840 А при построении некоторые реакции вещи у вас мультимедиа 00:33:41.840 --> 00:33:46.080 запросы, у вас много охлаждения новый экран как поле flex. 00:33:46.080 --> 00:33:49.190 Но проблема может возникнуть при для отображения некоторых изображений и 00:33:49.190 --> 00:33:53.350 Вы получили различные определения разрешение изображений, 00:33:53.350 --> 00:33:57.208 Предположим, для iPhone с помощью Некоторые экраны фиксатора для 00:33:57.208 --> 00:33:58.897 Классический телефон и ПК. 00:33:58.897 --> 00:34:02.740 И вы не хотите загружать все изображения на стороне клиента и 00:34:02.740 --> 00:34:06.630 Чтобы определить, через JavaScript, как выбрать правильный? 00:34:06.630 --> 00:34:09.150 Таким образом было бы лучше позволяют решить обозревателя 00:34:09.150 --> 00:34:11.510 на основании, которая должна выполняться? 00:34:11.510 --> 00:34:15.970 Поэтому, если в настоящее время работает новые окна телефона с нашим 00:34:15.970 --> 00:34:19.430 разрешение экрана, я хочу показать определенной версии изображения, 00:34:19.430 --> 00:34:21.730 а еще один устройства загрузки. 00:34:21.730 --> 00:34:25.710 Чтобы сделать это, то есть SourceSet становится доступным. 00:34:25.710 --> 00:34:27.310 Поэтому очень легко использовать. 00:34:27.310 --> 00:34:30.030 Первое, что нужно использование тега изображения 00:34:30.030 --> 00:34:33.570 Использовать классические источника свойства, которые может иметь. 00:34:33.570 --> 00:34:34.370 Так что это запасной. 00:34:34.370 --> 00:34:37.480 Таким образом, если браузер не набор вспомогательных источника, 00:34:37.480 --> 00:34:40.610 он собирается использовать Этот конкретный образ. 00:34:40.610 --> 00:34:42.290 Итак давайте этого по умолчанию. 00:34:42.290 --> 00:34:46.890 Но, если обозреватель является возможность обработать это новое свойство там, 00:34:46.890 --> 00:34:53.230 можно сказать браузеру, пожалуйста с помощью этой версии образа x 1. 00:34:53.230 --> 00:34:57.720 Если текущее разрешение экрана действительно соответствует CSS и 00:34:57.720 --> 00:35:02.220 соотношение оборудования и точках затем используйте этот образ. 00:35:02.220 --> 00:35:06.510 Поэтому, если для экземпляра перейти мелкий экран физической 00:35:06.510 --> 00:35:09.380 с глаз финишера Попросите браузеров. 00:35:09.380 --> 00:35:13.140 Пожалуйста, используйте другую версию изображение и вы получите точку можно 00:35:13.140 --> 00:35:17.550 можно перейти в любой как на этом определенные правила. 00:35:17.550 --> 00:35:22.700 Поэтому он может быть очень здорово, теперь с Некоторые ребята, как меня, 00:35:22.700 --> 00:35:24.950 есть некоторые экрана 4K дома. 00:35:24.950 --> 00:35:28.540 Если требуется, чтобы некоторые охлаждения отображаемых на этом веб-сайте. 00:35:28.540 --> 00:35:31.250 Таким образом мы можем выбирать его как. 00:35:31.250 --> 00:35:35.200 Позвольте мне Показать это Простой веб-страницы внутри i11. 00:35:35.200 --> 00:35:37.230 Он не используется. 00:35:37.230 --> 00:35:39.320 Он использует изображение по умолчанию. 00:35:39.320 --> 00:35:43.050 И проверьте, так как при Я собираюсь использовать новую версию 00:35:43.050 --> 00:35:47.390 изображения, я буду помещены определенным логотип в верхней части левого угла рисунка. 00:35:47.390 --> 00:35:51.660 Таким образом в настоящее время iE использовал изображение по умолчанию он был- 00:35:51.660 --> 00:35:53.040 >> Один размытым. 00:35:53.040 --> 00:35:56.290 >> Один размытым, опять же, мы стали построение с агентом нашей игры. 00:35:56.290 --> 00:35:57.660 Так что просто замечательно. 00:35:57.660 --> 00:36:01.400 Если переключения края Microsoft можно заметить, что 00:36:01.400 --> 00:36:06.410 мы видим то же самое изображение Перевод с помощью версии 1 x. 00:36:06.410 --> 00:36:09.870 Но, как моделировать сейчас что требуется более поздней версии. 00:36:09.870 --> 00:36:13.444 [ПЕРЕКРЕСТНЫХ ПОМЕХ] Итак необходима полная, на конкретном устройстве. 00:36:13.444 --> 00:36:18.130 Можно имитировать с помощью масштабирования параметр обозревателя. 00:36:18.130 --> 00:36:21.860 Например, предположим, что я Чтобы имитировать тот факт, 00:36:21.860 --> 00:36:24.330 Мое текущее разрешение экрана же, но по-прежнему 00:36:24.330 --> 00:36:28.590 Изменение точек на ДЮЙМ, тем самым Например и вы должны обновить. 00:36:28.590 --> 00:36:31.780 И отображается в обозревателе автоматически решил 00:36:31.780 --> 00:36:33.520 Новая версия изображения, и 00:36:33.520 --> 00:36:36.400 он загрузки только этот конкретный образ. 00:36:36.400 --> 00:36:40.590 Поэтому, чтобы проверить, что мы можем, для Перейдите в поле S2F2s экземпляр. 00:36:42.080 --> 00:36:44.980 Узнайте правильные демонстрации должно быть это одно. 00:36:48.250 --> 00:36:49.363 Вход, здесь. 00:36:55.943 --> 00:36:58.719 И проверим сети, Давайте обновление. 00:37:00.500 --> 00:37:03.998 не подойдет, так что давайте Закройте границу только для того, чтобы не позволить мне. 00:37:03.998 --> 00:37:07.306 >> Вы действительно хорошо. 00:37:16.541 --> 00:37:17.475 >> Да, я действительно хорошо. 00:37:17.475 --> 00:37:20.960 >> Спасибо [ХОХОЧЕМ] для поддержки мне David. 00:37:20.960 --> 00:37:23.150 И вы увидите определения обозревателя, 00:37:23.150 --> 00:37:24.990 Чтобы просто загрузить правильно Версия образа. 00:37:24.990 --> 00:37:30.370 Таким образом, была ссылка на группу из различных изображений в коде. 00:37:30.370 --> 00:37:33.705 Но браузера и клиента, решил выбрать правильный 00:37:33.705 --> 00:37:36.525 на основе текущего разрешения и производственные мощности. 00:37:36.525 --> 00:37:41.275 И даже в спецификации, он указан, обозреватель 00:37:41.275 --> 00:37:44.865 Можно даже загрузить изображение на основании текущей пропускной способности. 00:37:44.865 --> 00:37:48.025 Итак давайте предположим, что у вас есть сетчатку экрана, поэтому вы довольно 00:37:48.025 --> 00:37:50.735 с днем, но у вас очень замедлить работу подключения. 00:37:50.735 --> 00:37:53.465 Это, скорее всего, не рекомендуется Чтобы получить с высоким разрешением 00:37:53.465 --> 00:37:54.390 Это изображение. 00:37:54.390 --> 00:37:57.400 Таким образом, если в пробном, о прямой, предпримет попытку, чтобы отправить 00:37:57.400 --> 00:38:03.370 При низком разрешении изображения на скорость веб-сайт, быстрый веб-сайта. 00:38:03.370 --> 00:38:07.870 Итак мы решили использовать, поэтому я в настоящее время перезапись наш веб-сайт, 00:38:07.870 --> 00:38:10.530 Цикл будет на нашем Babylon веб-сайт сегодня. 00:38:12.700 --> 00:38:13.745 >> Это бесплатная реклама. 00:38:13.745 --> 00:38:15.720 >> Да. 00:38:15.720 --> 00:38:17.130 Возможно, мы вернемся на неприятности. 00:38:17.130 --> 00:38:17.630 Я не знаю. 00:38:18.640 --> 00:38:21.310 Таким образом, на сегодняшний день наш сайт является подобного. 00:38:21.310 --> 00:38:25.894 Таким образом мы пытались имитировать Современный, США средства с помощью 00:38:25.894 --> 00:38:28.140 Некоторые конкретные макеты. 00:38:28.140 --> 00:38:31.870 Мы были очень доволен но он не был стояли. 00:38:31.870 --> 00:38:35.760 Кроме того мы довольно хорошо Разработчики JavaScript. 00:38:35.760 --> 00:38:37.945 Мы являемся меньше хорошие разработчики. 00:38:37.945 --> 00:38:43.730 [ХОХОЧЕМ] И с этой идеи для изменения что все мы решили его изменить. 00:38:43.730 --> 00:38:48.980 Для этого новая версия я в настоящее время занимается является эта строка. 00:38:48.980 --> 00:38:52.058 Итак я использую Волшебный запросы и Flexbox. 00:38:52.058 --> 00:38:54.730 Чтобы иметь возможность иметь некоторые лучше размер 00:38:54.730 --> 00:38:58.220 он будет адаптировать для текущего разрешения. 00:38:58.220 --> 00:39:01.271 И хорошо, что я можно смешивать источники поле по гибкому графику работы 00:39:01.271 --> 00:39:04.190 некоторые запросы хорошие впечатления. 00:39:04.190 --> 00:39:08.720 Если изменение масштаба внутри веб-узла и теперь ее обновление. 00:39:11.170 --> 00:39:14.950 Здесь опять разрешение изображения. 00:39:14.950 --> 00:39:18.100 И я могу даже проверить, поэтому проект не завершен. 00:39:18.100 --> 00:39:20.540 Если вы имеете хорошую, и работать бесплатно. 00:39:20.540 --> 00:39:22.560 Мы [ХОХОЧЕМ] окно приглашения. 00:39:22.560 --> 00:39:23.630 >> Пожалуйста, отправьте нам сообщение электронной почты. 00:39:27.572 --> 00:39:29.740 >> Но Если я использую, на своем телефоне 00:39:31.270 --> 00:39:32.250 >>, Должно быть где-то. 00:39:34.180 --> 00:39:37.292 В данном случае, это Я собираюсь отправить чтения об этом. 00:39:41.307 --> 00:39:43.960 Таким образом можно увидеть Это же веб-сайт. 00:39:43.960 --> 00:39:46.190 И по телефону Если Я уверен, преобразуя его обратно, 00:39:46.190 --> 00:39:48.900 Здесь можно увидеть, что я в версии 2 x изображения. 00:39:48.900 --> 00:39:52.260 Потому, что текущий разрешение экрана моего 00:39:52.260 --> 00:39:55.390 Окно «Телефон» — достаточно высок для того, чтобы иметь хорошую лительность изображения. 00:39:55.390 --> 00:39:56.753 Можно проверить его на устройстве. 00:39:56.753 --> 00:39:59.776 Поэтому хорошая новость в том, что вы можно проверить его на границе Microsoft на 00:39:59.776 --> 00:40:01.690 рабочий стол и как David о том, 00:40:01.690 --> 00:40:04.920 Это точное же ядро- Работает на Windows phone. 00:40:04.920 --> 00:40:08.092 Таким образом это довольно легко сделать, чтобы просто проверьте, все 00:40:08.092 --> 00:40:11.420 Это время работает правильно, на экране конкретного оборудования. 00:40:11.420 --> 00:40:14.600 Затем у вас это хорошая возникновение подобного, слишком. 00:40:15.830 --> 00:40:17.210 >> David Спасибо. 00:40:17.210 --> 00:40:19.228 Таким образом получаем с другой базой данных demo. 00:40:22.936 --> 00:40:29.660 Да, поэтому мы также, начиная с IE9, Мы поддерживается SVG в формате HTML. 00:40:29.660 --> 00:40:34.460 Но сообщества спросите нас, и Благодаря UserVoice, который я 00:40:34.460 --> 00:40:37.930 упомянуть после и благодарности так, теперь мы работаем. 00:40:37.930 --> 00:40:43.610 Мы слышать сообщества, и попросите их нам необходимо поддерживать foreignObject. 00:40:43.610 --> 00:40:44.900 Таким образом что такое foreignObject? 00:40:44.900 --> 00:40:49.665 foreignObject является противоположностью иметь SVG в формате HTML. 00:40:49.665 --> 00:40:54.470 foreignObject – это производственная мощность Чтобы внедрить HTML внутри SVG. 00:40:55.610 --> 00:40:58.510 Таким образом, можно настроить страницу SVG. 00:40:58.510 --> 00:40:59.510 Позвольте мне Показать это. 00:41:02.280 --> 00:41:05.350 Здесь у меня есть Мой HTML-элемента. 00:41:05.350 --> 00:41:08.170 В моем HTML Поэтому имеется Мой элемент SVG 00:41:08.170 --> 00:41:10.710 на основе векторной визуализации. 00:41:10.710 --> 00:41:16.630 И в этом SVG можно попросить что Здесь мы вызываем foreignObject 00:41:16.630 --> 00:41:18.180 где можно вставлять HTML. 00:41:19.350 --> 00:41:22.226 Таким образом, который представляет интерес из-за SVG является чисто вектора. 00:41:22.226 --> 00:41:27.020 Затем может быть foreignObject Этот вектор полностью управляет 00:41:27.020 --> 00:41:31.830 пространство и мы можно применить какой-либо конкретной эффект, который имеется для SVG. 00:41:31.830 --> 00:41:36.280 Мы можно смешивать векторного объекта и Поместите некоторые, например, текст внутри. 00:41:36.280 --> 00:41:39.440 Его можно использовать для воспроизведения как я делаю здесь. 00:41:39.440 --> 00:41:44.430 Я бы хотел показать мощность из SVG с помощью HTML внутри. 00:41:45.440 --> 00:41:47.390 Фильтры, будет использовать еще раз. 00:41:47.390 --> 00:41:50.317 Это не фильтр CSS в этот раз Это фильтры SVG. 00:41:50.317 --> 00:41:52.110 Корпорация Майкрософт поддерживает фильтры SVG. 00:41:52.110 --> 00:41:55.230 И применить фильтры SVG эффект 00:41:55.230 --> 00:41:57.770 поверх изображения векторной визуализации о ' кей? 00:41:57.770 --> 00:42:02.780 Это изображение содержит, HTML-код отображается изображение. 00:42:02.780 --> 00:42:08.300 И это интересно, потому что Такие вещи, как это можно сделать. 00:42:08.300 --> 00:42:11.110 Вот что я Вызов обозревателя drunken. 00:42:14.630 --> 00:42:17.670 Слишком много beer вы возвращаетесь домой и нужно найти что-нибудь, и 00:42:17.670 --> 00:42:18.899 мире выглядеть такой. 00:42:20.160 --> 00:42:23.874 Хорошо, давайте поиск Край Microsoft. 00:42:23.874 --> 00:42:28.750 >> [ХОХОЧЕМ] >> И помните, что мы все знали. 00:42:28.750 --> 00:42:33.420 IFrame в моем SVG работает нормально. 00:42:33.420 --> 00:42:34.686 Нет никаких проблем с этим. 00:42:34.686 --> 00:42:37.544 И так как я внутри SVG, 00:42:37.544 --> 00:42:41.895 Я могу применить SVG, и Используйте Мои вещи. 00:42:41.895 --> 00:42:44.728 У меня есть другая вещь, которую можно сделать с этим хотела Показать. 00:42:44.728 --> 00:42:48.799 Поэтому вместо использования 00:42:48.799 --> 00:42:53.061 Необходимо использовать только данного объекта. 00:42:56.228 --> 00:42:58.770 Ой давайте заходите обратно. 00:42:58.770 --> 00:42:59.895 Что-то забыли. 00:42:59.895 --> 00:43:00.895 >> Да, тире. 00:43:00.895 --> 00:43:02.728 >> Да Спасибо, David. 00:43:05.853 --> 00:43:07.450 Давайте принудительное обновление. 00:43:07.450 --> 00:43:08.825 Это является обозревателем Minecraft. 00:43:08.825 --> 00:43:12.270 >> [ХОХОЧЕМ] >> Таким образом и самое интересное 00:43:12.270 --> 00:43:15.770 Если поиск babylonjs.com, что это не просто. 00:43:15.770 --> 00:43:17.580 У меня не забудьте щелкнуть здесь. 00:43:18.680 --> 00:43:22.660 Я игрок Minecraft и Можно воспользоваться любой 3D-объекта. 00:43:22.660 --> 00:43:27.978 И это, HTML-страницы с помощью SVG, внутри SVG — GL веб с- 00:43:27.978 --> 00:43:31.812 >> [АПЛОДИСМЕНТЫ] 00:43:31.812 --> 00:43:34.639 >> Выполняется в 60 кадров в 00:43:34.639 --> 00:43:36.110 Во-вторых, хорошо? 00:43:36.110 --> 00:43:37.740 Я должен признаться, что это просто замечательно. 00:43:38.960 --> 00:43:41.765 Таким образом мы не уверены вариант использования, но 00:43:41.765 --> 00:43:44.310 [ХОХОЧЕМ], вы получите точку. 00:43:44.310 --> 00:43:44.850 Вы получите точку. 00:43:44.850 --> 00:43:46.440 Можно использовать HTML внутри SVG. 00:43:46.440 --> 00:43:46.940 Это замечательно. 00:43:48.300 --> 00:43:49.975 Я уверен, довольно по достоинству оценят ваш ребенок. 00:43:49.975 --> 00:43:54.090 >> [ХОХОЧЕМ] >>, А затем последнюю что 00:43:54.090 --> 00:43:59.115 Мы хотели бы показать вам ребята перед Перемещение в Q&A — HTTP/2. 00:43:59.115 --> 00:44:01.944 Поэтому довольно сложно HTTP/2 00:44:01.944 --> 00:44:06.884 Чтобы найти что-то очень visual можно проверить HTTP/2. 00:44:06.884 --> 00:44:11.490 Ну HTTP/2, строится Спасибо на какие Google имеет опыт работы 00:44:11.490 --> 00:44:12.350 с SPDY. 00:44:12.350 --> 00:44:15.670 Поэтому SPDY, они выполняется Чтобы построить что-то новое, 00:44:15.670 --> 00:44:20.252 отличный от HTTP/1.1 Поскольку теперь она является довольно старой. 00:44:20.252 --> 00:44:21.790 Мы считаем, что некоторые мобильные устройства и 00:44:21.790 --> 00:44:24.520 другие новые устройства, у нас есть некоторые проблема с производительностью. 00:44:24.520 --> 00:44:27.890 Таким образом мы стараемся найти Некоторые методы взлома. 00:44:27.890 --> 00:44:31.680 Итак давайте поговорим о для экземпляра число запросов, можно с помощью обозревателя 00:44:31.680 --> 00:44:33.160 Отправка на веб-сервере. 00:44:33.160 --> 00:44:38.100 Поэтому в большинстве случаев, это по умолчанию было четыре одновременных запросов 00:44:38.100 --> 00:44:42.720 из определенного веб-сервера Клиент в определенный домен. 00:44:42.720 --> 00:44:45.490 Поэтому, если вы хотите загрузить, Предположим, 10 или 00:44:45.490 --> 00:44:48.740 20 изображения, с этого веб-узла сервер от клиентов. 00:44:48.740 --> 00:44:52.914 Только вы смогли сделать это через четыре разных запросов и 00:44:52.914 --> 00:44:54.300 Вы должны ждать его. 00:44:54.300 --> 00:44:59.000 И если вы хотите, включает hack известная по всем. 00:44:59.000 --> 00:45:01.960 Таким образом можно создать несколько домены, такие как CDN. 00:45:01.960 --> 00:45:06.570 В этом случае CDN номер один, CDN номер два, Номер сети CDN 3-4. 00:45:06.570 --> 00:45:10.480 Допустим, что, благодаря Имеется возможность четырех запросов 00:45:10.480 --> 00:45:14.190 Первый CDN и четыре запросы для второй, и так далее. 00:45:14.190 --> 00:45:15.580 Но вы выполняете типа взлома, 00:45:15.580 --> 00:45:21.160 так как для этого обозревателя Кроме того, тот факт, что были принудительно. 00:45:21.160 --> 00:45:24.520 Когда вы что-то много запроса на добавление большого объема 00:45:24.520 --> 00:45:28.620 накладные расходы в верхней части каждой из HTTP-запрос к веб-серверу. 00:45:28.620 --> 00:45:33.522 Да, запись HTTP/2 теперь быть Обработанные сила IETF задачи как 00:45:33.522 --> 00:45:36.860 Начало, и Все мы работаем на этом. 00:45:36.860 --> 00:45:39.510 Таким образом оно реализуется по краю Microsoft и 00:45:39.510 --> 00:45:41.390 Хром и Firefox. 00:45:41.390 --> 00:45:45.510 И идея я в настоящее время обзора веб-страницы с сервера Google 00:45:45.510 --> 00:45:48.890 Поэтому они ее реализации в одном из своих стека сервера. 00:45:48.890 --> 00:45:53.476 И вы увидите, что способ намного быстрее для образа загрузки 00:45:53.476 --> 00:45:54.875 различные причины. 00:45:54.875 --> 00:45:59.095 Сначала мы смогли сделать Некоторые мультиплексирование потоков. 00:45:59.095 --> 00:46:02.335 Не выполняется принудительно отправить более различные запросы на веб-сервере. 00:46:02.335 --> 00:46:04.145 Можно создать один запрос, и 00:46:04.145 --> 00:46:07.155 Мы будем внедрять несколько потоки внутри данного запроса. 00:46:07.155 --> 00:46:10.265 Таким образом мы будем согласовывать его только один раз с веб-сервера. 00:46:10.265 --> 00:46:14.185 Мы используем также, двоичное кодирование с помощью HTTP/2. 00:46:14.185 --> 00:46:18.370 Таким образом более светлые в сети. 00:46:18.370 --> 00:46:22.550 И мы также предполагает что требуется на стороне клиента. 00:46:22.550 --> 00:46:25.390 Например, После загрузки страницы HTML 00:46:25.390 --> 00:46:29.330 Все мы знаем, что он будет некоторые CSS и JavaScript внутри него. 00:46:29.330 --> 00:46:32.840 Таким образом это немного глупо, чтобы загрузить HTML-страницы и 00:46:32.840 --> 00:46:35.300 Выберите Да, я знаю, это конкретный файл JavaScript. 00:46:35.300 --> 00:46:37.950 Выполните цикл обработки на сервере его вернуть. 00:46:37.950 --> 00:46:39.810 А затем требуется файл CSS, и т.д. 00:46:39.810 --> 00:46:44.573 Поэтому идея — это передать веб-сервера Предположим, что требуется index.html, 00:46:44.573 --> 00:46:47.640 внутри в HTML, есть foo.js. 00:46:47.640 --> 00:46:49.390 Таким образом что мы собираемся в этом запросе 00:46:49.390 --> 00:46:52.580 Мы будем отправлять вам резервное непосредственно foo.js 00:46:52.580 --> 00:46:54.700 для клиента, чтобы сэкономить ваше время. 00:46:54.700 --> 00:46:56.550 Таким образом корпорация Майкрософт предполагает, что нужно. 00:46:56.550 --> 00:46:58.170 Он скажет а я Этот файл не нужен 00:46:58.170 --> 00:47:00.110 Поскольку я уже Вот что в кэше. 00:47:00.110 --> 00:47:04.270 Мы потеряно много времени, но большинство время, когда его получите скорость. 00:47:04.270 --> 00:47:05.790 Так что это сделать, Google, веб-страницы 00:47:05.790 --> 00:47:09.690 Это очень интересная поскольку можно имитировать, что происходит. 00:47:09.690 --> 00:47:14.244 Итак давайте загрузки страницы использовать HTTP/1 и 2002 г., 00:47:14.244 --> 00:47:17.650 к сожалению, 200 миллисекунд. Светло-задержка. 00:47:17.650 --> 00:47:20.590 Можно увидеть, что в данный момент сериализуемый. 00:47:20.590 --> 00:47:23.690 Таким образом у меня есть несколько запросов к части изображения. 00:47:23.690 --> 00:47:26.170 И я не очень быстро Поскольку мне нужно 00:47:26.170 --> 00:47:30.460 вернуться назад на сервер каждый раз для Загрузите некоторые новая часть страницы. 00:47:30.460 --> 00:47:34.120 >> И будет иметь каждый запрос задержкой в 200 миллисекунд. 00:47:34.120 --> 00:47:36.560 >> И другие части, используя HTTP/2 00:47:36.560 --> 00:47:40.300 Вы видите, что я приблизиться к Некоторые несколько потоку, отображаемому. 00:47:40.300 --> 00:47:42.870 И у меня есть уникальный запрос на веб-сервер для загрузки 00:47:42.870 --> 00:47:45.790 все потоки, поэтому он работает намного быстрее, для загрузки изображения. 00:47:45.790 --> 00:47:47.770 И теперь вы получите точку. 00:47:47.770 --> 00:47:49.928 Это очень visual так как он появляется на изображении. 00:47:49.928 --> 00:47:53.240 Но Вспомните, со всеми пути, необходимые для веб-страницы 00:47:53.240 --> 00:47:55.500 загрузить на стороне сервера и действительно, с той же скоростью. 00:47:55.500 --> 00:47:59.750 Таким образом очень полезно иметь специально для мобильных устройств 00:47:59.750 --> 00:48:02.660 в Windows Phone 10 с помощью Microsoft края. 00:48:02.660 --> 00:48:07.720 Все новые устройства может иметь есть современный механизм, так как бы 00:48:07.720 --> 00:48:11.620 действительно amp скорость веб-страницы не выполняя никаких действий для вас. 00:48:11.620 --> 00:48:15.050 Это полностью совместимость с HTTP/1.1. 00:48:15.050 --> 00:48:17.310 Это тот же столбец же команды. 00:48:17.310 --> 00:48:20.610 Мы просто изменить способ связь по протоколу и 00:48:20.610 --> 00:48:23.740 в потоке и все net сеанс, участвующих. 00:48:23.740 --> 00:48:24.240 >> Спасибо вам, David. 00:48:25.440 --> 00:48:30.240 Таким образом мы пытаемся здесь в подбор некоторые из наших любимых средств но 00:48:30.240 --> 00:48:33.860 как упоминалось ранее, большое количество они, по-прежнему внутри поля. 00:48:33.860 --> 00:48:36.130 Таким образом, это лучший вариант для Если вы хотите испытать 00:48:36.130 --> 00:48:39.710 просто установите последнюю Версия построения Windows 10. 00:48:39.710 --> 00:48:41.820 Ядро край — здесь. 00:48:41.820 --> 00:48:44.660 Итак это по-прежнему скудной проекта? 00:48:44.660 --> 00:48:47.940 Но, просто изменить свое мнение и Переименуйте его край Microsoft и 00:48:47.940 --> 00:48:49.100 Вы получите точку. 00:48:49.100 --> 00:48:53.410 Если нужно, чтобы функция, если Вы действительно средство, используйте, и 00:48:53.410 --> 00:48:56.730 отзыв о uservoice.modern.IE. 00:48:56.730 --> 00:48:59.690 Например здесь я сохраняю ASM.js. 00:48:59.690 --> 00:49:01.900 Было гигантскую запрашивать сообщества. 00:49:01.900 --> 00:49:03.870 Пожалуйста, поддерживает ASM.js. 00:49:03.870 --> 00:49:07.754 ASM.js — это способ компиляции C++ в JavaScript, 00:49:07.754 --> 00:49:10.820 и добавить некоторые ASM.js. 00:49:10.820 --> 00:49:14.290 Я не могу сказать Некоторые дополнительные сведения 00:49:14.290 --> 00:49:15.400 сборщик мусора и 00:49:15.400 --> 00:49:18.796 обработчик JavaScript для повышения производительности, хорошо? 00:49:18.796 --> 00:49:23.700 Поддерживается, Дата Нереал механизм Unity поддерживается, поэтому, если вы используете 00:49:23.700 --> 00:49:29.080 Unity можно экспортировать только 5 в Игра в ГК Web с ASM.js. 00:49:29.080 --> 00:49:32.640 Так что теперь, если вы только что установили очень последнюю версию Windows 10 00:49:32.640 --> 00:49:35.510 и границей Microsoft 00:49:35.510 --> 00:49:40.530 можно запустить веб-GL игры от ASM.js с использованием Unity. 00:49:40.530 --> 00:49:42.112 Перейти к делать: флаги. 00:49:42.112 --> 00:49:46.100 Таким образом, при переходе на границе Microsoft в настоящее время введите о: флаги и 00:49:46.100 --> 00:49:50.150 Имеется возможность включить ASM.js внутри границы Microsoft. 00:49:50.150 --> 00:49:53.130 И я покажу другого Пример здесь на задержки. 00:49:53.130 --> 00:49:56.878 Таким образом люди спрашивают для отображения синтаксиса ошибки в отладчике нечестно. 00:49:56.878 --> 00:50:00.838 Поместить на наш список невыполненных работ и мы указываем, что он находится на верхней и 00:50:00.838 --> 00:50:02.336 Мы надеемся, что скоро начаться. 00:50:02.336 --> 00:50:05.623 Это новый способ для Мы будем общаться с вами, ребята, и 00:50:05.623 --> 00:50:06.795 с сообществом. 00:50:06.795 --> 00:50:09.355 Дайте нам знать, что вы необходимо что-то и 00:50:09.355 --> 00:50:13.675 Мы позволит вам знать, что мы работать над некоторыми, мы считаем 00:50:13.675 --> 00:50:17.440 и некоторые из них не действительно в нашем списке высший приоритет. 00:50:18.760 --> 00:50:21.390 Пожалуйста, оцените сеанса. 00:50:21.390 --> 00:50:22.470 И теперь самое время для вопроса. 00:50:23.670 --> 00:50:24.195 Да. 00:50:24.195 --> 00:50:32.000 >> [INAUDIBLE] >> Позвольте мне Показать это [ХОХОЧЕМ]. 00:50:33.670 --> 00:50:34.920 Ну я не может ответить на этот вопрос. 00:50:36.230 --> 00:50:39.449 Можно перейти современного типа. 00:50:39.449 --> 00:50:43.020 Так status.modern. 00:50:43.020 --> 00:50:44.000 Вопрос о- >> Да Извините. 00:50:44.000 --> 00:50:44.756 >> Да, пожалуйста, вопрос является. 00:50:44.756 --> 00:50:47.690 >> — Вопрос о шаблоне, HTML-шаблон, верно. 00:50:47.690 --> 00:50:48.832 Работаем ли мы его? 00:50:48.832 --> 00:50:49.690 >> Мы работаем над ним? 00:50:51.400 --> 00:50:52.110 Да, Да. 00:50:52.110 --> 00:50:54.170 Итак мы являемся исследуется. 00:50:54.170 --> 00:50:56.520 Это часть более крупными статьи, фактически. 00:50:56.520 --> 00:51:01.470 Таким образом это лучшее, что можно сделать для оставить нам свои отзывы о голосовой связи для пользователей 00:51:01.470 --> 00:51:03.560 Сообщите нам, почему это очень важно для вас. 00:51:03.560 --> 00:51:04.810 Попросите пользователей для голосования. 00:51:04.810 --> 00:51:07.130 Это лучший способ связаться с нами. 00:51:07.130 --> 00:51:09.280 Но Да, Мы знаем, что действительно важно. 00:51:09.280 --> 00:51:11.035 И это с учетом. 00:51:11.035 --> 00:51:13.650 >> [INAUDIBLE] >> Да. 00:51:13.650 --> 00:51:16.690 Его, некоторые из других частей может быть легко заранее заполненные 00:51:16.690 --> 00:51:18.790 на участниках веб Я знаю, на следующее. 00:51:18.790 --> 00:51:22.230 Один другой вопрос. 00:51:22.230 --> 00:51:23.355 Да? 00:51:23.355 --> 00:51:23.855 >>, Как долго мы будет ли ведение IE 11? 00:51:27.350 --> 00:51:30.679 >>, Является вопрос, как долго мы собираемся Ведение IE 11? 00:51:30.679 --> 00:51:35.034 IE 11 является частью Windows 10 т 00:51:35.034 --> 00:51:39.250 же жизненного цикла, что и Windows 10. 00:51:39.250 --> 00:51:41.230 >> Жизненного цикла как Vista? 00:51:41.230 --> 00:51:43.438 >> Не удается найти это, Я так жаль. 00:51:43.438 --> 00:51:49.780 Я можно углубиться в нашей службой технической поддержки [ВНЕШНИХ] и выяснить для вас. 00:51:49.780 --> 00:51:55.093 Но IE 11 будет поддерживаться, если будет поддерживаться как Windows-10, 00:51:55.093 --> 00:51:57.194 его часть Windows 10. 00:51:57.194 --> 00:51:58.654 Да? 00:51:58.654 --> 00:51:59.813 >> Что такое на вашей футболке? 00:51:59.813 --> 00:52:00.845 >> Это хороший вопрос. 00:52:00.845 --> 00:52:03.698 [ХОХОЧЕМ] Что такое на моей футболке? 00:52:03.698 --> 00:52:09.070 [ХОХОЧЕМ] Чтобы сохранить этот вопрос Мне просто нужно. 00:52:09.070 --> 00:52:10.946 Является там любой другой вопрос я? 00:52:10.946 --> 00:52:11.782 >> Да. 00:52:11.782 --> 00:52:12.618 >> Да. 00:52:12.618 --> 00:52:17.060 >> [INAUDIBLE] >> Да. 00:52:17.060 --> 00:52:20.390 Вопрос является Майкрософт 10 будет иметь только Windows 10? 00:52:20.390 --> 00:52:22.035 И Да, ответ – Да. 00:52:22.035 --> 00:52:25.520 Да. 00:52:25.520 --> 00:52:34.810 >> [INAUDIBLE] 00:52:34.810 --> 00:52:38.051 >> В большинстве случаев, если вы находитесь в 00:52:38.051 --> 00:52:44.855 о флагах, Я думаю, что это здесь. Но. 00:52:44.855 --> 00:52:46.410 >> [INAUDIBLE] 00:52:46.410 --> 00:52:47.120 >> О ' кей. 00:52:47.120 --> 00:52:48.107 >> Да, так что это хороший вопрос для 00:52:48.107 --> 00:52:49.105 Вы [перекрестных ПОМЕХ] >> Но вопрос: 00:52:49.105 --> 00:52:51.270 можно повторить вопрос? >>, Вопрос: 00:52:51.270 --> 00:52:55.250 Некоторые функции, в списке флаги, теперь в Microsoft края. 00:52:55.250 --> 00:52:57.910 Поэтому требуется перейти к флаги для их включения. 00:52:57.910 --> 00:53:01.724 Если используется вид Windows 10 веб-страницы можно использовать, например, SMGS? 00:53:01.724 --> 00:53:06.480 >> Нет Вы не сможете [INAUDIBLE]. 00:53:06.480 --> 00:53:08.480 >> Я был довольно уверен, но Просто хотел убедиться. 00:53:08.480 --> 00:53:11.510 >> Ответ — нет. Еще бы. 00:53:11.510 --> 00:53:12.715 Вопрос там? 00:53:12.715 --> 00:53:16.460 >> [INAUDIBLE]. 00:53:16.460 --> 00:53:18.655 >> Да. Мы работаем над реализации Web 00:53:18.655 --> 00:53:20.310 драйвер в край Microsoft. 00:53:23.296 --> 00:53:24.491 Да? 00:53:24.491 --> 00:53:31.200 >> [INAUDIBLE] >> Расширение. 00:53:31.200 --> 00:53:33.050 Вы имели в виду правой расширения JavaScript? 00:53:33.050 --> 00:53:37.280 Итак я не могу ответить это вопрос, так как это действительно 00:53:37.280 --> 00:53:38.540 слишком рано для нас. 00:53:38.540 --> 00:53:40.730 Мы уже сделали Демонстрация вчера. 00:53:40.730 --> 00:53:43.580 Я не знаю, было два дней назад во время Выступление. 00:53:43.580 --> 00:53:44.170 Это возможно. 00:53:44.170 --> 00:53:47.100 Мы работаем в этом, но все сведения, относящиеся к производительности 00:53:47.100 --> 00:53:49.760 и такие операции, как то, что, не слишком в начале нашего цикла разработки. 00:53:50.870 --> 00:53:52.215 Будем надеяться, что нет четко. 00:53:52.215 --> 00:54:02.590 >> [INAUDIBLE] 00:54:02.590 --> 00:54:03.090 >> Я не знаю. 00:54:04.400 --> 00:54:06.100 Так как жаль, но я не знаю. 00:54:06.100 --> 00:54:07.990 Это другой части команды разработчиков. 00:54:07.990 --> 00:54:09.700 Таким образом не требуется скажите что-то неправильно. 00:54:09.700 --> 00:54:12.010 Таким образом не знаете. 00:54:12.010 --> 00:54:12.604 Да? 00:54:12.604 --> 00:54:13.620 [ХОХОЧЕМ]. 00:54:13.620 --> 00:54:15.145 >> [INAUDIBLE]. 00:54:15.145 --> 00:54:17.586 >> Таким образом, вопросы 00:54:17.586 --> 00:54:23.150 — что работает CSS частные уроки с переходом CSS? 00:54:24.210 --> 00:54:26.660 Я тестировал с переходом, так что, Да. 00:54:26.660 --> 00:54:30.790 Для анимации, отображаются какой-либо причине, почему не следует. 00:54:30.790 --> 00:54:34.120 После проверки, но 99% это хорошо. 00:54:34.120 --> 00:54:37.679 И я вижу, что сказать, Алексей, Да, Да, это 100%. 00:54:37.679 --> 00:54:39.424 [ХОХОЧЕМ]. Да? 00:54:39.424 --> 00:54:43.177 >> Для приложения поддерживает правила в CSS 00:54:43.177 --> 00:54:46.670 Это стандартный [INAUDIBLE]? 00:54:46.670 --> 00:54:47.810 >> Абсолютно sir абсолютно. 00:54:49.230 --> 00:54:51.291 >> Вы знаете, насколько широко в обозревателях, поддерживается? 00:54:51.291 --> 00:54:53.996 >> Я знаю, что у него есть поддерживается в хром. 00:54:53.996 --> 00:54:55.540 Для дальнейшего развития. 00:54:55.540 --> 00:54:56.603 Вы знаете, этот сайт? 00:54:56.603 --> 00:55:01.820 >> [INAUDIBLE] >> Еще не имеет- 00:55:01.820 --> 00:55:02.455 >> Да, еще не имеет. 00:55:02.455 --> 00:55:09.400 >> [INAUDIBLE] >>, Да, поддерживается. 00:55:09.400 --> 00:55:11.360 >> Firefox, хром, край, замечательный. 00:55:11.360 --> 00:55:12.356 Мы живем в мире, замечательный. 00:55:12.356 --> 00:55:16.486 >> Не Safari, интересно. 00:55:17.743 --> 00:55:20.800 >> [ХОХОЧЕМ] >> [INAUDIBLE] 00:55:20.800 --> 00:55:21.446 >> Да? 00:55:21.446 --> 00:55:26.094 >> [INAUDIBLE] >> Разъем web? 00:55:26.094 --> 00:55:27.350 Да сэр. 00:55:27.350 --> 00:55:29.165 И это хорошо перехода, Благодарим вас. 00:55:29.165 --> 00:55:32.860 [ХОХОЧЕМ] Так как то, что у меня Мои рубашки основана на WebSocket. 00:55:32.860 --> 00:55:37.010 Поэтому проблема одно ребята, у нас есть только четыре минуты. 00:55:37.010 --> 00:55:38.050 Если у вас имеются вопросы, 00:55:38.050 --> 00:55:40.250 Пожалуйста Спросите нас справа после. 00:55:40.250 --> 00:55:43.288 Просто нужно показать, что такое JS. 00:55:43.288 --> 00:55:46.618 Мы анонсировали, вчера, поэтому Давайте объяснить продукт является. 00:55:46.618 --> 00:55:49.820 Мы решили сразу после JS для работы с новой платформы. 00:55:49.820 --> 00:55:53.080 Поэтому мы любим новые записи платформы для разработчиков. 00:55:53.080 --> 00:55:56.028 Но очевидно не все разработчик, web ad developer 00:55:56.028 --> 00:55:58.190 Поэтому мы обнаружили, недавно. 00:55:58.190 --> 00:56:01.586 И затем мы решили работать с Платформа, которая могла бы помочь более 00:56:01.586 --> 00:56:03.470 разработчик, чем просто WebGL. 00:56:03.470 --> 00:56:08.600 И когда мы писали нашей код, мы увидели, что он 00:56:08.600 --> 00:56:12.468 сложные в отладке все мобильные версии. 00:56:12.468 --> 00:56:15.610 Когда вы пишете код, Вы хотите написать ее один раз и 00:56:15.610 --> 00:56:18.700 запустите его везде, но затем Если Вы хотите запустить везде, 00:56:18.700 --> 00:56:21.270 необходимо отладить его везде. 00:56:21.270 --> 00:56:24.440 Проблема заключается в наличии множество различных средств для этого, но 00:56:24.440 --> 00:56:27.500 средства для работы на самом деле не везде, чтобы помочь нам. 00:56:27.500 --> 00:56:30.150 Поэтому мы решили написать отладки 00:56:30.150 --> 00:56:32.460 Платформа средства помочь, выполнив. 00:56:32.460 --> 00:56:38.090 И только на основе чистого JavaScript CSS и с помощью сервера Node.js 00:56:38.090 --> 00:56:43.370 в серверной части, чтобы в режиме реального времени соединение с помощью WebSockets. 00:56:43.370 --> 00:56:47.910 >> Здесь имеется сервер Node.js Установка npm Vorlon просто сделать. 00:56:47.910 --> 00:56:49.240 Это так просто. 00:56:49.240 --> 00:56:51.500 Который будет запущен и предоставить мне панели мониторинга. 00:56:51.500 --> 00:56:52.310 Панели мониторинга отображается здесь. 00:56:52.310 --> 00:56:54.450 Я могу посмотреть Это Моя панель мониторинга. 00:56:54.450 --> 00:56:57.279 Если мы будем ожидать любого подключения Например, с помощью сокетов веб 00:56:57.279 --> 00:56:58.254 Если поддерживается, или 00:56:58.254 --> 00:57:00.771 с помощью опроса с его assurity Если его не поддерживает. 00:57:00.771 --> 00:57:03.400 Для этого мы используем Socket.IO. 00:57:03.400 --> 00:57:05.130 Он работает практически везде. 00:57:05.130 --> 00:57:06.045 Это работает на моем кухню. 00:57:06.045 --> 00:57:10.750 [ХОХОЧЕМ] Так что у меня есть демонстрационный ролик специально для 00:57:10.750 --> 00:57:13.990 и Просто нужно показать в этой демонстрации. 00:57:13.990 --> 00:57:15.620 Откроем его здесь. 00:57:15.620 --> 00:57:17.840 И у меня есть такой. 00:57:17.840 --> 00:57:23.470 Поэтому мы представляем сохранить 3D также поддерживает внутри границы. 00:57:23.470 --> 00:57:26.600 У нас есть сектору, мы делаем такого рода действительно полезные вещи. 00:57:26.600 --> 00:57:31.690 Я пытаюсь воспроизвести какой мы Теперь иметь на проигрыватель media XBMC. 00:57:31.690 --> 00:57:34.050 Это совершенно замечательно и Если нет для его сохранения. 00:57:34.050 --> 00:57:38.820 Так что это просто демонстрации я необходимо предоставить значение, поскольку то, что. 00:57:40.350 --> 00:57:41.092 Ну я не может. 00:57:41.092 --> 00:57:43.390 Этот демонстрационный ролик не работает на конкретном устройстве. 00:57:43.390 --> 00:57:46.230 Это не просто знать Если я использую телефон 00:57:46.230 --> 00:57:47.890 Я не понимаю, почему не работает. 00:57:47.890 --> 00:57:52.928 Таким образом, что можно сделать, просто добавить в Мои 00:57:52.928 --> 00:58:01.520 Код ссылки Чтобы http://localhost. 00:58:01.520 --> 00:58:03.550 Так что Мой сервер запущен на этот URL-адрес. 00:58:03.550 --> 00:58:05.460 И я просто vorlon.js. 00:58:05.460 --> 00:58:06.280 Это так. 00:58:06.280 --> 00:58:07.920 Не требуется никаких дополнительных действий. 00:58:07.920 --> 00:58:09.380 Crap. 00:58:09.380 --> 00:58:12.530 Не требуется никаких дополнительных действий. 00:58:12.530 --> 00:58:13.100 Неплохо. 00:58:13.100 --> 00:58:14.470 >> Необходимо ввести его правильно. 00:58:14.470 --> 00:58:16.240 >> Да, и Я не очень хороши в этой, право? 00:58:16.240 --> 00:58:20.610 >> Это наиболее сложная часть, мы по-прежнему пытаться исправить, чтобы помочь вам. 00:58:20.610 --> 00:58:22.658 >> [ХОХОЧЕМ] звучит, Да Нет, это не хорошо, 00:58:22.658 --> 00:58:25.750 Поскольку я забыл это Да, Благодарим вас. 00:58:25.750 --> 00:58:27.200 Это может быть много для меня. 00:58:28.860 --> 00:58:33.490 И затем снова здесь Эта страница xxyy, перезагрузки хорошо? 00:58:36.520 --> 00:58:38.019 >> И перейдите веб-узел. 00:58:39.170 --> 00:58:41.200 >> Я что-то забыли, но Позвольте мне проверить, что здесь. 00:58:43.190 --> 00:58:46.430 И поэтому Пользовательский Интерфейс инструмента анализа, работаю 00:58:46.430 --> 00:58:49.370 Поэтому не следует Здесь замечательно iPhone. 00:58:49.370 --> 00:58:52.338 Просто я пытаюсь анализировать пользователя строки, отправленные клиентом, 00:58:52.338 --> 00:58:54.890 Я хочу сказать, Эй это iPhone и т. д. 00:58:54.890 --> 00:58:55.540 Просто я работаю на этом. 00:58:55.540 --> 00:58:58.540 Так что здесь простым нажатием на мой клиент 00:58:58.540 --> 00:58:59.770 Можно было видеть, у моего [INAUDIBLE]. 00:58:59.770 --> 00:59:03.840 Поэтому клиент может быть на любом устройство, которое может поступать на сервер. 00:59:03.840 --> 00:59:05.650 Таким образом, если вы хотите использовать его, 00:59:05.650 --> 00:59:08.700 необходимо поместить его на любой сервер в Azure и т. д. 00:59:08.700 --> 00:59:13.390 Он будет работать и Вы видите, у вас в вашем. 00:59:13.390 --> 00:59:16.700 Очевидно, что можно щелкнуть на любой элемент для просмотра, ну Да, хорошо, 00:59:16.700 --> 00:59:20.330 Я вижу, что вы используете это вещи. 00:59:20.330 --> 00:59:25.410 Выбирая такие вещи, как, Позвольте мне найти графический интерфейс пользователя для экземпляра. 00:59:25.410 --> 00:59:29.700 Можно иметь красный прямоугольник вокруг выбранного элемента, 00:59:29.700 --> 00:59:32.520 Вы знаете, где вы находитесь и то, что вы работаете. 00:59:32.520 --> 00:59:34.460 А также консоль здесь. 00:59:34.460 --> 00:59:37.260 Очень важно, консоли так как если что-то не 00:59:37.260 --> 00:59:41.100 аварийное завершение работы на устройстве, будет Некоторые сообщения можно отправьте на консоль. 00:59:41.100 --> 00:59:43.190 Консоль отправляет все сообщения 00:59:43.190 --> 00:59:44.150 на панели мониторинга. 00:59:44.150 --> 00:59:45.900 Итак, вы знаете, что происходит. 00:59:45.900 --> 00:59:49.865 Я хотела Показать также ferb подключаемый модуль здесь. 00:59:49.865 --> 00:59:53.428 Мы используем на modernizer знать все функции устройства 00:59:53.428 --> 00:59:55.550 возможности устройства. 00:59:55.550 --> 00:59:58.250 Отправить, поэтому обратно на панель мониторинга можно заметить 00:59:58.250 --> 01:00:01.740 это конкретное устройство может показаться Например, он поддерживает 01:00:01.740 --> 01:00:04.180 Трехмерные преобразования CSS или Сохранение 3D и т. д. 01:00:04.180 --> 01:00:06.720 У нас есть список всех здесь, и 01:00:06.720 --> 01:00:10.300 Я очень горжусь Показать, что он находится на границе DreamWeaver. 01:00:10.300 --> 01:00:10.880 Это замечательно. 01:00:10.880 --> 01:00:13.789 Да Нет, мы не поддерживает База данных SQL, но не стоит беспокоиться. 01:00:13.789 --> 01:00:17.860 Это старый. 01:00:17.860 --> 01:00:21.340 Кроме того, можно здесь Добавьте горячего воздуха и т. д. 01:00:21.340 --> 01:00:25.050 Достаточно сказать, что требуется выполнить что-то здесь в моей консоли и 01:00:25.050 --> 01:00:26.890 Это будет выполняться на клиенте. 01:00:26.890 --> 01:00:29.230 Таким образом можно управлять такого рода вещи. 01:00:29.230 --> 01:00:30.190 Это можно сделать. 01:00:30.190 --> 01:00:30.910 Это бесплатно. 01:00:30.910 --> 01:00:33.960 Используйте, по любому из на этапе отладки и 01:00:33.960 --> 01:00:37.160 Мы открыты для любой вклад >> Является открытым исходным кодом. 01:00:37.160 --> 01:00:40.470 >> Да. Затем мы добавим веб аудио подключаемые модули 01:00:40.470 --> 01:00:47.700 Чтобы можно было Показать узел и Чтобы отобразить аудио материалы веб узла. 01:00:47.700 --> 01:00:50.880 Мы думаем о подключении Чтобы также режим отладки. 01:00:50.880 --> 01:00:52.920 Так, например, вы пишете в операционной системе Firefox. 01:00:52.920 --> 01:00:56.230 Порт отладки где мы можно подключиться к знать, где находятся в 01:00:56.230 --> 01:00:59.680 код и, возможно, некоторые помещения в дальнейшем точки прерывания. 01:00:59.680 --> 01:01:02.270 Таким образом, он имеет очень Откройте инфраструктуры. 01:01:02.270 --> 01:01:02.850 На самом деле 01:01:02.850 --> 01:01:05.730 Полный так как большую часть времени при мы имеем дело с мобильными устройствами 01:01:05.730 --> 01:01:09.890 код приложения, что-либо Это очень трудно разработать. 01:01:09.890 --> 01:01:12.010 Это обеспечивает самый первый пакет ad. 01:01:13.880 --> 01:01:15.520 Благодарим всех за то, что существует. 01:01:15.520 --> 01:01:16.428 Мне очень нравится его. 01:01:16.428 --> 01:01:23.810 >> [АПЛОДИСМЕНТЫ] >> Не забывайте оценки. 01:01:23.810 --> 01:01:25.317 >> Спасибо, спасибо. 01:01:25.317 --> 01:01:28.330 [ВНЕШНИХ]