WEBVTT 00:00:00.006 --> 00:00:02.306 Salve a tutti. 00:00:02.306 --> 00:00:07.840 [ESTERNA] Mi chiamo David. 00:00:09.080 --> 00:00:10.290 Mi chiamo David Catuhe. 00:00:10.290 --> 00:00:15.870 Si lavora per Microsoft DX e mia è attiva 00:00:15.870 --> 00:00:20.650 gli standard Web aperti e Ovviamente per Edge di Microsoft. 00:00:20.650 --> 00:00:23.520 Farò che tutti i in questa sessione 00:00:23.520 --> 00:00:27.640 tenta di veicolare non Spot Microsoft e affermando che Microsoft Edge, pertanto 00:00:27.640 --> 00:00:29.750 tenere con me. 00:00:29.750 --> 00:00:31.070 Sono qui con David. 00:00:31.070 --> 00:00:32.320 >> Hello. In questo modo, scostamenti 00:00:32.320 --> 00:00:34.020 più le stesse operazioni, e 00:00:34.020 --> 00:00:37.300 Si lavora come Senior programma Il materiale stesso Manager. 00:00:37.300 --> 00:00:40.970 >> Oggi ci sarà così Sì presentare all'utente al centro 00:00:40.970 --> 00:00:42.830 del bordo di Microsoft. 00:00:42.830 --> 00:00:45.990 E soprattutto si cercherà di concentrarsi sulle nuove funzionalità 00:00:45.990 --> 00:00:47.590 che è stato aggiunto su di esso. 00:00:47.590 --> 00:00:51.600 E si desidera eseguire un'introduzione poco prima, 00:00:51.600 --> 00:00:53.960 per spiegare è motivo per cui un nuovo browser? 00:00:55.210 --> 00:00:56.455 Che cos'è all'interno? 00:00:56.455 --> 00:00:59.185 E quindi andiamo a eseguire alcune operazioni di codifica. 00:00:59.185 --> 00:01:00.185 >> E molte dimostrazioni. 00:01:00.185 --> 00:01:03.455 >> Sì, in tal caso, inviare una valutazione. 00:01:03.455 --> 00:01:05.125 Esistono alcuni premi per vincere. 00:01:05.125 --> 00:01:06.725 Utilizzare il codice QR qui. 00:01:06.725 --> 00:01:09.435 Penso che sono abituati. 00:01:10.435 --> 00:01:13.700 In modo che l'ordine del giorno, tre parti, motivo per cui un nuovo motore? 00:01:13.700 --> 00:01:17.400 Quindi, il web moderno interoperabilità: oggi, e 00:01:17.400 --> 00:01:20.267 Ovviamente ci concentreremo quindi nel codice e funzionalità. 00:01:21.540 --> 00:01:23.230 Solo un sondaggio rapido. 00:01:23.230 --> 00:01:25.090 Chi è uno sviluppatore web? 00:01:26.530 --> 00:01:27.670 Adoro voi ragazzi. 00:01:27.670 --> 00:01:29.830 Mi piace ovviamente nonché utente uno. 00:01:29.830 --> 00:01:33.310 [RIDERE] Ma che è un grande agglomerato di persone, e 00:01:33.310 --> 00:01:35.910 È possibile ricordo l'ultimo anno Quando abbiamo chiesto a questa domanda, 00:01:35.910 --> 00:01:40.830 Forse era 20% della stanza, e penso che è ora simile a 50. 00:01:40.830 --> 00:01:42.380 Che è una buona valutazione. 00:01:42.380 --> 00:01:43.690 In questo modo, prima domanda. 00:01:43.690 --> 00:01:44.880 Per questo motivo la creazione di un nuovo motore? 00:01:44.880 --> 00:01:46.780 Per questo motivo la creazione di un nuovo browser? 00:01:46.780 --> 00:01:50.520 Questa operazione, per descrivere un po' di vocabolario, 00:01:50.520 --> 00:01:52.570 è la modalità di utilizzo di un browser. 00:01:52.570 --> 00:01:54.790 Abbiamo la finestra stessa. 00:01:54.790 --> 00:01:55.820 Ciò che definiamo il colore. 00:01:55.820 --> 00:01:58.460 Non è facile da utilizzare quando è possibile gestire con browser, in modo 00:01:58.460 --> 00:02:00.360 diciamo una finestra. 00:02:00.360 --> 00:02:04.760 All'interno di tale finestra, abbiamo il Piattaforma Web, vale a dire la DLL 00:02:04.760 --> 00:02:09.430 e tutti i C++ codice tale handle tutte le operazioni correlate a HTML, 00:02:09.430 --> 00:02:14.900 JavaScript, CSS per eseguire il rendering un'immagine della pagina, OK (Okay)? 00:02:14.900 --> 00:02:18.420 Per Internet Explorer il nome del la piattaforma Web è Trident. 00:02:18.420 --> 00:02:22.190 Abbiamo ovviamente nello stesso brano per Colore, e 00:02:22.190 --> 00:02:25.760 il nome della piattaforma Web In questo caso è la velocità di intermittenza. 00:02:25.760 --> 00:02:30.870 Abbiamo WebKit di Safari, e Abbiamo Gecko per Firefox. 00:02:30.870 --> 00:02:32.830 Ma lavoriamo allo stesso modo, una finestra, e 00:02:32.830 --> 00:02:34.690 interno, una piattaforma Web, OK? 00:02:34.690 --> 00:02:35.450 Un motore di rendering. 00:02:37.400 --> 00:02:38.502 Un minimo di cronologia. 00:02:38.502 --> 00:02:42.860 20 anni fa, abbiamo iniziato 00:02:42.860 --> 00:02:47.820 nel 1995 con una versione molto prima di Internet Explorer, 20 anni fa. 00:02:47.820 --> 00:02:51.450 Quando si parla di informatica, è come dinosauri. 00:02:52.740 --> 00:02:54.510 In quel momento abbiamo creato una prima versione. 00:02:54.510 --> 00:02:57.330 Ma passiamo solo per IE6. 00:02:57.330 --> 00:03:01.210 IE6 è stata la prima versione dove è stato presentato un nuovo apparecchio 00:03:02.370 --> 00:03:05.130 l'oggetto! DOCTYPE. 00:03:05.130 --> 00:03:10.163 Era un'idea per noi all'indirizzo nel contempo, nuove funzionalità e 00:03:10.163 --> 00:03:14.102 compatibilità il lavoro. 00:03:15.470 --> 00:03:18.010 Volevamo aggiungere molta nuove funzionalità all'interno di Internet Explorer 00:03:18.010 --> 00:03:20.330 senza interrompere il web. 00:03:20.330 --> 00:03:23.080 Così abbiamo detto, in realtà, si consideri 00:03:23.080 --> 00:03:28.632 Se lo sviluppatore web inserito bank.type all'inizio della pagina. 00:03:28.632 --> 00:03:30.440 Si consideri che è un trigger per 00:03:30.440 --> 00:03:35.880 Per utilizzare il nuovo molto funzionalità che abbiamo aggiunto in IE6. 00:03:35.880 --> 00:03:37.428 Ma perché abbiamo non interrompere il web 00:03:37.428 --> 00:03:42.830 si affidano report precedente versione come IE5 ecc. 00:03:42.830 --> 00:03:46.470 Viene chiamato modalità doc, modalità di documento. 00:03:46.470 --> 00:03:51.670 La modalità di doc è un flag compact all'interno del codice che consente di attivare e 00:03:51.670 --> 00:03:54.400 disattivare qualsiasi funzionalità specifica abbiamo. 00:03:54.400 --> 00:03:58.584 È sufficiente Possiamo immaginare che all'interno iCode, esistono una dozzina di se. 00:03:58.584 --> 00:04:01.306 Se IE6, quindi è possibile farlo. 00:04:01.306 --> 00:04:04.050 Se Internet Explorer 5 e quindi I non possiamo farlo. 00:04:04.050 --> 00:04:05.330 OK (Okay)? 00:04:05.330 --> 00:04:07.969 E per IE6, avevamo in quel momento, 00:04:07.969 --> 00:04:11.330 all'interno del motore stesso, modalità di due doc. 00:04:11.330 --> 00:04:15.680 In questo modo, può essere una combinazione Se due, effettivamente. 00:04:15.680 --> 00:04:18.170 Se per qualsiasi versione quindi è possibile farlo. 00:04:18.170 --> 00:04:21.570 In caso contrario questo specifica versione, quindi è possibile farlo. 00:04:23.040 --> 00:04:24.930 Sposta in avanti si passerà IE8. 00:04:27.160 --> 00:04:30.690 Con IE8 abbiamo introdotto un terzo documento modalità. 00:04:30.690 --> 00:04:33.130 Stesso brano qui effettivamente. 00:04:33.130 --> 00:04:34.960 Abbiamo impiegato ulteriormente questo concetto. 00:04:34.960 --> 00:04:38.260 Così tre modalità di documento modalità se all'interno del codice. 00:04:39.490 --> 00:04:43.757 Tenere sempre presente che Volevamo offrire nuovi 00:04:43.757 --> 00:04:47.712 funzionalità senza interrompere il web OK (Okay)? 00:04:47.712 --> 00:04:49.151 E quindi. 00:04:49.151 --> 00:04:52.481 Passiamo a IE11. 00:04:52.481 --> 00:04:54.457 Indovinate cosa succede? 00:04:54.457 --> 00:04:58.315 In quel momento, sapevamo che si sono verificati problemi. 00:04:58.315 --> 00:05:03.200 >> [RIDERE] >> Non è possibile. 00:05:03.200 --> 00:05:08.230 Lo sviluppatore che ha creato IEngine sono stati realmente coraggioso guys. 00:05:08.230 --> 00:05:12.880 Immaginiamo che abbiamo serie Se IE11 e non 10 ma 00:05:12.880 --> 00:05:17.080 8 e qualsiasi, è stato appena veramente complicato eseguire. 00:05:17.080 --> 00:05:21.679 Ma perché ho lavorato per Chris in quel momento era compat, 00:05:21.679 --> 00:05:25.320 compatibilità con le versioni precedenti. 00:05:25.320 --> 00:05:29.750 Nel contempo, cromo, 00:05:29.750 --> 00:05:33.740 Firefox, Opera, Safari sono quelle che chiamiamo sempreverde. 00:05:33.740 --> 00:05:37.540 Ciò significa che hanno appena una versione specifica. 00:05:37.540 --> 00:05:41.890 Se non è 31 cromo o Se Chrome 32, qualsiasi. 00:05:41.890 --> 00:05:45.240 Hanno semplicemente tutti la funzionalità è sempre disponibile. 00:05:45.240 --> 00:05:49.070 E sono aggiornati abbastanza di frequente. 00:05:50.640 --> 00:05:52.940 Non è un gioco corretto per noi. 00:05:54.660 --> 00:05:56.890 Pertanto si decise di introdurre un nuovo browser. 00:05:56.890 --> 00:05:58.850 L'idea è abbastanza semplice in realtà, 00:05:58.850 --> 00:06:01.530 Manteniamo IE11 da compatibilità con le versioni precedenti. 00:06:01.530 --> 00:06:03.680 Abbiamo non toccare più IE11. 00:06:03.680 --> 00:06:07.296 È sotto il [INAUDIBLE] Se è stato acquistato per l'azienda, 00:06:07.296 --> 00:06:11.650 o per una determinata funzionalità che non sono supportati per il web moderno. 00:06:11.650 --> 00:06:13.970 Viene chiamata funzionalità preesistenti. 00:06:13.970 --> 00:06:17.100 Non si desidera interrompere il web ma si desidera passare e 00:06:17.100 --> 00:06:20.270 per fornire un'esperienza migliore per sviluppatori web. 00:06:20.270 --> 00:06:25.380 In questo modo, vi presento Edge Microsoft, in base al nuovo 00:06:25.380 --> 00:06:29.900 DLL è un fork di Trident, e Si parlerà nuovamente che dopo, e 00:06:29.900 --> 00:06:33.340 che viene eseguita in tutti i i dispositivi Windows 10. 00:06:33.340 --> 00:06:37.340 Ed è possibile visualizzare qui verrà installato, non è sulla strada giusta ma 00:06:37.340 --> 00:06:40.680 Bordo nel proprio Windows phone sul Tablet PC, sul PC. 00:06:40.680 --> 00:06:45.969 E questo è qualcosa di che realmente mi piace, per essere onesti con te. 00:06:45.969 --> 00:06:50.470 [RIDERE] E parlando il nuovo browser, 00:06:51.520 --> 00:06:54.240 Ovviamente, dobbiamo parlare sull'interoperabilità con 00:06:54.240 --> 00:06:57.160 il web, e con altri produttori di browser. 00:06:57.160 --> 00:07:01.470 E David, è possibile ottenere noi ulteriori informazioni su che? 00:07:01.470 --> 00:07:05.110 >> Sì, oggi quando si utilizza il web, indirizzi web, 00:07:05.110 --> 00:07:09.260 esiste una vasta gamma di dispositivi è possibile destinare, pertanto è enorme, questa operazione 00:07:09.260 --> 00:07:14.060 del Tablet PC, PC, telefoni cellulari, televisori, anche. 00:07:14.060 --> 00:07:15.710 >> Refrigeratori. >> Molte di esse. Frigorifero. 00:07:15.710 --> 00:07:16.720 Sì, nel caso refrigeratori, 00:07:16.720 --> 00:07:17.260 che è giusto. 00:07:17.260 --> 00:07:18.970 >> È disponibile un frigorifero connesso. 00:07:18.970 --> 00:07:23.200 >> Non è l'idea di scrivere una sola volta e Per eseguire ovunque, questo è un sogno. 00:07:23.200 --> 00:07:26.460 Quindi, si noterà che vi è una specifica. 00:07:27.990 --> 00:07:32.115 Specifica come browser di scrittura fornitori è piuttosto complesso. 00:07:32.115 --> 00:07:33.124 Richiede tempo. 00:07:33.124 --> 00:07:34.186 Ad esempio, 00:07:34.186 --> 00:07:39.600 Specifica del file HTML è più di 600 pagine per leggere e rivedere. 00:07:39.600 --> 00:07:43.590 In questo modo, ci limitiamo che, ci stiamo scrittura tra loro browser. 00:07:43.590 --> 00:07:46.900 Ma in alcuni casi, gli sviluppatori web non leggono le specifiche. 00:07:46.900 --> 00:07:48.760 >> A volte, che impossibile conoscere. 00:07:48.760 --> 00:07:49.260 >> Sì. 00:07:50.980 --> 00:07:52.730 E, ma funziona bene la maggior parte del tempo. 00:07:52.730 --> 00:07:57.660 Sul desktop di alimentazione, ad esempio, Se si dispone di un aspetto a questo lato. 00:07:57.660 --> 00:08:01.700 Se si utilizza la versione moderna Firefox da Internet Explorer 00:08:01.700 --> 00:08:04.000 11 o per il bordo di Microsoft. 00:08:04.000 --> 00:08:06.680 Anche la maggior parte dei casi si non sarà necessario molto problema 00:08:06.680 --> 00:08:09.250 creazione del sito Web per tutti i ponti di browser. 00:08:09.250 --> 00:08:13.410 Così via, il lato desktop, Viene visualizzato il sogno esiste. 00:08:13.410 --> 00:08:14.420 Esistono quasi, quasi. 00:08:15.730 --> 00:08:19.130 Passare ora alla versione mobile. 00:08:20.850 --> 00:08:24.505 Lo spazio mobile, è possibile visualizzare le stesse dimensioni sono eseguita in 00:08:24.505 --> 00:08:28.810 Firefox OS su Safari Mobile, in un iPhone per 00:08:28.810 --> 00:08:32.670 istanza e Internet Explorer Elemento e il telefono della finestra. 00:08:32.670 --> 00:08:36.400 Ed è possibile vedere che vi sia alcuni problema di rendering di valori e 00:08:36.400 --> 00:08:39.160 Proviamo a capire perché abbiamo questo problemi. 00:08:39.160 --> 00:08:40.550 >> David assolutamente. 00:08:40.550 --> 00:08:43.770 Quindi, il problema, abbiamo qui cerchiamo di acquisire, 00:08:43.770 --> 00:08:48.010 non è scientifico non è un valore proporzionale o qualunque sia. 00:08:48.010 --> 00:08:53.100 È un modo per me spiegare si sta lavorando come web. 00:08:53.100 --> 00:08:55.540 Ci sono finestre del browser, e 00:08:55.540 --> 00:08:59.730 essi dispongono di un'implementazione alcune cose specifiche. 00:08:59.730 --> 00:09:02.187 Ma la maggior parte dei casi si tenta di utilizzare sulla base di chiamiamo il 00:09:02.187 --> 00:09:06.180 intersezione tra azionati dove il web funziona tutto ovunque, in realtà? 00:09:07.380 --> 00:09:10.710 Quando si pensa al web per dispositivi mobili è un po' diverso, perché 00:09:10.710 --> 00:09:16.270 maggior parte dello sviluppatore web ora creato il sito Web mobile per kit web. 00:09:16.270 --> 00:09:20.510 Ed era piuttosto complicato, anche per Firefox. 00:09:20.510 --> 00:09:23.140 E Internet Explorer è necessario andare in questo modo. 00:09:23.140 --> 00:09:25.600 In questo modo, viene qui bordo. 00:09:25.600 --> 00:09:29.790 E per il bordo, la prima cosa che abbiamo fatto è stato per eliminare 00:09:29.790 --> 00:09:32.540 tutto il ghiaccio specifico turf avevamo. 00:09:32.540 --> 00:09:34.968 In questo modo, è possibile rimuovere questo blu parte nella parte inferiore. 00:09:34.968 --> 00:09:39.270 Considerare gli allegati. 00:09:39.270 --> 00:09:44.040 Invece di utilizzare il listener avvento, Aggiungiamo in allegati di tempo, 00:09:44.040 --> 00:09:45.280 che è perfetto. 00:09:45.280 --> 00:09:49.040 E anche oggi, è possibile visualizzare, anche su [IMPERCETTIBILE] o attività simili 00:09:49.040 --> 00:09:52.670 Posso vedere se l'allegato, e utilizzare allegati. 00:09:52.670 --> 00:09:54.878 Utilizzare quindi se non è presente. 00:09:54.878 --> 00:09:56.503 Sono state rimosse che. 00:09:56.503 --> 00:09:58.671 Abbiamo bisogno cose che funziona ovunque. 00:09:58.671 --> 00:10:01.336 E quindi abbiamo aggiunto una grande quantità di. 00:10:01.336 --> 00:10:06.474 Funzionalità e correzioni interoperabili Per garantire che la connessione 00:10:06.474 --> 00:10:11.470 con l'interoperabilità intersezione è grande, in realtà? 00:10:11.470 --> 00:10:17.380 David in tal caso, se ci venga in mente solo sugli standard web qui. 00:10:17.380 --> 00:10:20.810 Ovviamente di Microsoft works verso gli standard web. 00:10:20.810 --> 00:10:23.480 Che è il modo di scorrere in ciclo. 00:10:23.480 --> 00:10:25.434 Ma come accennato, Dobbiamo essere pragmatico. 00:10:25.434 --> 00:10:33.550 E utilizzano le cose a modo, le cose a modo dovrebbero funzionare, 00:10:33.550 --> 00:10:37.530 in realtà, è che lo sviluppatore web dovrebbero guidare la specifica. 00:10:38.550 --> 00:10:41.990 Così abbiamo deciso doveva essere pragmatico, come indicato in precedenza. 00:10:41.990 --> 00:10:45.790 Collaboriamo con gli standard web ma a volte è necessario aggiornare o 00:10:45.790 --> 00:10:47.290 allineare le specifiche. 00:10:47.290 --> 00:10:50.610 In alcuni casi sarà necessario correggere librerie esistenti. 00:10:50.610 --> 00:10:54.480 In alcuni casi è necessario fornire Web feedback per altri browser e 00:10:54.480 --> 00:10:59.180 Ovviamente in qualsiasi momento si desidera utilizzare, ci consentirà di correggere un browser. 00:10:59.180 --> 00:11:03.080 Il modo in cui che vogliamo che il web il lavoro è che semplicemente dovrebbe funzionare. 00:11:03.080 --> 00:11:05.490 È possibile aprire una pagina Web con bordo. 00:11:05.490 --> 00:11:07.070 Dovrebbe funzionare, in realtà? 00:11:08.490 --> 00:11:09.910 E, ovviamente, come già accennato prima, 00:11:09.910 --> 00:11:13.760 possiamo fornire bug alle librerie o qualsiasi finestra del browser. 00:11:13.760 --> 00:11:16.900 Per cui non è solo di noi effettivamente. 00:11:16.900 --> 00:11:20.290 È anche su come ci stiamo visualizzate dagli utenti. 00:11:20.290 --> 00:11:24.090 È pertanto opportuno esaminare alcuni esempi per fornire è un'idea, abbiamo come correggere 00:11:24.090 --> 00:11:26.950 alcune operazioni molto facilmente. 00:11:26.950 --> 00:11:29.340 Si riavvia la pagina a sinistra, 00:11:29.340 --> 00:11:33.210 prima si introducono alcuni le correzioni per il nostro server web. 00:11:33.210 --> 00:11:37.710 In questo modo, è stato in esecuzione su Telefono Windows e Internet Explorer. 00:11:38.980 --> 00:11:43.150 E non funzionava bene Poiché le parti del sito Web, 00:11:43.150 --> 00:11:47.620 sono probabilmente credono che si superare con iPhone o 00:11:47.620 --> 00:11:50.430 Android e già in esecuzione qualcosa sul server web. 00:11:50.430 --> 00:11:52.000 In questo caso Android o 00:11:52.000 --> 00:11:55.860 è WebKit, quindi fornire la versione mobile del sito Web. 00:11:55.860 --> 00:11:58.820 Se non è quindi fornire il desktop versione del sito Web. 00:11:58.820 --> 00:12:02.800 Il problema per noi è che Internet Explorer è stato una versione di Internet Explorer in esecuzione su dispositivi mobile 00:12:02.800 --> 00:12:07.810 Windows phone e abbiamo aggiunto quindi il mobile, un'altra versione mobile. 00:12:07.810 --> 00:12:12.740 Per modificare è sufficiente introdurre uno specifico 00:12:12.740 --> 00:12:17.740 modo, abbiamo riscontrato un'ossatura chiave in UID, di fatto. 00:12:17.740 --> 00:12:21.680 In modo che consiste nel pronunciare che non siamo su Internet Explorer, 00:12:21.680 --> 00:12:25.190 Microsoft intende inoltre come E per Server o Android. 00:12:25.190 --> 00:12:28.510 E il modo in cui il codice del server web considera che siamo un iPhone e 00:12:28.510 --> 00:12:32.270 un dispositivi Android e servizio il contenuto per il mobile. 00:12:32.270 --> 00:12:36.560 E sarà direttamente Poiché si è verificato alcun problema. 00:12:36.560 --> 00:12:39.020 sulla parte ring esecuzione del motore JavaScript. 00:12:39.020 --> 00:12:42.240 È stato solo alcuni errato rilevamento del lato server 00:12:42.240 --> 00:12:44.709 che è stato di interruzione dell'esecuzione anello sulla versione del mobile. 00:12:46.510 --> 00:12:50.060 Pertanto si decise di modificare l'agente utente. 00:12:50.060 --> 00:12:53.990 Accadere è noto Stringhe agente utente. 00:12:53.990 --> 00:12:57.450 E torniamo indietro nella cronologia nuovo della prima, 00:12:57.450 --> 00:12:59.800 con l'introduzione che è Netscape. 00:12:59.800 --> 00:13:03.240 E utilizziamo la versione 5 di Mozilla. 00:13:03.240 --> 00:13:06.420 E tutti gli utenti è stato presenza simultanea di tutti i passaggi. 00:13:06.420 --> 00:13:10.720 In modo che ci stiamo esecuzione del gioco stesso Quando il colore immesso il gioco e 00:13:10.720 --> 00:13:15.190 hanno deciso di introdurre un analogo Aspetti Gecko da aggiungere a 00:13:15.190 --> 00:13:16.678 Il codice di versione di Firefox. 00:13:16.678 --> 00:13:20.200 Ascolto che il server web e oggi che è possibile osservare che, 00:13:20.200 --> 00:13:22.905 Copia tutti gli utenti è in corso incollare la versione diversa. 00:13:22.905 --> 00:13:25.640 In modo che l'idea è in realtà non eseguire questa operazione in più, 00:13:25.640 --> 00:13:31.490 Per utilizzare il rilevamento di alcune funzionalità invece di "sniffing" della UA. 00:13:31.490 --> 00:13:33.010 Alcune altre cose interessanti. 00:13:33.010 --> 00:13:36.300 Quindi, faremo visitare un sito Web che non funzionava correttamente 00:13:36.300 --> 00:13:38.440 IE11 Windows 8.1. 00:13:38.440 --> 00:13:41.070 Il problema principale è stato dovuto al fatto che, 00:13:41.070 --> 00:13:43.620 il codice era in uso alcuni prefissi. 00:13:43.620 --> 00:13:48.750 In modo che i prefissi sono stati utilizzati per attivare è possibile provare alcune nuove funzionalità. 00:13:48.750 --> 00:13:49.390 Quindi, ad esempio, 00:13:49.390 --> 00:13:53.630 In questo caso, utilizza il sito Web la versione di valutazione - webkit. 00:13:53.630 --> 00:13:56.520 Problema è che - webkit non è utilizzato da Internet Explorer. 00:13:56.520 --> 00:13:59.440 Ovviamente, vedere, utilizziamo Trident come ci aspettavamo che comunica. 00:13:59.440 --> 00:14:01.690 Questa operazione per gestire per risolvere questo problema, 00:14:01.690 --> 00:14:07.300 Abbiamo deciso di aggiungere alcune funzionalità specifiche del webkit-, CSS, 00:14:07.300 --> 00:14:12.190 utilizzato per la versione di avvio Internet Explorer e oggi, Microsoft Edge. 00:14:12.190 --> 00:14:13.110 Solo per questo scopo, 00:14:13.110 --> 00:14:16.890 Abbiamo quindi abbiamo stato correzione molto problemi sul web, perché il codice 00:14:16.890 --> 00:14:19.950 verrà non aggiornato all'ultima versione della specifica. 00:14:19.950 --> 00:14:23.260 E viene utilizzato l'ultimo versione della specifica. 00:14:23.260 --> 00:14:25.160 >> Sì, che è un punto di interesse. 00:14:25.160 --> 00:14:28.450 Il rendering del web era impegnato utilizzo di motore ma 00:14:28.450 --> 00:14:31.900 non ci aspettavamo riceve il diritto tratto qualcosa. 00:14:31.900 --> 00:14:34.430 Ci aspettavamo ricezione non trattino MS o nulla in modo che 00:14:34.430 --> 00:14:36.010 è realmente il problema qui. 00:14:36.010 --> 00:14:39.585 >> Così l'idea quando è, anche tutti i il [INAUDIBLE] è stato deciso di 00:14:39.585 --> 00:14:43.470 Consente di giocare con alcuni nuove funzionalità era prefissi. 00:14:43.470 --> 00:14:47.000 Parole simili una buona idea in quel momento. 00:14:47.000 --> 00:14:51.990 Ma ora la nuova versione dell'utilizzo funzionalità sperimentale sarebbe 00:14:51.990 --> 00:14:55.690 Utilizzare invece le operazioni di informazioni su: flag come è possibile impostare il colore e 00:14:55.690 --> 00:14:57.130 in Edge di Microsoft. 00:14:57.130 --> 00:14:59.370 Così digitando semplicemente che Nella barra degli indirizzi 00:14:59.370 --> 00:15:02.350 è possibile abilitare alcune funzionalità sperimentale. 00:15:02.350 --> 00:15:06.080 Quindi, se l'utente non dispone che nel browser, senza grossi problemi. 00:15:06.080 --> 00:15:09.660 E se la funzionalità diventa quindi memorizzati nel programma riportato di seguito, 00:15:09.660 --> 00:15:11.830 è possibile, Abbiamo spostato dall'altro flag. 00:15:11.830 --> 00:15:13.120 >> E non sarà necessario modificare il codice? 00:15:13.120 --> 00:15:14.110 >> Non sarà necessario modificare il codice. 00:15:14.110 --> 00:15:15.290 Rilevata verrà attivata per impostazione predefinita. 00:15:18.360 --> 00:15:22.300 Così come si può, anche prestare attenzione ad alcuni elementi. 00:15:22.300 --> 00:15:26.710 Pertanto, non utilizzare lo sniffing, funzionalità rilevamenti, 00:15:26.710 --> 00:15:28.030 è di fondamentale importanza. 00:15:28.030 --> 00:15:31.020 Per impostazione predefinita è infatti a che un nuovo browser e 00:15:31.020 --> 00:15:33.130 browser sconosciuto sono ideali per impostazione predefinita. 00:15:33.130 --> 00:15:34.640 Così immaginiamo che oggi. 00:15:34.640 --> 00:15:35.480 Non so. 00:15:35.480 --> 00:15:40.660 La maggior parte di voi scrivere un nuovo programma con un nuovo nome e nuovo indirizzo. 00:15:40.660 --> 00:15:43.552 Ma è buona Poiché è moderno. 00:15:43.552 --> 00:15:45.083 Quindi non è necessario eseguire lo sniffing di esso. 00:15:45.083 --> 00:15:46.230 E compilare alcuni sacchi. 00:15:46.230 --> 00:15:47.720 Tutti i sacchi di riempimento è oggi. 00:15:47.720 --> 00:15:52.100 Pertanto, è necessario serie di alloggiamenti di bug è possibile riempire, visitare mosy@google. 00:15:52.100 --> 00:15:55.350 E adesso è anche possibile inviare alcuni bug dirci 00:15:55.350 --> 00:15:57.860 che sono il problema, è possibile che nel nostro motore di rendering. 00:15:57.860 --> 00:16:01.025 Inviando solo alcune semplici codice, ad esempio su JSFiddle o 00:16:01.025 --> 00:16:04.070 li e ti verrà esaminato e Provare a correggere il nostro modulo di gestione. 00:16:05.800 --> 00:16:08.680 >> Partecipanti otterranno così sufficienti sul brano e Per questo motivo, abbiamo e 00:16:08.680 --> 00:16:10.800 informazioni sulle nuove funzionalità che è stato aggiunto. 00:16:10.800 --> 00:16:17.560 Pertanto solo un piccolo punto prima di una motore, sappiamo significa velocità più veloce. 00:16:18.710 --> 00:16:21.080 Che è ovvio che è non dispone di tempo. 00:16:21.080 --> 00:16:25.061 Pensate se tutte le serie di se Avevamo nel tempo è ancora 00:16:25.061 --> 00:16:27.440 utilizzando la nuova funzionalità che è possibile aggiungere. 00:16:27.440 --> 00:16:28.320 Così è facile per 00:16:28.320 --> 00:16:31.690 noi e vi è questa nuova funzionalità che è che si sta lavorando. 00:16:31.690 --> 00:16:36.124 È solo un estratto di il status.modern.ie 00:16:36.124 --> 00:16:38.480 sito Web è nostra roadmap. 00:16:38.480 --> 00:16:40.260 Cosa stiamo lavorando sulle? 00:16:40.260 --> 00:16:41.930 Che cos'è già fatto. 00:16:41.930 --> 00:16:45.026 Tutto qui è pubblico. 00:16:45.026 --> 00:16:49.164 È sufficiente passare a Status.Modern.IE per trovare una grande quantità di 00:16:49.164 --> 00:16:50.579 passaggi che abbiamo fatto. 00:16:50.579 --> 00:16:55.451 Abbiamo appena milioni di nuove funzioni Per garantire che si conosce il percorso 00:16:55.451 --> 00:16:59.210 nell'interoperabilità sezione funziona correttamente. 00:16:59.210 --> 00:17:03.876 Avevamo le nuove funzionalità, abbiamo fatto correzioni per possibilità interoperabili. 00:17:03.876 --> 00:17:07.339 Ulteriori informazioni Vai al Status.Modern.IE è possibile trovare ogni 00:17:07.339 --> 00:17:09.146 informazioni che si desidera. 00:17:09.146 --> 00:17:12.251 Inoltre è possibile trovare elementi che stiamo sviluppando e 00:17:12.251 --> 00:17:14.670 cose che ci stiamo prendendo in considerazione questa operazione estrema. 00:17:14.670 --> 00:17:17.359 Sufficiente in attesa di un buon motivo per implementarli. 00:17:18.990 --> 00:17:23.510 In questo modo, si hanno un aspetto il relativo è oggi possibile con bordo. 00:17:23.510 --> 00:17:24.410 OK (Okay)? 00:17:24.410 --> 00:17:25.850 In questo modo, è possibile passare a sei. 00:17:29.880 --> 00:17:34.520 Il primo demo è da visualizzare è presente uno. 00:17:34.520 --> 00:17:38.230 In questa demo è stata sviluppata con un amico nostro, Michel Rousseau, 00:17:38.230 --> 00:17:40.570 chi è una finestra di progettazione, una finestra di progettazione 3D. 00:17:40.570 --> 00:17:45.550 E abbiamo fatto noi oggetto 3D all'interno di 3Ds Max. 00:17:47.440 --> 00:17:51.865 Nessun plug-in Edge solo Microsoft, webGL questa funzionalità, 00:17:51.865 --> 00:17:53.870 Web-OGO e Game Pad. 00:17:53.870 --> 00:17:58.820 Così è possibile attivare solo il Game Pad In questo caso, trovare il Game Pad in un punto. 00:17:58.820 --> 00:18:00.100 >> Il Game Pad destro. 00:18:00.100 --> 00:18:02.595 >> Sì perché >> Ritiene più appropriato. 00:18:02.595 --> 00:18:04.010 >> A te. 00:18:04.010 --> 00:18:07.810 >> E possiamo è attiva, spegnere la luce è possibile 00:18:08.980 --> 00:18:12.730 forse no, non tenta di passare vi. 00:18:12.730 --> 00:18:17.060 Pertanto la versione di eseguire sul mio poco 1 x relativo un Intel HD di schede di questa operazione 00:18:17.060 --> 00:18:20.850 una delle meno cos'altro una volta trovati disponibili. 00:18:20.850 --> 00:18:24.490 E possiamo vedere che si esegue a 60 frame al secondo. 00:18:24.490 --> 00:18:26.287 E con l'Audio del Web, 00:18:26.287 --> 00:18:31.798 Per assegnare questo meraviglioso è in esecuzione atmosfera che possiamo può dire. 00:18:31.798 --> 00:18:35.535 E ancora una volta, il suono è attualmente seguono la fotocamera 00:18:35.535 --> 00:18:39.080 [IMPERCETTIBILE] in camera che cosa si sta osservando. 00:18:39.080 --> 00:18:41.180 Andando dell'Audio per il Web calcolare tutto 00:18:41.180 --> 00:18:45.140 in modo che si abbia la possibilità Per fare alcune cose. 00:18:45.140 --> 00:18:48.110 È davvero semplice per farlo, abbiamo verranno visualizzati contemporaneamente. 00:18:48.110 --> 00:18:49.780 Quindi, ad esempio, prevede 00:18:49.780 --> 00:18:53.010 è possibile la corretta ossatura di riproduzione di alcuni pianoforti. 00:18:53.010 --> 00:18:55.830 E si sposta dalla l'ossatura, automaticamente, 00:18:55.830 --> 00:18:58.620 esiste una distanza specifica da computer dal Web Audio e 00:18:58.620 --> 00:19:00.840 non verrà riprodotto il suono più. 00:19:00.840 --> 00:19:03.580 È quindi possibile spostare per il cemetery. 00:19:03.580 --> 00:19:06.320 Abbiamo alcune divertenti stuff lì. 00:19:06.320 --> 00:19:09.480 >> Finora abbiamo trovato che Clippy è inattivo. 00:19:11.350 --> 00:19:13.756 Abbiamo trovato suo ghost. 00:19:13.756 --> 00:19:15.461 >> Non so se si ricorda di Clippy. 00:19:15.461 --> 00:19:18.005 Chi pensava Clippy nella stanza? 00:19:18.005 --> 00:19:21.712 >> È disponibile. 00:19:21.712 --> 00:19:23.045 In tal caso resto in pace, Clippy. 00:19:23.045 --> 00:19:25.672 >> Forse il con- >> Schroedinger cat. 00:19:25.672 --> 00:19:30.212 >> Non sappiamo se era morto o non, in modo da sapere ora è inattivo. 00:19:30.212 --> 00:19:34.961 >> E Infine, abbiamo riscontrato che IE6 è inattivo. 00:19:34.961 --> 00:19:39.171 >> [UN APPLAUSO] 00:19:39.171 --> 00:19:43.836 >> E long live a Spartan. 00:19:43.836 --> 00:19:50.461 >> [UN APPLAUSO]. 00:19:50.461 --> 00:19:53.635 >> In modo che l'obiettivo principale è di Mostra è che senza qualsiasi plug-in, 00:19:53.635 --> 00:19:57.444 solo web, possiamo fare realmente awesome STUFF come in un'applicazione nativa, 00:19:57.444 --> 00:19:58.090 in realtà. 00:19:58.090 --> 00:19:59.730 >> Solo Immaginate che a schermo intero. 00:19:59.730 --> 00:20:03.010 Nessuno sarà probabilmente in grado o non è che il PC è HTML5 in esecuzione e 00:20:03.010 --> 00:20:03.990 Codice JavaScript. 00:20:03.990 --> 00:20:05.461 È molto interessante. 00:20:05.461 --> 00:20:08.907 >> Sì e anche nell'esempio è dimostrano l'ieri 00:20:08.907 --> 00:20:12.610 il keynote è Arcade di volo, nello stesso brano qui. 00:20:12.610 --> 00:20:14.010 È possibile, ottenere, in realtà, questa operazione 00:20:14.010 --> 00:20:18.575 Ho appena, il di questo gioco specifico, Spiacente. 00:20:18.575 --> 00:20:20.170 Stessa cosa qui. 00:20:20.170 --> 00:20:20.900 >> Siete pronti a battere? 00:20:20.900 --> 00:20:24.661 Il diritto di utilizzare e tasti freccia sinistra per attivare 00:20:24.661 --> 00:20:25.380 >> Certamente. 00:20:25.380 --> 00:20:25.973 Eseguita questa operazione. 00:20:25.973 --> 00:20:28.132 >> E la freccia di scorrimento chiavi [CROSSTALK] [INAUDIBLE] 00:20:28.132 --> 00:20:33.339 >> Non è possibile risolvere web qui 00:20:35.258 --> 00:20:39.750 con i lettori. 00:20:39.750 --> 00:20:44.010 In tal caso se sei livelli posteriori giochi, pertanto. 00:20:44.010 --> 00:20:44.990 >> Ma grazie. 00:20:44.990 --> 00:20:47.730 Qui abbiamo durm a eseguire il rendering dell'interfaccia utente. 00:20:47.730 --> 00:20:50.867 All'interno del durm abbiamo il kent Blaster, abbiamo il materiale WebGm. 00:20:50.867 --> 00:20:53.260 Webaab viene utilizzato per eseguire il suono. 00:20:53.260 --> 00:20:55.389 Abbiamo gioco Pack è acquistati direttamente senza che nessuno 00:20:56.540 --> 00:20:59.210 volta plug-in specifici nuovo che è appena awesome. 00:20:59.210 --> 00:21:02.000 >> E infine si spostare in un'altra. 00:21:02.000 --> 00:21:04.730 In modo che tutto ciò che è stato creato sopra il nostro 00:21:04.730 --> 00:21:06.935 motore preferito ovvero Babylon GS. 00:21:06.935 --> 00:21:10.490 [RIDERE] Open source Web così framework gl 00:21:10.490 --> 00:21:13.700 Questa è la cosa con showcase durante il keynote del primo. 00:21:13.700 --> 00:21:17.690 In modo che sia in esecuzione il Pompeii città in cui è stato 00:21:17.690 --> 00:21:19.090 ricostruita utilizzando alcuni drones. 00:21:19.090 --> 00:21:23.150 Così si accettano alcune immagini della città e rigenerare una trama 3D completa 00:21:23.150 --> 00:21:25.940 che effettivamente utilizzano con alcune molto di trame. 00:21:25.940 --> 00:21:29.870 Utilizziamo, confermare il 3D esperto che cosa ci stiamo denominazione il carico. 00:21:29.870 --> 00:21:33.560 Quindi è un modo per caricare il dispositivo versione della mesh in base a 00:21:33.560 --> 00:21:34.640 la distanza sono. 00:21:34.640 --> 00:21:37.860 >> È possibile avere più di un trilioni pixel qui perché sono stati i drones 00:21:37.860 --> 00:21:40.390 in grado di acquisire >> Una cella di T per 00:21:40.390 --> 00:21:41.850 ogni due centimetri. 00:21:41.850 --> 00:21:43.040 In tal caso centimetri tre. 00:21:43.040 --> 00:21:44.640 Spero che si ottiene. 00:21:44.640 --> 00:21:45.980 Non si dispone di traduzione un. 00:21:47.150 --> 00:21:48.740 >> E vedere che è possibile passare, in una città, e 00:21:48.740 --> 00:21:50.840 tutto ciò che è in corso per calcolare in tempo reale. 00:21:50.840 --> 00:21:52.710 La città è davvero molto interessante, in modo. 00:21:53.810 --> 00:21:55.880 Tutto ciò che può essere eseguito ora in stato di avanzamento. 00:21:55.880 --> 00:22:00.530 Utilizzando il game pad, ora e Web GL potrete volare sopra la città e 00:22:00.530 --> 00:22:02.370 è possibile spostare vicino a questi. 00:22:02.370 --> 00:22:05.950 E carichiamo alcuni superiore misure di definizione e la trama. 00:22:05.950 --> 00:22:10.603 Ed è molto interessante a immaginare che Questa opzione è disponibile immediatamente se si 00:22:10.603 --> 00:22:14.956 accedere a un server web specifico che è possibile ottenere questo tipo di esperienza in esecuzione 00:22:14.956 --> 00:22:16.290 nel browser. 00:22:16.290 --> 00:22:18.310 Con nessun plug-in affatto. 00:22:18.310 --> 00:22:20.980 Così [INAUDIBLE] potrebbe in realtà essere in grado di dimostrare è. 00:22:20.980 --> 00:22:23.870 E abbiamo bisogno di illustrare come a- >> Come eseguire questa operazione. 00:22:23.870 --> 00:22:24.440 >> Come eseguire questa operazione. 00:22:26.010 --> 00:22:30.530 Allora passare per il computer che è un cinque e 00:22:30.530 --> 00:22:33.840 Iniziamo con informazioni sull'audio del web. 00:22:35.760 --> 00:22:40.950 In questo modo, revisione web è un modo per collegare 00:22:40.950 --> 00:22:45.550 alcuni suoni e inserire alcuni suoni in lo spazio disponibile su [INAUDIBLE]. 00:22:45.550 --> 00:22:48.400 Esso è basato sul grafico di routing, così 00:22:48.400 --> 00:22:52.650 ci sono alcuni nodi audio specifici che prevede di collegare tra loro. 00:22:52.650 --> 00:22:54.830 E pertanto potrebbe avere nodo avere un impatto considerevole del volume, 00:22:54.830 --> 00:22:57.940 può avere impatto sulla gratuita [IMPERCETTIBILE] specializzazione. 00:22:57.940 --> 00:22:59.450 Si potrebbe avere impatto sui filtri. 00:22:59.450 --> 00:23:01.810 È possibile impostare alcuni filtri basse, alcuni filtri alti. 00:23:01.810 --> 00:23:04.850 È possibile rallentare la musica è possibile accelerare la musica. 00:23:04.850 --> 00:23:07.060 È possibile eseguire qualsiasi elemento desiderato. 00:23:07.060 --> 00:23:10.290 Come può immaginare nei giochi, ad esempio utilizzando Webado. 00:23:10.290 --> 00:23:13.490 È possibile creare alcuni suoni in modo procedura. 00:23:13.490 --> 00:23:15.540 È davvero sorprendente. 00:23:15.540 --> 00:23:19.860 Vado a visualizzare qualcosa Abbiamo anche sul nostro sito Web js utilizzando 00:23:19.860 --> 00:23:24.520 audio Web quali consentono Me attivare il suono. 00:23:24.520 --> 00:23:27.190 Oh, ho stato composizione la musica in modo Ci scusiamo per che. 00:23:27.190 --> 00:23:30.360 Ci sia molto Trattandosi di un ciclo di barenatura. 00:23:30.360 --> 00:23:34.120 Solo per mostrare che siamo caricamento dell'audio in questo caso, e 00:23:34.120 --> 00:23:37.400 ci concentreremo chiedere un ciclo continuo. 00:23:37.400 --> 00:23:40.420 E AutoPlay, e Si vincola per la regolazione della web. 00:23:40.420 --> 00:23:41.630 Voglio mostrarvi e 00:23:41.630 --> 00:23:46.040 quindi verrà collegata musica per specifici oggetti 3D. 00:23:46.040 --> 00:23:47.620 Viene chiamato una mesh, e 00:23:47.620 --> 00:23:50.200 esercitazioni pratiche non so se è si intende realmente [INAUDIBLE] 00:23:50.200 --> 00:23:53.260 nella stanza perché è necessario maggior parte delle cuffie del tempo. 00:23:53.260 --> 00:23:56.070 Ma la casella corrente è lo spostamento di tutto la mia testa. 00:23:56.070 --> 00:23:59.950 E grazie a Webado, è possibile eseguire iterazioni a destra, fronte a me, e 00:23:59.950 --> 00:24:00.730 quindi a sinistra, 00:24:00.730 --> 00:24:04.990 automaticamente guidata esegue una calcolo della parte di schermo di Java. 00:24:04.990 --> 00:24:08.330 Ciò viene eseguito il rendering da il browser e dall'API di se stesso. 00:24:09.760 --> 00:24:13.120 Così è possibile visualizzare il codice. 00:24:13.120 --> 00:24:15.270 Innanzitutto che è necessario eseguire Quando si desidera creare alcuni 00:24:15.270 --> 00:24:17.970 materiale audio Web consiste nel creare il contesto. 00:24:17.970 --> 00:24:21.160 Quindi, se si è un JavaScript potrebbe dipendere dal programmatore 00:24:21.160 --> 00:24:25.340 conoscano già o meno è necessario creare il contesto. 00:24:25.340 --> 00:24:28.680 In modo che il modo per farlo, in modo che siamo parlando che prima. 00:24:28.680 --> 00:24:33.820 Inizio off modo consiste nel creare il altri contesti dell'oggetto finestra. 00:24:33.820 --> 00:24:37.240 Ma il colore è stato il primo uno per introdotto. 00:24:37.240 --> 00:24:39.060 Sono introdotte mediante un prefisso. 00:24:39.060 --> 00:24:40.810 Pertanto è possibile aggiungere la funzione su di esso. 00:24:40.810 --> 00:24:43.090 Si sta tentando di rimuovere che nella versione successiva. 00:24:43.090 --> 00:24:45.690 Nel frattempo, è necessario provare entrambe le versioni. 00:24:45.690 --> 00:24:49.900 È la versione webkey o la versione di prefazione en? 00:24:49.900 --> 00:24:51.890 Se una volta superata sull'utente per verificare che. 00:24:51.890 --> 00:24:57.660 Questo è esistente può quindi creare essa e creare un nodo specifico. 00:24:57.660 --> 00:25:01.030 Quindi, ad esempio, il nodo di guadagno è il volume. 00:25:01.030 --> 00:25:04.570 E quindi, sarà di circa a è possibile collegarlo a questa connessione. 00:25:04.570 --> 00:25:07.930 Questa connessione può essere alcuni altoparlanti, alcune cuffie, o 00:25:07.930 --> 00:25:11.240 Se si desidera scrivere la somma verso il basso, ad esempio su un disco. 00:25:11.240 --> 00:25:13.970 In modo che ci si connette note come questo insieme. 00:25:13.970 --> 00:25:17.610 Quando si desidera creare alcune delle caratteristiche 00:25:17.610 --> 00:25:21.155 è necessario impostare alcuni proprietà auto specifiche per 00:25:21.155 --> 00:25:24.210 [IMPERCETTIBILE] per istanza sul Panner. 00:25:24.210 --> 00:25:27.920 Il nodo Panner in visualizzazione [INAUDIBLE] è un modo di alcuni elementi 3D. 00:25:27.920 --> 00:25:29.100 Negli spazi audio. 00:25:29.100 --> 00:25:31.750 Pertanto, si supponga che si si desidera creare suoni 3D. 00:25:31.750 --> 00:25:35.100 Pertanto è necessario creare il panner per la connessione che per il nodo audio 00:25:35.100 --> 00:25:36.750 il nodo di origine. 00:25:36.750 --> 00:25:37.740 Una volta l'operazione che, 00:25:37.740 --> 00:25:41.750 è necessario scegliere il modo il suono si comporteranno nello spazio 3D. 00:25:41.750 --> 00:25:44.500 Pertanto, si supponga che I Per interrompere la riproduzione del suono 00:25:44.500 --> 00:25:46.380 dopo dieci metri in modo lineare. 00:25:46.380 --> 00:25:50.250 È possibile impostare che nel modulo di gestione impostando alcune proprietà. 00:25:50.250 --> 00:25:54.411 Pertanto è necessario comprendere una serie di proprietà nel nostro motore di gioco e 00:25:54.411 --> 00:25:58.400 [IMPERCETTIBILE] hanno deciso impostare un valore predefinito 00:25:58.400 --> 00:26:00.730 proprietà di [INAUDIBLE] e Vediamo come funziona. 00:26:00.730 --> 00:26:05.139 Quindi, in base a ciò, abbiamo deciso Per creare è un'esperienza divertente. 00:26:12.140 --> 00:26:13.310 Pertanto è necessario ricaricarlo. 00:26:20.150 --> 00:26:21.050 Come vengono è Guy? 00:26:21.050 --> 00:26:22.150 È possibile parlerò per qualche tempo questa operazione. 00:26:22.150 --> 00:26:23.460 >> Sì. 00:26:23.460 --> 00:26:24.146 >> Si tratta di eseguire. 00:26:24.146 --> 00:26:28.661 E si richiedono che l'elaborazione 00:26:32.748 --> 00:26:34.580 In modo non in I. 00:26:34.580 --> 00:26:35.888 È già in uso. 00:26:35.888 --> 00:26:37.202 OK (Okay). 00:26:37.202 --> 00:26:39.269 Questo progetto. 00:26:44.643 --> 00:26:47.270 >> Si sicuri che è già in uso? 00:26:47.270 --> 00:26:48.760 >> A no, non è già in uso. 00:26:48.760 --> 00:26:49.260 >> E riprovare. 00:26:50.450 --> 00:26:54.300 Lavoro di ventilazione, Sono certo che Sì abbiamo ora. 00:26:54.300 --> 00:26:59.660 Si noterà che? 00:26:59.660 --> 00:27:06.010 Aggiornamento, che dovrebbe funzionare bene Sì, 00:27:06.010 --> 00:27:09.590 l'idea è importante che vi mostrerò un cubo è stato lo spostamento intorno a mio 00:27:09.590 --> 00:27:13.220 Head ed è stato dedicato alcuni suoni su di esso, in modo da utilizzare gli stessi principi. 00:27:13.220 --> 00:27:17.090 In tal caso invece di aggiornare la posizione del suono basato sulla fotocamera 00:27:17.090 --> 00:27:20.770 stesso, abbiamo deciso di aggiornare il suono in base a distanza 00:27:20.770 --> 00:27:22.750 sono compresi tra il centro del cerchio. 00:27:22.750 --> 00:27:26.180 E in ogni cubo, si è deciso di Inserire musica specifico che sono stato 00:27:26.180 --> 00:27:29.130 composizione, questa operazione è più tracce del mio musics. 00:27:29.130 --> 00:27:32.600 E quando sto passando uno dei cubi vicino al centro della scena, 00:27:32.600 --> 00:27:34.840 ci alla pompa il volume. 00:27:34.840 --> 00:27:37.330 E quando viene rimosso dal il cerchio, potrebbe interrompere il suono. 00:27:37.330 --> 00:27:40.080 L'idea consiste nel consentono di combinare questi suoni utilizzando il cubo. 00:27:40.080 --> 00:27:43.520 In modo che è stato rilevato è stato molto divertente e rispetto al puntatore 00:27:43.520 --> 00:27:48.535 eventi utilizzati da Internet Explorer 11 e da Max fuori bordo oggi. 00:27:48.535 --> 00:27:50.865 È ora possibile spostare esperienza nel modo più semplice. 00:27:50.865 --> 00:27:52.195 In questo modo, ho bisogno di diverse figure. 00:27:52.195 --> 00:27:53.985 >> Sì. >> In questo modo, richiederà alcuni else. 00:27:53.985 --> 00:27:54.525 >> Di buona. 00:27:54.525 --> 00:27:57.265 >>, Ad esempio, Passiamo la figura. 00:27:57.265 --> 00:27:58.772 E quindi riproduzione la musica insieme. 00:27:58.772 --> 00:28:01.072 [MUSICA] 00:28:01.072 --> 00:28:02.135 Simile a quella. 00:28:02.135 --> 00:28:03.965 E quindi riutilizzare il mouse. 00:28:03.965 --> 00:28:08.520 E si può anche fare, vedere, è possibile accedere a parte del cubo. Bene. 00:28:08.520 --> 00:28:09.770 SO. 00:28:09.770 --> 00:28:10.950 Illustrerò si scherzo stupidi, 00:28:10.950 --> 00:28:13.655 Poiché forse si nota che abbiamo un accento strano. 00:28:13.655 --> 00:28:20.320 [SUONO DELLE RISATE] E 00:28:20.320 --> 00:28:23.180 Che ho qualche problema a lettura delle diapositive come proprio. 00:28:24.450 --> 00:28:26.890 Ed è possibile scrivere la versione anteriore la musica di blocchi predefiniti 00:28:26.890 --> 00:28:28.950 insieme mediante la compilazione insieme di blocchi e 00:28:28.950 --> 00:28:31.200 inserimento che in un valore dello stesso. 00:28:31.200 --> 00:28:31.730 >> David ringraziamento. 00:28:31.730 --> 00:28:33.640 Passare ora al mio. 00:28:33.640 --> 00:28:38.020 Si passa a un elemento completamente diverso. 00:28:38.020 --> 00:28:40.790 Si desidera visualizzare le funzionalità CSS. 00:28:40.790 --> 00:28:42.910 Si tratta di un elemento che mi piace davvero. 00:28:42.910 --> 00:28:47.120 Filtro CSS è un modo per qualsiasi sviluppatore web per aggiungere 00:28:47.120 --> 00:28:50.650 registrare il processo utilizzando effetto shader su qualsiasi elemento stupidi. 00:28:52.310 --> 00:28:56.160 E per mostrare che, in questo esempio Ho un questa pagina di lettura. 00:28:56.160 --> 00:28:58.590 Desidera leggere il testo, ma Ho questo meraviglioso Drago. 00:28:58.590 --> 00:29:02.160 Sono grande fan del drago Se non mai accorti. 00:29:02.160 --> 00:29:04.180 E non si desidera rimuovere il mio Drago. 00:29:04.180 --> 00:29:06.500 Mantieni il mio dragon ma Quando desidera leggere il testo 00:29:06.500 --> 00:29:08.520 Appena desidera rimuovere la distrazione. 00:29:08.520 --> 00:29:10.810 È possibile scoprire che in una visualizzazione di lettura qualsiasi. 00:29:10.810 --> 00:29:14.360 Così procedura che quando Sta passando il testo. 00:29:14.360 --> 00:29:19.590 Appena applico un [INAUDIBLE] nel mio elemento div sul pannello posteriore. 00:29:19.590 --> 00:29:23.340 Così posso semplicemente, Leggere il testo appena facilmente. 00:29:23.340 --> 00:29:28.170 Ho inoltre la possibilità di utilizzo congiunto di gradazioni di grigio e sfocatura. 00:29:28.170 --> 00:29:31.510 Ci possiamo mixare funzionalità CSS in modo 00:29:31.510 --> 00:29:34.410 quindi si verrà sfocatura da applicare e gradazioni di grigio. 00:29:34.410 --> 00:29:39.280 In grado di riprodurre e vedere I [IMPERCETTIBILE] 60 frame al secondo e 00:29:39.280 --> 00:29:40.500 è possibile controllare facilmente. 00:29:40.500 --> 00:29:42.450 In questo modo, è sufficiente che si Esaminare il codice. 00:29:42.450 --> 00:29:45.150 E per cui ho utilizzato Visual Codice di Studio, adoro questo strumento. 00:29:46.290 --> 00:29:48.975 Appena disinstallato testo Sublime. 00:29:48.975 --> 00:29:52.070 >> [RIDERE] >> Così! 00:29:52.070 --> 00:29:54.200 Come è effettivamente, piuttosto semplice. 00:29:54.200 --> 00:29:58.110 Solo il testo è in questo caso, In questo contenuto. 00:29:58.110 --> 00:30:00.211 E dispone di mio background. 00:30:00.211 --> 00:30:05.131 Si tratta di diveware che è stato inserito utilizzando in questo caso, la regola css 00:30:05.131 --> 00:30:09.220 Inserire solo le copie di backup immagine JPG all'interno. 00:30:09.220 --> 00:30:14.890 E si desidera eseguire è, quando si Posizionare il testo, si desidera applicare. 00:30:14.890 --> 00:30:17.560 È una regola CSS che vale a dire, in realtà, 00:30:17.560 --> 00:30:20.370 è possibile utilizzare l'effetto di sfocatura tale dimensione di sfocatura. 00:30:20.370 --> 00:30:23.835 E perché sto esame Utilizzo della versione di prefissi e 00:30:23.835 --> 00:30:25.280 unprefixes, versione 00:30:25.280 --> 00:30:28.790 solo per essere certi che non verifica il problema in futuro. 00:30:28.790 --> 00:30:31.440 Questa operazione dal punto di vista di il codice JavaScript il codice stesso del 00:30:31.440 --> 00:30:32.780 piuttosto semplice. 00:30:32.780 --> 00:30:36.140 Sul mouse è possibile applicare la regola CSS. 00:30:36.140 --> 00:30:38.590 Rimuovere la regola CSS sul mouse. 00:30:38.590 --> 00:30:39.090 Questo è tutto. 00:30:40.250 --> 00:30:42.950 Esempio di un altro e che Scostamenti quando si sceglie 00:30:42.950 --> 00:30:44.390 sull'oggetto in scala di grigi. 00:30:44.390 --> 00:30:47.590 È inoltre possibile controllarlo ovviamente direttamente da JavaScript, pronunciare, 00:30:47.590 --> 00:30:50.700 Si desidera Sfocatura e in scala di grigi. 00:30:50.700 --> 00:30:52.640 In modo che è possibile combinare gli effetti, 00:30:52.640 --> 00:30:55.310 è possibile eseguire convoluzioni, seppia qualsiasi. 00:30:55.310 --> 00:30:58.060 È possibile riprodurre photoshop come effetto. 00:30:58.060 --> 00:31:01.720 Quindi fare clic su ed è completamente accelerando così l'uso di shader, 00:31:01.720 --> 00:31:03.270 che è possibile utilizzare. 00:31:03.270 --> 00:31:04.470 Eseguire questa operazione. 00:31:04.470 --> 00:31:05.700 Il problema principale, è possibile che, 00:31:05.700 --> 00:31:10.250 è un intervallo di tempo, che Filtri CSS potrebbero non essere supportati. 00:31:10.250 --> 00:31:13.300 In questo modo, portare a dimostrazione di un altro. 00:31:13.300 --> 00:31:14.170 David? 00:31:14.170 --> 00:31:15.470 >> Sì. 00:31:15.470 --> 00:31:16.240 >> Questo progetto. 00:31:16.240 --> 00:31:20.020 Questa volta, esaminiamo, come dovrebbe funzionare. 00:31:20.020 --> 00:31:24.980 Così come si può vedere, Ho sempre lo stesso risultato. 00:31:26.950 --> 00:31:30.230 Ma cosa accade se CSS filtro non sono supportati? 00:31:30.230 --> 00:31:31.710 E per simulare, e 00:31:31.710 --> 00:31:35.390 Per mostrare e tutti i contrassegni sta lavorando, è possibile giunto e 00:31:35.390 --> 00:31:38.910 in realtà, pronunciare finora il filtro CSS è una funzionalità sperimentale. 00:31:38.910 --> 00:31:44.130 E si desidera utilizzarli solo Per vedere come Impossibile funzionano 00:31:44.130 --> 00:31:46.150 Se è presente alcun filtro CSS. 00:31:46.150 --> 00:31:50.400 In questo modo, sufficiente eseguire questa operazione, riavviare il browser. 00:31:52.180 --> 00:31:56.890 Switch per supportare qui e Dispongo di comportamento non riservato. 00:31:56.890 --> 00:31:59.455 Questa volta perché CSS caratteristica non è supportata, 00:31:59.455 --> 00:32:03.480 Sto semplicemente riprodurre con l'opacità dell'immagine e 00:32:03.480 --> 00:32:07.400 impostazione su 0,1, in modo è possibile vedere lo sfondo. 00:32:07.400 --> 00:32:11.420 Come eseguire l'operazione a quella senza alcun codice qualsiasi codice JavaScript? 00:32:11.420 --> 00:32:13.890 È interessante domanda che chiedo. 00:32:16.000 --> 00:32:17.710 , È sufficiente utilizzare un oggetto veramente interessante, 00:32:17.710 --> 00:32:23.530 nuova caratteristica denominata ArtsReport consentono di verificare la presenza o 00:32:23.530 --> 00:32:29.150 l'assenza di qualsiasi regola CSS, anche con il parametro associato. 00:32:29.150 --> 00:32:31.780 E questo è davvero interessante qui. 00:32:31.780 --> 00:32:38.190 Se non è supportato il filtro webkit Sfocatura con 20 pixel, o un messagio 00:32:38.190 --> 00:32:42.090 Se supportata, o se applicare un filtro con Sfocatura con 20 pixel è supportato, 00:32:42.090 --> 00:32:44.820 è importante definire che la sfocatura regola è quella corrente. 00:32:46.760 --> 00:32:49.200 E se non è supportato, 00:32:49.200 --> 00:32:53.060 quindi è importante definire tale sfocatura è sufficiente modificare l'opacità. 00:32:53.060 --> 00:32:54.980 Dal punto di vista di lo sviluppatore di JavaScript 00:32:56.000 --> 00:32:58.460 gli sviluppatori JavaScript verranno comunque applicare la stessa regola sfocata. 00:32:59.690 --> 00:33:02.690 Ma i filtri del foglio di stile CSS verranno rimossi e 00:33:02.690 --> 00:33:05.120 sostituito da opacità, Grazie a ArtsReport. 00:33:06.480 --> 00:33:10.341 In modo che in questo modo il controllo su supponga, 00:33:10.341 --> 00:33:13.243 capacità di adattamento alla progettazione CSS. 00:33:13.243 --> 00:33:13.963 Che è davvero interessante. 00:33:13.963 --> 00:33:16.725 Che è davvero potente. 00:33:16.725 --> 00:33:18.025 David. 00:33:18.025 --> 00:33:21.290 Dimostrazione successiva sui libri di Flex. 00:33:21.290 --> 00:33:22.480 >> Flex libri e sottoinsieme. 00:33:22.480 --> 00:33:25.490 In questo modo, si sposta indietro Per informazioni sul mio. 00:33:25.490 --> 00:33:27.100 >> Perché parliamo sull'adattabilità. 00:33:27.100 --> 00:33:27.780 >> Sì. 00:33:27.780 --> 00:33:30.310 In questo modo, oggi si è visto che Stiamo parlando di un lotto 00:33:30.310 --> 00:33:33.580 progettazione efficiente e ulteriori informazioni su progettazione adattiva, 00:33:33.580 --> 00:33:38.790 che è più come adattare l'esperienza utente globale al dispositivo corrente. 00:33:38.790 --> 00:33:41.840 E quando si creano alcuni stuff reattiva, hai la media 00:33:41.840 --> 00:33:46.080 le query, si dispone di una grande quantità di raffreddamento nuova visualizzazione come finestra di flex. 00:33:46.080 --> 00:33:49.190 Ma il problema potrebbe essere quando si desidera visualizzare alcune immagini, e 00:33:49.190 --> 00:33:53.350 definizione di vari strumenti di supporto della risoluzione delle immagini 00:33:53.350 --> 00:33:57.208 Si supponga, per l'utilizzo di un iPhone alcune schermate di utilità di conservazione per 00:33:57.208 --> 00:33:58.897 un classico telefono e di un PC. 00:33:58.897 --> 00:34:02.740 E non si desidera scaricare tutte le immagini sul lato client e 00:34:02.740 --> 00:34:06.630 Per definire, tramite JavaScript, come scegliere un corretto? 00:34:06.630 --> 00:34:09.150 In questo modo, sarebbe meglio per scelta del browser 00:34:09.150 --> 00:34:11.510 in base a ciò che accade in esecuzione? 00:34:11.510 --> 00:34:15.970 Pertanto, se è in esecuzione il nuovo Windows phone con il nostro 00:34:15.970 --> 00:34:19.430 schermata di risoluzione, che si desidera mostrare la versione specifica dell'immagine, 00:34:19.430 --> 00:34:21.730 invece di un altro il dispositivo di carico. 00:34:21.730 --> 00:34:25.710 A tale scopo, si ha SourceSet la disponibilità. 00:34:25.710 --> 00:34:27.310 È molto semplice da utilizzare. 00:34:27.310 --> 00:34:30.030 Innanzitutto che è necessario Per utilizzare il tag di immagine 00:34:30.030 --> 00:34:33.570 è possibile utilizzare l'origine classico è possibile che la proprietà. 00:34:33.570 --> 00:34:34.370 In modo che sia un fallback. 00:34:34.370 --> 00:34:37.480 Quindi, se il browser non è set di supporto di origine, 00:34:37.480 --> 00:34:40.610 verrà utilizzata Questa immagine specifica. 00:34:40.610 --> 00:34:42.290 In questo modo, seguiamo per impostazione predefinita. 00:34:42.290 --> 00:34:46.890 Ma, se il browser è la possibilità di gestire la nuova proprietà lì, 00:34:46.890 --> 00:34:53.230 è possibile pronunciare il browser Utilizzare questa versione dell'immagine x 1. 00:34:53.230 --> 00:34:57.720 Se il DPI dello schermo corrente corrisponde il CSS e 00:34:57.720 --> 00:35:02.220 il rapporto di hardware e i pixel, Utilizzare quindi questa immagine. 00:35:02.220 --> 00:35:06.510 Pertanto, se ad esempio si passa uno schermo fisico più piccolo 00:35:06.510 --> 00:35:09.380 con gli occhi del finisher chiedere il browser. 00:35:09.380 --> 00:35:13.140 Utilizzare un'altra versione del immagine e si dispone il punto è 00:35:13.140 --> 00:35:17.550 possibile salire su qualsiasi come in questo regole specifiche. 00:35:17.550 --> 00:35:22.700 Pertanto potrebbe essere molto interessante, ora con alcuni dei guys, come Me, 00:35:22.700 --> 00:35:24.950 ha ricevuto alcuni screen di 4 KB a casa. 00:35:24.950 --> 00:35:28.540 Quando si desidera disporre alcuni, raffreddare visualizzazione in cui il sito Web. 00:35:28.540 --> 00:35:31.250 In questo modo, possiamo scegliere, come quello. 00:35:31.250 --> 00:35:35.200 Vediamo di spiegare questo semplice pagina Web all'interno di i11. 00:35:35.200 --> 00:35:37.230 Non utilizza. 00:35:37.230 --> 00:35:39.320 Utilizza l'immagine predefinita. 00:35:39.320 --> 00:35:43.050 E verificare che, poiché quando Devo utilizzare una nuova versione di 00:35:43.050 --> 00:35:47.390 l'immagine mi inserirà un oggetto specifico logo sulla parte superiore sinistra dell'immagine. 00:35:47.390 --> 00:35:51.660 In questo modo, attualmente, Internet Explorer utilizza l'immagine predefinita di esso è stato- 00:35:51.660 --> 00:35:53.040 >> Sfocate uno. 00:35:53.040 --> 00:35:56.290 >> Sfocate uno, ancora una volta, siamo stati compilazione con l'agente di gioco. 00:35:56.290 --> 00:35:57.660 Così davvero interessante. 00:35:57.660 --> 00:36:01.400 Se sta passando a Edge Microsoft, è possibile osservare che 00:36:01.400 --> 00:36:06.410 Vediamo la stessa immagine servizi di traduzione con la versione 1. 00:36:06.410 --> 00:36:09.870 Ma, come simulare l'ora che si desidera la versione superiore. 00:36:09.870 --> 00:36:13.444 [CROSSTALK] In questo modo, è necessario un completo su un dispositivo specifico. 00:36:13.444 --> 00:36:18.130 È possibile simulare che utilizzando l'opzione zoom, del browser. 00:36:18.130 --> 00:36:21.860 Ad esempio, si supponga che I per simulare il fatto che 00:36:21.860 --> 00:36:24.330 la risoluzione dello schermo corrente è ancora lo stesso, ma 00:36:24.330 --> 00:36:28.590 È necessario modificare il valore DPI, esercitazioni pratiche ad esempio che ed è necessario aggiornare. 00:36:28.590 --> 00:36:31.780 E viene visualizzato il browser automaticamente, ha deciso di adottare 00:36:31.780 --> 00:36:33.520 una versione più recente dell'immagine, e 00:36:33.520 --> 00:36:36.400 è in stato di download solo questa immagine specifica. 00:36:36.400 --> 00:36:40.590 In modo da controllare, è possibile, per istanza, andare in S2F2s. 00:36:42.080 --> 00:36:44.980 Scoprite la dimostrazione, deve essere questo uno. 00:36:48.250 --> 00:36:49.363 Che accedere qui. 00:36:55.943 --> 00:36:58.719 E si controlla la rete si aggiorna. 00:37:00.500 --> 00:37:03.998 non era quello giusto, allora Chiudere il bordo solo per evitare che mi consentano di. 00:37:03.998 --> 00:37:07.306 >> Si è migliorare le conoscenze che. 00:37:16.541 --> 00:37:17.475 >> sono Sì, vero e proprio. 00:37:17.475 --> 00:37:20.960 >> [RIDERE] ringraziamento per supportare me David. 00:37:20.960 --> 00:37:23.150 Ed è possibile vedere che il browser ha deciso, 00:37:23.150 --> 00:37:24.990 per caricare solo i propri versione dell'immagine. 00:37:24.990 --> 00:37:30.370 In questo modo, stai a cui fa riferimento a un gruppo di immagini diverse nel codice. 00:37:30.370 --> 00:37:33.705 Ma il browser e il client ha deciso di scegliere quello corretto 00:37:33.705 --> 00:37:36.525 in base alla risoluzione corrente e capacità. 00:37:36.525 --> 00:37:41.275 E anche nella specifica, viene specificato che il browser 00:37:41.275 --> 00:37:44.865 può anche scegliere di caricare l'immagine basato sulla larghezza di banda corrente. 00:37:44.865 --> 00:37:48.025 In questo modo, si supponga che hai una schermata della retina, quindi è abbastanza 00:37:48.025 --> 00:37:50.735 felice, ma ci sono una connessione molto rallentamento verso il basso. 00:37:50.735 --> 00:37:53.465 Probabilmente non è una buona idea Per assegnare ad alta risoluzione 00:37:53.465 --> 00:37:54.390 immagine di che. 00:37:54.390 --> 00:37:57.400 Quindi, se la sonda è in corso relative a Direct provano, inviare 00:37:57.400 --> 00:38:03.370 è la bassa risoluzione dell'immagine a un velocità sito Web, un sito Web rapido. 00:38:03.370 --> 00:38:07.870 Così, abbiamo deciso di utilizzare, quindi, sono attualmente riscrittura del nostro sito Web in modo 00:38:07.870 --> 00:38:10.530 Ciclo a nostro Oggi sito Web Babylon. 00:38:12.700 --> 00:38:13.745 >> Si tratta di pubblicità gratuita. 00:38:13.745 --> 00:38:15.720 >> Sì. 00:38:15.720 --> 00:38:17.130 Forse si sarà mettersi nei guai. 00:38:17.130 --> 00:38:17.630 Non so. 00:38:18.640 --> 00:38:21.310 In questo modo, oggi il nostro sito Web è simile a quella. 00:38:21.310 --> 00:38:25.894 In questo modo, si è cercato di imitare moderno Usa informazioni utilizzando 00:38:25.894 --> 00:38:28.140 Alcuni layout specifico. 00:38:28.140 --> 00:38:31.870 È stato soddisfacente, informazioni ma non era differenziazione. 00:38:31.870 --> 00:38:35.760 Inoltre, siamo abbastanza buone Sviluppatori JavaScript. 00:38:35.760 --> 00:38:37.945 Ci sono meno buone finestre di progettazione. 00:38:37.945 --> 00:38:43.730 [RIDERE] E con questa idea per modificare che, tutti abbiamo deciso di modificare che. 00:38:43.730 --> 00:38:48.980 A tal fine, la nuova versione sono attualmente in uso è quella corrente. 00:38:48.980 --> 00:38:52.058 In questo modo, ho utilizzato Le query magiche e Flexbox. 00:38:52.058 --> 00:38:54.730 Per essere in grado di effettuare alcune dimensioni migliore, 00:38:54.730 --> 00:38:58.220 che dovrà adattarsi, per la risoluzione corrente. 00:38:58.220 --> 00:39:01.271 E il vantaggio è potete mescolare origini casella Flex 00:39:01.271 --> 00:39:04.190 query che alcuni buona esperienza. 00:39:04.190 --> 00:39:08.720 Se sto zoom all'interno del sito Web, e quindi di aggiornare. 00:39:11.170 --> 00:39:14.950 Viene visualizzato di nuovo la risoluzione dell'immagine. 00:39:14.950 --> 00:39:18.100 E posso anche testarlo, in modo la progettazione non è terminata. 00:39:18.100 --> 00:39:20.540 Se si è una buona progettazione, e utilizzare gratuitamente. 00:39:20.540 --> 00:39:22.560 Stiamo abbiamo [RIDERE] iniziale. 00:39:22.560 --> 00:39:23.630 >> Inviare un messaggio di posta elettronica. 00:39:27.572 --> 00:39:29.740 >> Ma, Se è in esecuzione che al telefono 00:39:31.270 --> 00:39:32.250 >> Che deve essere da qualche parte. 00:39:34.180 --> 00:39:37.292 Qui è, questa operazione Utilizzerò per l'invio di lettura su tale. 00:39:41.307 --> 00:39:43.960 Per visualizzare, quindi Questo è lo stesso sito Web. 00:39:43.960 --> 00:39:46.190 E al telefono se Sto trasformata 00:39:46.190 --> 00:39:48.900 è possibile vedere qui che sto caricamento in 2 x versione dell'immagine. 00:39:48.900 --> 00:39:52.260 Poiché, corrente risoluzione di schermo personali 00:39:52.260 --> 00:39:55.390 Telefono di finestra è sufficientemente elevato per avere una buona razione dell'immagine. 00:39:55.390 --> 00:39:56.753 È possibile eseguire il test su un dispositivo. 00:39:56.753 --> 00:39:59.776 In modo che la cosa buona è che è possibile verificare in Edge Microsoft su 00:39:59.776 --> 00:40:01.690 il desktop e come è stato detto: David 00:40:01.690 --> 00:40:04.920 Questo è il motore stesso esatto- In esecuzione su Windows phone. 00:40:04.920 --> 00:40:08.092 In questo modo, è relativamente semplice per doppia controlla che tutti gli elementi 00:40:08.092 --> 00:40:11.420 è il corso funziona correttamente, sullo schermo hardware specifico. 00:40:11.420 --> 00:40:14.600 E quindi si dispone di un bene esperienza troppo, come quello. 00:40:15.830 --> 00:40:17.210 >> David ringraziamento. 00:40:17.210 --> 00:40:19.228 In questo modo, tornare a un altro demo. 00:40:22.936 --> 00:40:29.660 Sì, pertanto abbiamo, inoltre, poiché Internet Explorer 9, è supportato SVG in HTML. 00:40:29.660 --> 00:40:34.460 Ma la richiesta della Comunità, e Grazie per UserVoice che sarà 00:40:34.460 --> 00:40:37.930 parlare dopo e ringraziamenti il modo in cui che stiamo lavorando ora. 00:40:37.930 --> 00:40:43.610 Si sente la Comunità e i dipendenti chiedono noi, supporta foreignObject. 00:40:43.610 --> 00:40:44.900 In questo modo, che cos'è foreignObject? 00:40:44.900 --> 00:40:49.665 foreignObject è l'opposto di disporre di SVG in HTML. 00:40:49.665 --> 00:40:54.470 foreignObject è la capacità Per incorporare HTML all'interno di SVG. 00:40:55.610 --> 00:40:58.510 In questo modo, è possibile avere una pagina SVG. 00:40:58.510 --> 00:40:59.510 Vediamo di spiegare. 00:41:02.280 --> 00:41:05.350 Qui, ho mio elemento HTML. 00:41:05.350 --> 00:41:08.170 All'interno il documento HTML Ho pertanto mio elemento SVG, 00:41:08.170 --> 00:41:10.710 un vettore di base di rendering. 00:41:10.710 --> 00:41:16.630 E all'interno di questo SVG avrò cosa viene chiamato in questo caso, il foreignObject 00:41:16.630 --> 00:41:18.180 dove è possibile inserire HTML. 00:41:19.350 --> 00:41:22.226 In questo modo, che è interessante perché Il formato SVG è semplicemente un vettore. 00:41:22.226 --> 00:41:27.020 Il foreignObject verrà quindi controllato da questo vettore puramente 00:41:27.020 --> 00:41:31.830 spazio ed è possibile applicare qualsiasi specifico effetto che abbiamo per SVG. 00:41:31.830 --> 00:41:36.280 È possibile combinare oggetto vettoriale, e inserire alcuni, ad esempio, il testo all'interno. 00:41:36.280 --> 00:41:39.440 È possibile utilizzarlo per la riproduzione come scostamenti qui. 00:41:39.440 --> 00:41:44.430 Mi piacerebbe dimostra la potenza SVG utilizzando HTML all'interno. 00:41:45.440 --> 00:41:47.390 Utilizza I filtri, nuovamente. 00:41:47.390 --> 00:41:50.317 Non è filtro CSS questa volta, si tratta di filtri SVG. 00:41:50.317 --> 00:41:52.110 Supportiamo filtri SVG. 00:41:52.110 --> 00:41:55.230 E un effetto di applicare filtri SVG 00:41:55.230 --> 00:41:57.770 sopra l'immagine di rendering vettoriale, OK (Okay)? 00:41:57.770 --> 00:42:02.780 Questa immagine includerà, l'immagine in formato HTML. 00:42:02.780 --> 00:42:08.300 E che è interessante, perché È possibile eseguire operazioni come la seguente. 00:42:08.300 --> 00:42:11.110 In questo caso, è il chiamare il browser drunken. 00:42:14.630 --> 00:42:17.670 Troppa birra go home e si desidera cercare un elemento, e 00:42:17.670 --> 00:42:18.899 l'aspetto del mondo analoghi a questo. 00:42:20.160 --> 00:42:23.874 Okay, cerchiamo Bordo di Microsoft. 00:42:23.874 --> 00:42:28.750 >> [RIDERE] >> E ricordate, sapevamo che. 00:42:28.750 --> 00:42:33.420 IFrame all'interno del mio SVG funziona perfettamente. 00:42:33.420 --> 00:42:34.686 Non è che senza problemi. 00:42:34.686 --> 00:42:37.544 E poiché sono SVG, 00:42:37.544 --> 00:42:41.895 È possibile applicare dei SVG e Utilizzare i nostri prodotti. 00:42:41.895 --> 00:42:44.728 Dispone di un'altra cosa che posso fare con che volevo mostrarvi. 00:42:44.728 --> 00:42:48.799 Questa operazione, invece di utilizzare 00:42:48.799 --> 00:42:53.061 Si desidera utilizzare solo quella corrente. 00:42:56.228 --> 00:42:58.770 Ehi, torniamo indietro è presente. 00:42:58.770 --> 00:42:59.895 Ho dimenticato qualcosa. 00:42:59.895 --> 00:43:00.895 >> Sì, il trattino. 00:43:00.895 --> 00:43:02.728 >> Partecipanti otterranno grazie, David. 00:43:05.853 --> 00:43:07.450 Si impone l'aggiornamento. 00:43:07.450 --> 00:43:08.825 Questo è un Browser di Minecraft. 00:43:08.825 --> 00:43:12.270 >> [RIDERE] >> In questo modo, e l'aspetto interessante è 00:43:12.270 --> 00:43:15.770 che, se si esegue una ricerca babylonjs.com, che non è facile. 00:43:15.770 --> 00:43:17.580 È necessario ricordarsi di fare clic qui. 00:43:18.680 --> 00:43:22.660 Io sono un lettore di Minecraft e È possibile portare un oggetto 3D. 00:43:22.660 --> 00:43:27.978 E si tratta, pagina HTML, utilizzo di SVG, all'interno di SVG è GL Web con- 00:43:27.978 --> 00:43:31.812 >> [UN APPLAUSO] 00:43:31.812 --> 00:43:34.639 >> È in esecuzione a 60 frame al 00:43:34.639 --> 00:43:36.110 secondo, OK? 00:43:36.110 --> 00:43:37.740 Devo ammettere che è semplicemente fantastico. 00:43:38.960 --> 00:43:41.765 In questo modo, non siamo sicuri In questo caso, il caso di utilizzo, ma 00:43:41.765 --> 00:43:44.310 [RIDERE] ottenere il punto. 00:43:44.310 --> 00:43:44.850 Si ottiene il punto. 00:43:44.850 --> 00:43:46.440 È possibile utilizzare HTML all'interno di SVG. 00:43:46.440 --> 00:43:46.940 Che è interessante. 00:43:48.300 --> 00:43:49.975 Si è abbastanza certi che il kid apprezzeranno. 00:43:49.975 --> 00:43:54.090 >> [RIDERE] >> E quindi le operazioni più recenti 00:43:54.090 --> 00:43:59.115 Volevamo Mostra Guy prima lo spostamento per il Q&A è HTTP/2. 00:43:59.115 --> 00:44:01.944 HTTP/2, è un po' difficile 00:44:01.944 --> 00:44:06.884 Per trovare qualcosa di mano Consente di visualizzare il contenuto HTTP/2. 00:44:06.884 --> 00:44:11.490 Beh, HTTP/2 da compilare grazie a quali Google di operazioni 00:44:11.490 --> 00:44:12.350 con SPDY. 00:44:12.350 --> 00:44:15.670 In modo da SPDY, cui si sta tentando di Per creare un nuovo elemento, 00:44:15.670 --> 00:44:20.252 diverso da HTTP/1.1 che è alquanto obsoleta. 00:44:20.252 --> 00:44:21.790 Riteniamo che alcuni dispositivi mobili, e 00:44:21.790 --> 00:44:24.520 altri nuovi dispositivi, abbiamo alcune problema con le prestazioni. 00:44:24.520 --> 00:44:27.890 In questo modo, si tenta di trovare alcuni attacchi che. 00:44:27.890 --> 00:44:31.680 In questo modo, parlare ad esempio il numero di richieste che possibile in un browser 00:44:31.680 --> 00:44:33.160 inviare a un server web. 00:44:33.160 --> 00:44:38.100 Pertanto la maggior parte dei casi, per impostazione predefinita è stato quattro richieste simultanee per 00:44:38.100 --> 00:44:42.720 il server web da uno specifico client a un dominio specifico. 00:44:42.720 --> 00:44:45.490 Pertanto, se si desidera caricare, Si supponga che 10 o 00:44:45.490 --> 00:44:48.740 immagine 20, il web server dai client. 00:44:48.740 --> 00:44:52.914 Erano in grado di farlo tramite quattro diverse richieste e 00:44:52.914 --> 00:44:54.300 è necessario attendere. 00:44:54.300 --> 00:44:59.000 E se si desidera, attiva disponibili è stato un hack rivelazione da tutti gli utenti. 00:44:59.000 --> 00:45:01.960 In questo modo, è possibile avere più domini come CDN. 00:45:01.960 --> 00:45:06.570 In tal caso, CDN numero uno, numero CDN due, Numero CDN tre o quattro. 00:45:06.570 --> 00:45:10.480 Si supponga che e grazie a che si è in grado di quattro richieste per 00:45:10.480 --> 00:45:14.190 il primo CDN e quattro richieste al secondo e così via. 00:45:14.190 --> 00:45:15.580 Ma si sta eseguendo il tipo di attacchi, 00:45:15.580 --> 00:45:21.160 Poiché il browser dispone di eseguire questa operazione Inoltre, il fatto che è stato necessario. 00:45:21.160 --> 00:45:24.520 Quando si esegue un'operazione molto di richiesta per l'aggiunta di una grande quantità di 00:45:24.520 --> 00:45:28.620 costi generali sopra di ogni la richiesta HTTP al server web. 00:45:28.620 --> 00:45:33.522 HTTP/2 in questo modo, la scrittura è ora possibile gestito da dell'IETF task force come 00:45:33.522 --> 00:45:36.860 un inizio out e tutti in corso che. 00:45:36.860 --> 00:45:39.510 In questo modo, viene implementata dal bordo di Microsoft e 00:45:39.510 --> 00:45:41.390 Chrome e Firefox. 00:45:41.390 --> 00:45:45.510 L'idea che sta navigando e una pagina web dal server di Google 00:45:45.510 --> 00:45:48.890 in modo che è stato implementazione in uno dei relativi stack del server. 00:45:48.890 --> 00:45:53.476 Si vedrà che il modo per caricare l'immagine molto più veloce per 00:45:53.476 --> 00:45:54.875 vari motivi. 00:45:54.875 --> 00:45:59.095 Innanzitutto abbiamo potuto eseguire alcuni multiplexing sui flussi. 00:45:59.095 --> 00:46:02.335 Si è costretti non più da inviare diverse richieste sul server web. 00:46:02.335 --> 00:46:04.145 È possibile creare una singola richiesta, e 00:46:04.145 --> 00:46:07.155 nostra intenzione incorporare diversi flussi all'interno di questa richiesta. 00:46:07.155 --> 00:46:10.265 In questo modo, ci sarà negoziare solo una volta con il server web. 00:46:10.265 --> 00:46:14.185 Utilizziamo inoltre, la codifica binaria utilizzo di HTTP/2. 00:46:14.185 --> 00:46:18.370 In questo modo, è più chiaro sulla rete. 00:46:18.370 --> 00:46:22.550 E possiamo inoltre Prevediamo che cosa è necessario che sul lato client. 00:46:22.550 --> 00:46:25.390 Ad esempio, Quando si carica una pagina HTML 00:46:25.390 --> 00:46:29.330 tutti sappiamo che saranno alcune CSS e JavaScript all'interno. 00:46:29.330 --> 00:46:32.840 In questo modo, è un po' stupidi per caricare la pagina HTML e 00:46:32.840 --> 00:46:35.300 quindi, Sì, so questo file JavaScript specifico. 00:46:35.300 --> 00:46:37.950 Quindi eseguire un altro round trip al server, tornare indietro. 00:46:37.950 --> 00:46:39.810 E quindi si desidera che il file CSS e così via. 00:46:39.810 --> 00:46:44.573 Pertanto l'idea è tramite il server web Si supponga che index. HTML, 00:46:44.573 --> 00:46:47.640 all'interno in formato HTML, è foo.js. 00:46:47.640 --> 00:46:49.390 In questo modo, quello che andrò a effettuare nella stessa richiesta, 00:46:49.390 --> 00:46:52.580 verrà inviato eseguire direttamente il foo.js 00:46:52.580 --> 00:46:54.700 al client di risparmiare tempo. 00:46:54.700 --> 00:46:56.550 In questo modo, possiamo Prevediamo che è necessario. 00:46:56.550 --> 00:46:58.170 Viene invece indicato è Questo file non necessario 00:46:58.170 --> 00:47:00.110 perché abbiamo già risposta corretta nella cache. 00:47:00.110 --> 00:47:04.270 Abbiamo perso un po' di tempo, ma la maggior parte dei ora che guadagneranno la velocità. 00:47:04.270 --> 00:47:05.790 Quindi, questa è una pagina Web eseguita da Google, 00:47:05.790 --> 00:47:09.690 che è davvero interessante poiché è possibile simulare cosa sta succedendo. 00:47:09.690 --> 00:47:14.244 In questo modo, si carica la pagina utilizzo di HTTP/1 e quindi 2002, 00:47:14.244 --> 00:47:17.650 Spiacenti, 200 millisecondi latenza di luce. 00:47:17.650 --> 00:47:20.590 Si può vedere che attualmente la serializzazione. 00:47:20.590 --> 00:47:23.690 In questo modo, si dispongono di più richieste a parte dell'immagine. 00:47:23.690 --> 00:47:26.170 E non posso farlo molto veloce, perché devo 00:47:26.170 --> 00:47:30.460 tornare al server ogni volta a caricare una nuova parte della pagina. 00:47:30.460 --> 00:47:34.120 >> E ogni richiesta dovrà latenza di 200 millisecondi. 00:47:34.120 --> 00:47:36.560 >> E l'altra parte, utilizzando HTTP/2, 00:47:36.560 --> 00:47:40.300 vedere che essere in grado di effettuare un flusso più eseguito il rendering. 00:47:40.300 --> 00:47:42.870 E che ho richiesta univoca, sul server web da caricare 00:47:42.870 --> 00:47:45.790 tutti i flussi, pertanto è molto più veloce per caricare l'immagine. 00:47:45.790 --> 00:47:47.770 E si scarica adesso il punto. 00:47:47.770 --> 00:47:49.928 È molto visual perché si trova su un'immagine. 00:47:49.928 --> 00:47:53.240 Ma può essere opportuno che, con tutti i percorsi della pagina web che è necessario 00:47:53.240 --> 00:47:55.500 caricare dal lato server e realmente alla stessa velocità. 00:47:55.500 --> 00:47:59.750 In questo modo, è veramente utile che in particolare su mobile, 00:47:59.750 --> 00:48:02.660 nel 10 di Windows Phone utilizzando Microsoft Edge. 00:48:02.660 --> 00:48:07.720 Ogni nuovo periferiche presenti o Hai motore moderno, poiché avrebbe 00:48:07.720 --> 00:48:11.620 davvero amp la velocità della pagina Web senza fare qualcosa per voi. 00:48:11.620 --> 00:48:15.050 È completamente compatibile con HTTP/1.1. 00:48:15.050 --> 00:48:17.310 Si tratta della stessa colonna i verbi stessi. 00:48:17.310 --> 00:48:20.610 È sufficiente modificare il modo per il protocollo di comunicare e 00:48:20.610 --> 00:48:23.740 sul flusso e tutti il comando net session coinvolti. 00:48:23.740 --> 00:48:24.240 >> Ringraziamo, David. 00:48:25.440 --> 00:48:30.240 In questo modo, cerchiamo qui a lato prelievo alcune delle nostre funzionalità preferite ma, 00:48:30.240 --> 00:48:33.860 come già accennato prima, una grande quantità di essi sono ancora all'interno della casella. 00:48:33.860 --> 00:48:36.130 Questa operazione, la soluzione migliore per Se si desidera provare 00:48:36.130 --> 00:48:39.710 è sufficiente installare le ultime novità versione della build di Windows 10. 00:48:39.710 --> 00:48:41.820 Il motore di bordo è qui. 00:48:41.820 --> 00:48:44.660 Finora, è comunque Spartan progetto? 00:48:44.660 --> 00:48:47.940 Ma, è sufficiente modificare il presente e rinominarlo in Edge Microsoft e 00:48:47.940 --> 00:48:49.100 si ottiene il punto. 00:48:49.100 --> 00:48:53.410 Se si desidera una funzionalità, se è realmente desidera una funzionalità, utilizzare, e 00:48:53.410 --> 00:48:56.730 suggerimenti per uservoice.modern.IE. 00:48:56.730 --> 00:48:59.690 Ad esempio, qui si può ottenere ASM.js. 00:48:59.690 --> 00:49:01.900 Era chiedere un enorme per la Comunità. 00:49:01.900 --> 00:49:03.870 Supporta la ASM.js. 00:49:03.870 --> 00:49:07.754 ASM.js è un modo per compilare C++ in JavaScript, 00:49:07.754 --> 00:49:10.820 e ASM.js verranno aggiunti alcuni. 00:49:10.820 --> 00:49:14.290 Non dico che, alcune informazioni aggiuntive per 00:49:14.290 --> 00:49:15.400 il garbage collector e per 00:49:15.400 --> 00:49:18.796 il motore di JavaScript per migliorare le prestazioni, in realtà? 00:49:18.796 --> 00:49:23.700 Motore supportati, Unreal Unity supportato, pertanto se si utilizza 00:49:23.700 --> 00:49:29.080 Unity 5 è possibile esportare solo il gioco a GL Web con ASM.js. 00:49:29.080 --> 00:49:32.640 Quindi, ora sufficiente installare il molto versione più recente di Windows 10 00:49:32.640 --> 00:49:35.510 e il bordo di Microsoft, 00:49:35.510 --> 00:49:40.530 è possibile eseguire Web GL giochi da Unity utilizzando ASM.js. 00:49:40.530 --> 00:49:42.112 Passare da eseguire: flag. 00:49:42.112 --> 00:49:46.100 Questa operazione, se si passa in Edge Microsoft oggi, tipo di informazioni: flag e 00:49:46.100 --> 00:49:50.150 si è in grado di attivare ASM.js all'interno del bordo di Microsoft. 00:49:50.150 --> 00:49:53.130 E vi mostrerò un'altra Questo esempio sul backlog. 00:49:53.130 --> 00:49:56.878 In questo modo, ci si chiede di visualizzare la sintassi errori nel debugger, equo. 00:49:56.878 --> 00:50:00.838 Che inseriremo nel nostro backlog e è possibile indicare che è nella parte superiore e 00:50:00.838 --> 00:50:02.336 Ci auguriamo di avviarlo al più presto. 00:50:02.336 --> 00:50:05.623 In questo modo, si tratta di un nuovo modo per per comunicare con voi ragazzi, e 00:50:05.623 --> 00:50:06.795 con la Comunità. 00:50:06.795 --> 00:50:09.355 Fateci sapere che si desidera qualcosa e 00:50:09.355 --> 00:50:13.675 si verrà informati che siamo lavorando su alcuni che si considerano 00:50:13.675 --> 00:50:17.440 e alcuni di essi non sono in realtà nel nostro elenco di priorità superiore. 00:50:18.760 --> 00:50:21.390 Valutarne la sessione. 00:50:21.390 --> 00:50:22.470 E ora è tempo per la domanda. 00:50:23.670 --> 00:50:24.195 Sì. 00:50:24.195 --> 00:50:32.000 >> [IMPERCETTIBILE] >> Quindi illustrerò [RIDERE]. 00:50:33.670 --> 00:50:34.920 Oh, è possibile rispondere a questa domanda. 00:50:36.230 --> 00:50:39.449 Passare al tipo moderno. 00:50:39.449 --> 00:50:43.020 In tal caso status.modern. 00:50:43.020 --> 00:50:44.000 La domanda su- >> Oh, spiacenti. 00:50:44.000 --> 00:50:44.756 >> Sì, la domanda è. 00:50:44.756 --> 00:50:47.690 >> La domanda è sul modello, modello HTML adatto. 00:50:47.690 --> 00:50:48.832 Stiamo lavorando su di esso? 00:50:48.832 --> 00:50:49.690 >> Stiamo lavorando su di esso? 00:50:51.400 --> 00:50:52.110 In tal caso, Sì. 00:50:52.110 --> 00:50:54.170 Finora, siamo in esame. 00:50:54.170 --> 00:50:56.520 È parte di una sequenza più grande, in realtà. 00:50:56.520 --> 00:51:01.470 In questo modo, la cosa migliore che quando si è fornire commenti su utente vocale 00:51:01.470 --> 00:51:03.560 per farci sapere perché è davvero importante. 00:51:03.560 --> 00:51:04.810 Quindi, di chiedere agli utenti di voto. 00:51:04.810 --> 00:51:07.130 Che è il modo migliore per comunicare con noi. 00:51:07.130 --> 00:51:09.280 Ma Sì, Sappiamo che è di fondamentale importanza. 00:51:09.280 --> 00:51:11.035 Ed è in esame. 00:51:11.035 --> 00:51:13.650 >> [IMPERCETTIBILE] >> Sì. 00:51:13.650 --> 00:51:16.690 Così: alcune delle altre parti può essere facilmente preinserite 00:51:16.690 --> 00:51:18.790 sul web partner, So con quella corrente. 00:51:18.790 --> 00:51:22.230 Un altro problema. 00:51:22.230 --> 00:51:23.355 Te? 00:51:23.355 --> 00:51:23.855 >> Così l'intervallo di tempo siamo si intende per mantenere Internet Explorer 11? 00:51:27.350 --> 00:51:30.679 >> In modo che la domanda è, l'intervallo di tempo abbiamo intenzione di mantenere Internet Explorer 11? 00:51:30.679 --> 00:51:35.034 Internet Explorer 11 fa parte di Windows 10, pertanto 00:51:35.034 --> 00:51:39.250 stesso ciclo di vita come Windows 10. 00:51:39.250 --> 00:51:41.230 >> Ciclo di vita come Vista? 00:51:41.230 --> 00:51:43.438 >> Non si dispone di alcuna idea a tale scopo, Sono spiacente di informazioni. 00:51:43.438 --> 00:51:49.780 È possibile analizzare lo staff di supporto [Esterna] e scopri automaticamente. 00:51:49.780 --> 00:51:55.093 Ma Internet Explorer 11 sarà supportato fino a come verrà supportato Windows 10, 00:51:55.093 --> 00:51:57.194 parte a del 10 di Windows. 00:51:57.194 --> 00:51:58.654 Sì? 00:51:58.654 --> 00:51:59.813 >> Cos'è alla maglietta? 00:51:59.813 --> 00:52:00.845 >> È una buona domanda. 00:52:00.845 --> 00:52:03.698 [RIDERE] Qual è il mio maglietta? 00:52:03.698 --> 00:52:09.070 [RIDERE] In modo da evitare che questa domanda, Vorrei soltanto per essere certi. 00:52:09.070 --> 00:52:10.946 È presente qualsiasi altra domanda è? 00:52:10.946 --> 00:52:11.782 >> A te. 00:52:11.782 --> 00:52:12.618 >> A te. 00:52:12.618 --> 00:52:17.060 >> [IMPERCETTIBILE] >> Sì. 00:52:17.060 --> 00:52:20.390 La domanda è, è Microsoft 10 saranno solo 10 di Windows? 00:52:20.390 --> 00:52:22.035 E, Sì, la risposta è Sì. 00:52:22.035 --> 00:52:25.520 Sì. 00:52:25.520 --> 00:52:34.810 >> [IMPERCETTIBILE] 00:52:34.810 --> 00:52:38.051 >> La maggior parte dei casi, se si è in 00:52:38.051 --> 00:52:44.855 le informazioni sui contrassegni, Penso che sia qui. Nr. 00:52:44.855 --> 00:52:46.410 >> [IMPERCETTIBILE] 00:52:46.410 --> 00:52:47.120 >> OK (Okay). 00:52:47.120 --> 00:52:48.107 >> Sì, in modo che sia una buona domanda 00:52:48.107 --> 00:52:49.105 è [CROSSTALK] >> Ma la domanda, 00:52:49.105 --> 00:52:51.270 è possibile ripetere la domanda? >> In modo che la domanda è: 00:52:51.270 --> 00:52:55.250 alcune funzionalità sono in flag in Edge di Microsoft. 00:52:55.250 --> 00:52:57.910 In modo di spostarsi flag per attivarli. 00:52:57.910 --> 00:53:01.724 Se si utilizza visualizzazione Web di Windows 10, è possibile utilizzare, ad esempio, SMGS? 00:53:01.724 --> 00:53:06.480 >> No, non sarà in grado di [INAUDIBLE]. 00:53:06.480 --> 00:53:08.480 >> Ero abbastanza sicuro ma Desiderava verificare. 00:53:08.480 --> 00:53:11.510 >> La risposta è no. Yup. 00:53:11.510 --> 00:53:12.715 Domanda lì? 00:53:12.715 --> 00:53:16.460 >> [IMPERCETTIBILE]. 00:53:16.460 --> 00:53:18.655 >> Sì. Stiamo lavorando sull'implementazione del Web 00:53:18.655 --> 00:53:20.310 driver in Edge Microsoft. 00:53:23.296 --> 00:53:24.491 Sì? 00:53:24.491 --> 00:53:31.200 >> [IMPERCETTIBILE] >> Estensione. 00:53:31.200 --> 00:53:33.050 Si intende l'estensione di JavaScript destra? 00:53:33.050 --> 00:53:37.280 Finora, è possibile rispondere a questo domanda perché si tratta effettivamente 00:53:37.280 --> 00:53:38.540 troppo presto per noi. 00:53:38.540 --> 00:53:40.730 È stato già fatto una dimostrazione ieri. 00:53:40.730 --> 00:53:43.580 Non lo so, era due giorni fa, durante il discorso. 00:53:43.580 --> 00:53:44.170 È possibile. 00:53:44.170 --> 00:53:47.100 Stiamo lavorando su ma tutti i dati correlati alle prestazioni 00:53:47.100 --> 00:53:49.760 e operazioni simili, in modo che siamo troppo all'inizio del nostro ciclo di sviluppo. 00:53:50.870 --> 00:53:52.215 È auspicabile che no chiaramente. 00:53:52.215 --> 00:54:02.590 >> [IMPERCETTIBILE] 00:54:02.590 --> 00:54:03.090 >> Non so. 00:54:04.400 --> 00:54:06.100 Sono spiacente, ma non so. 00:54:06.100 --> 00:54:07.990 È una parte diversa del il team di progettazione. 00:54:07.990 --> 00:54:09.700 In questo modo, non si desidera Si supponga un problema. 00:54:09.700 --> 00:54:12.010 In questo modo, non conosce. 00:54:12.010 --> 00:54:12.604 Sì? 00:54:12.604 --> 00:54:13.620 [RIDERE]. 00:54:13.620 --> 00:54:15.145 >> [IMPERCETTIBILE]. 00:54:15.145 --> 00:54:17.586 >> In modo che faccia le domande, 00:54:17.586 --> 00:54:23.150 è l'utilizzo di CSS lezioni private con transizione CSS? 00:54:24.210 --> 00:54:26.660 Testato con la transizione, così, Sì. 00:54:26.660 --> 00:54:30.790 E per l'animazione, non i motivi per cui non dovrebbe. 00:54:30.790 --> 00:54:34.120 Ho appena controllato ma 99% è in realtà. 00:54:34.120 --> 00:54:37.679 E vedere Jacob dire che Sì, Sì è 100%. 00:54:37.679 --> 00:54:39.424 [RIDERE]. Te? 00:54:39.424 --> 00:54:43.177 >> Per l'applicazione supporta le regole nel CSS, 00:54:43.177 --> 00:54:46.670 si tratta di uno standard di [INAUDIBLE]? 00:54:46.670 --> 00:54:47.810 >> Assolutamente sir assolutamente. 00:54:49.230 --> 00:54:51.291 >> Sapere come ampiamente che è supportato nei browser? 00:54:51.291 --> 00:54:53.996 >> So che abbia supportato in colore. 00:54:53.996 --> 00:54:55.540 Passare a. 00:54:55.540 --> 00:54:56.603 Si conosce questo sito? 00:54:56.603 --> 00:55:01.820 >> [IMPERCETTIBILE] >> Non è ancora- 00:55:01.820 --> 00:55:02.455 >> Sì, non è ancora. 00:55:02.455 --> 00:55:09.400 >> [IMPERCETTIBILE] >> Così Sì, è supportato. 00:55:09.400 --> 00:55:11.360 >> Firefox, Chrome, bordo, meraviglioso. 00:55:11.360 --> 00:55:12.356 Viviamo in un mondo meraviglioso. 00:55:12.356 --> 00:55:16.486 >> Non Safari, interessanti. 00:55:17.743 --> 00:55:20.800 >> [RIDERE] >> [IMPERCETTIBILE] 00:55:20.800 --> 00:55:21.446 >> Sì? 00:55:21.446 --> 00:55:26.094 >> [IMPERCETTIBILE] >> Socket web? 00:55:26.094 --> 00:55:27.350 Sì sir. 00:55:27.350 --> 00:55:29.165 E che è una buona transizione, Ti ringraziamo. 00:55:29.165 --> 00:55:32.860 [RIDERE] Perché ciò che hanno la camicia si basa su WebSocket. 00:55:32.860 --> 00:55:37.010 Emettere una così Guy, abbiamo appena quattro minuti. 00:55:37.010 --> 00:55:38.050 Se hai altre domande, 00:55:38.050 --> 00:55:40.250 non esitate a rivolgerci subito dopo. 00:55:40.250 --> 00:55:43.288 Si desidera visualizzare il JS. 00:55:43.288 --> 00:55:46.618 Microsoft ha annunciato che ieri, in modo di seguito viene illustrato il prodotto è. 00:55:46.618 --> 00:55:49.820 Abbiamo deciso subito dopo JS per lavorare su un nuovo framework. 00:55:49.820 --> 00:55:53.080 In modo che amiamo scrittura nuovo Framework per consentire agli sviluppatori. 00:55:53.080 --> 00:55:56.028 Ma apparentemente non tutti i per gli sviluppatori sono gli sviluppatori web Active Directory 00:55:56.028 --> 00:55:58.190 così abbiamo scoperto che di recente. 00:55:58.190 --> 00:56:01.586 E quindi, abbiamo deciso di lavorare su il framework che potrebbe consentire di più 00:56:01.586 --> 00:56:03.470 sviluppatore di appena WebGL. 00:56:03.470 --> 00:56:08.600 E se stessimo scrivendo un codice, ci ha scoperto che questa operazione 00:56:08.600 --> 00:56:12.468 Per eseguire il debug su complessi tutte le versioni mobili. 00:56:12.468 --> 00:56:15.610 Quando si scrive del codice si desidera scriverlo una sola volta e 00:56:15.610 --> 00:56:18.700 esecuzione di tutto il mondo, ma se si desidera eseguire ovunque, 00:56:18.700 --> 00:56:21.270 è necessario eseguire il debug ovunque. 00:56:21.270 --> 00:56:24.440 Il problema che è sono disponibili molti strumenti diversi per eseguire questa operazione, ma 00:56:24.440 --> 00:56:27.500 Nessuno strumento per l'esecuzione realmente ovunque per aiutarci a. 00:56:27.500 --> 00:56:30.150 Pertanto, abbiamo deciso di scrivere un debug 00:56:30.150 --> 00:56:32.460 framework di strumento per Guida in linea è eseguita questa operazione. 00:56:32.460 --> 00:56:38.090 E solo in base a JavaScript pura CSS e l'utilizzo di un server di Node. js 00:56:38.090 --> 00:56:43.370 sul back-end per attivare il tempo reale comunicazione tramite WebSockets. 00:56:43.370 --> 00:56:47.910 >> Qui dispone di un server di Node. js, Fare semplicemente npm installazione Vorlon. 00:56:47.910 --> 00:56:49.240 Questo è tutto, nient'altro. 00:56:49.240 --> 00:56:51.500 Che verrà eseguito e fornire un quadro comandi. 00:56:51.500 --> 00:56:52.310 Il quadro comandi è qui. 00:56:52.310 --> 00:56:54.450 È possibile accedere in considerazione solo esso al dashboard. 00:56:54.450 --> 00:56:57.279 Se l'attesa per tutte le connessioni utilizzo dei socket in Web, ad esempio, 00:56:57.279 --> 00:56:58.254 Se è supportata, o 00:56:58.254 --> 00:57:00.771 utilizza il polling del assurity Se non supporta. 00:57:00.771 --> 00:57:03.400 A tale scopo si utilizza Socket.IO. 00:57:03.400 --> 00:57:05.130 Funziona quasi ovunque. 00:57:05.130 --> 00:57:06.045 Che funziona sul mio frigorifero. 00:57:06.045 --> 00:57:10.750 [RIDERE] In modo da una demo qui, appositamente per 00:57:10.750 --> 00:57:13.990 che, e Si desidera visualizzare in questa demo. 00:57:13.990 --> 00:57:15.620 Apriamo qui. 00:57:15.620 --> 00:57:17.840 E dispone di quella corrente. 00:57:17.840 --> 00:57:23.470 In modo che si introducono conservare 3D supporta anche all'interno del bordo. 00:57:23.470 --> 00:57:26.600 L'abbiamo cuneo, facciamo Questo tipo di realtà fantastiche. 00:57:26.600 --> 00:57:31.690 Sto cercando di riprodurre quello che sono ora sul mio lettore multimediale XBMC. 00:57:31.690 --> 00:57:34.050 Fantastico e Se non si dispone di un preserve per esso. 00:57:34.050 --> 00:57:38.820 In modo che questa è solo una demo è da assegnare perché cosa. 00:57:40.350 --> 00:57:41.092 Oh, è possibile non. 00:57:41.092 --> 00:57:43.390 In questa demo non funziona su un dispositivo specifico. 00:57:43.390 --> 00:57:46.230 Non è facile sapere Se si utilizza un telefono 00:57:46.230 --> 00:57:47.890 Informazioni sul motivo per cui che non funziona. 00:57:47.890 --> 00:57:52.928 In questo modo, posso fare è sufficiente aggiungere nel mio 00:57:52.928 --> 00:58:01.520 codice qui un riferimento a http://localhost. 00:58:01.520 --> 00:58:03.550 In modo che il server è in esecuzione su questo URL. 00:58:03.550 --> 00:58:05.460 E si desidera semplicemente vorlon.js. 00:58:05.460 --> 00:58:06.280 Questo è tutto. 00:58:06.280 --> 00:58:07.920 Non è necessario nulla di più. 00:58:07.920 --> 00:58:09.380 Crap. 00:58:09.380 --> 00:58:12.530 Non è necessario nulla di più. 00:58:12.530 --> 00:58:13.100 Sembra buona. 00:58:13.100 --> 00:58:14.470 >> È necessario digitarlo correttamente. 00:58:14.470 --> 00:58:16.240 >> Sì, e Non mi migliorare le conoscenze, diritto? 00:58:16.240 --> 00:58:20.610 >> Si tratta di una parte più difficile, abbiamo ancora tentare di risolvere il problema, che consentono di. 00:58:20.610 --> 00:58:22.658 >> [RIDERE] sembra essere, Oh no è non 's valida, 00:58:22.658 --> 00:58:25.750 Poiché sono stati omessi questo Sì, Ti ringraziamo. 00:58:25.750 --> 00:58:27.200 Potrebbe essere lungo per me. 00:58:28.860 --> 00:58:33.490 E qui, procedendo Sto ricaricamento xxyy questa pagina, in realtà? 00:58:36.520 --> 00:58:38.019 >> E andare al sito web. 00:58:39.170 --> 00:58:41.200 >> Ho dimenticato qualcosa ma Consenti all'utente di selezionare la casella. 00:58:43.190 --> 00:58:46.430 E in tal caso Si lavora sullo strumento di analisi dell'interfaccia utente, 00:58:46.430 --> 00:58:49.370 Pertanto, non è consigliabile qui le cose iPhone. 00:58:49.370 --> 00:58:52.338 Cerchiamo di analizzare l'utente stringa inviata dal client in modo 00:58:52.338 --> 00:58:54.890 Voglio dire, Ehi è un iPhone o altro. 00:58:54.890 --> 00:58:55.540 Si lavora solo su tale. 00:58:55.540 --> 00:58:58.540 Qui, Cliccando sul mio client 00:58:58.540 --> 00:58:59.770 È possibile vedere I è mio [INAUDIBLE]. 00:58:59.770 --> 00:59:03.840 In modo che il client può essere qualsiasi dispositivo che può raggiungere il server. 00:59:03.840 --> 00:59:05.650 Quindi, se si desidera utilizzarla pubblicamente, 00:59:05.650 --> 00:59:08.700 è sufficiente inserirla in qualsiasi Server, in Azure o altro. 00:59:08.700 --> 00:59:13.390 Funzionerà e è possibile vedere che hai in questo articolo. 00:59:13.390 --> 00:59:16.700 Ovviamente è possibile fare clic su qualsiasi elemento da visualizzare, oh Sì corretto, 00:59:16.700 --> 00:59:20.330 Vedo che si siano utilizzando queste cose. 00:59:20.330 --> 00:59:25.410 Selezionando ad esempio, Consenti all'utente di trovare, ad esempio un'interfaccia utente grafica. 00:59:25.410 --> 00:59:29.700 Sarà quindi possibile avere rettangolo rosso attorno all'elemento selezionato, in modo 00:59:29.700 --> 00:59:32.520 sappiano dove sei e Ciò che si sta utilizzando. 00:59:32.520 --> 00:59:34.460 E inoltre avete la console qui. 00:59:34.460 --> 00:59:37.260 La console è molto importante, perché se qualcosa è 00:59:37.260 --> 00:59:41.100 arresto anomalo del dispositivo, verrà inviare alcuni messaggi sulla console. 00:59:41.100 --> 00:59:43.190 Invia tutte le console i messaggi 00:59:43.190 --> 00:59:44.150 tornare al dashboard. 00:59:44.150 --> 00:59:45.900 È ora ciò che accade. 00:59:45.900 --> 00:59:49.865 Volevo mostrare è anche ferb plug-in questa posizione. 00:59:49.865 --> 00:59:53.428 Stiamo utilizzando modernizer su il dispositivo per conoscere tutte le funzionalità 00:59:53.428 --> 00:59:55.550 funzionalità del dispositivo. 00:59:55.550 --> 00:59:58.250 Invia nuovamente il dashboard così Si noti in realtà, 00:59:58.250 --> 01:00:01.740 Questo dispositivo specifico parole simili ad esempio, di supporto 01:00:01.740 --> 01:00:04.180 CSS trasformazione 3D o Mantenere 3D o altro. 01:00:04.180 --> 01:00:06.720 È stato fatto tutto l'elenco qui, e 01:00:06.720 --> 01:00:10.300 Sono molto orgoglioso di dimostrare che è sul bordo di DreamWeaver. 01:00:10.300 --> 01:00:10.880 Che è interessante. 01:00:10.880 --> 01:00:13.789 Oh no, non stiamo offrendo supporto Database SQL, ma che è corretto. 01:00:13.789 --> 01:00:17.860 Che è quello vecchio. 01:00:17.860 --> 01:00:21.340 È possibile anche in questo caso, aggiungere aria calda o altro. 01:00:21.340 --> 01:00:25.050 È sufficiente pronunciare che desidera eseguire qui qualcosa nella mia console e 01:00:25.050 --> 01:00:26.890 questo verrà eseguito sul client. 01:00:26.890 --> 01:00:29.230 Così è possibile controllare Questo tipo di materiale. 01:00:29.230 --> 01:00:30.190 È possibile farlo. 01:00:30.190 --> 01:00:30.910 È gratuito. 01:00:30.910 --> 01:00:33.960 Attenersi a una delle la fase di debug e 01:00:33.960 --> 01:00:37.160 Siamo aperti per i contributi di >> È open source. 01:00:37.160 --> 01:00:40.470 >> Sì. Quindi aggiungerà web plug-in audio 01:00:40.470 --> 01:00:47.700 Consente di visualizzare il nodo e Per visualizzare il materiale audio web nodo. 01:00:47.700 --> 01:00:50.880 Riteniamo che sulla connessione Per eseguire il debug anche modalità. 01:00:50.880 --> 01:00:52.920 Così, ad esempio, si sta scrivendo in un sistema operativo Firefox. 01:00:52.920 --> 01:00:56.230 Non vi è una porta di debugger dove abbiamo Per sapere dove siamo grado di connettersi 01:00:56.230 --> 01:00:59.680 il codice e probabilmente alcuni Forse in futuro punto di interruzione. 01:00:59.680 --> 01:01:02.270 Quindi, presenta una realtà Aprire infrastruttura. 01:01:02.270 --> 01:01:02.850 È realmente in 01:01:02.850 --> 01:01:05.730 completo perché la maggior parte dei casi quando in questione con dispositivi mobili, 01:01:05.730 --> 01:01:09.890 codice dell'applicazione, qualsiasi elemento che è davvero difficile per lo sviluppo. 01:01:09.890 --> 01:01:12.010 Questa soluzione garantisce primo kit di Active Directory. 01:01:13.880 --> 01:01:15.520 Grazie per essere presenti. 01:01:15.520 --> 01:01:16.428 Veramente veramente. 01:01:16.428 --> 01:01:23.810 >> [UN APPLAUSO] >> Consente di non dimenticare di valutare. 01:01:23.810 --> 01:01:25.317 >> Ringraziamo, grazie. 01:01:25.317 --> 01:01:28.330 [ESTERNA]