html5-ракета

За апошнія некалькі гадоў вэб-браўзэры растуць. Цяпер, калі прарыў Internet Explorer 6 у Інтэрнэце быў парушаны, аглядальнікі ўкараняюць мноства класных новых функцый, якімі карыстаюцца сёння вэб-сайты.

Гэты артыкул прысвечана новым вэб-тэхналогіям, якія вы можаце выкарыстоўваць на рэальных вэб-старонках сёння. Вядома, некаторыя з вас, несумненна, чулі пра многае з іх, але большасць людзей не чула пра іх.

Перацягнуць, каб загрузіць

Цяпер многія вэб-сайты дазваляюць загружаць файлы, проста перацягваючы іх у акно свайго браўзэра - жаданае змяненне, калі трэба націскаць кнопку прагляду і выкарыстоўваць файл выбару, як гэта трэба было некалькі гадоў таму. Незалежна ад таго, што вы далучаеце файл да электроннай пошты ў Gmail альбо загружаеце малюнак на imgur.com для хуткага абмену, вы можаце перацягнуць файл на вэб-старонку.

перацягванне для загрузкі

Намалюйце 3D-графіку ў браўзэры

Зараз такія браўзэры, як Chrome і Firefox, падтрымліваюць WebGL, які дазваляе адлюстроўваць 3D-графіку без якіх-небудзь убудоў. WebGL можа выкарыстоўвацца для гульняў і іншых 3D-мадэляў, але найбольш папулярным сайтам, які карыстаецца WebGL, з'яўляецца, напэўна, Google Maps. На Google Maps ў Chrome вы можаце ўключыць "MapsGL". Гэта прымусіць Google Maps вынесці карту з OpenGL, што прывядзе да больш гладкай анімацыі. Пры выкарыстанні Street View вы ўбачыце анімацыю, калі карта павялічваецца. Прагляд вуліц таксама будзе аказвацца з OpenGL, а не з Adobe Flash.

Калі Карты Google былі недастаткова ўражлівымі, рухавік Quake 3 быў адаптаваны для працы ў WebGL у вашым браўзэры. Гэты сайт таксама выкарыстоўвае спецыфікацыю блакавання паказальніка (або блакавання мышы), каб захапіць паказальнік мышы і захаваць яго ў гульнявой зоне.

землятрус-3-у-webgl

Майце зносіны з WebSockets

HTML ніколі не быў распрацаваны, каб дазволіць вэб-старонкам мець зносіны наперад і назад з вэб-серверамі. HTML быў створаны для статычных вэб-старонак, і большасць вэб-старонак у цяперашні час выкарыстоўваюць метады зносін з серверамі на аснове шалёных метадаў апытання. WebSockets дазваляюць вэб-старонкам ствараць паўнавартасны канал сувязі праз злучэнне TCP, рэзка зніжаючы затрымку і сеткавы трафік, калі вэб-старонкам трэба адпраўляць дадзеныя назад і назад з серверамі.

WebSockets выкарыстоўваецца ў гульні BrowserQuest Mozilla, што дазваляе гульні, якая працуе ў вашым браўзэры, адпраўляць падзеі назад і назад на свой сервер. WebSockets таксама выкарыстоўваліся для стварэння кліентаў IRC, якія працуюць у вашым браўзэры. Мабыць, што найбольш уражвае, WebSockets таксама былі выкарыстаны для стварэння торэнтнага кліента JavaScript, які працуе ў вашым браўзэры, даючы карыстальнікам Chrome OS роднага кліента-торэнта. JSTorrent яшчэ не выглядае цалкам стабільна, але гэта добры прыклад таго, што магчыма з WebSockets.

браўзэр-падлучэнне-сервер

Прайгравайце відэа і музыку без ўспышкі

Відэа HTML5 прыцягвае шмат увагі, таму шмат хто ведае, што зараз можна прайграваць відэа ў фарматах H.264 (MP4), WebM і Ogg Theora без неабходнасці ўстаноўкі Flash. Многія вэб-сайты, у тым ліку YouTube, прапануюць прайграванне відэа на аснове HTML5. На жаль, многія вэб-сайты настойваюць на тым, што ім патрэбны DRM, і таму YouTube па-ранейшаму выкарыстоўвае Flash для відэа з рэкламай, а Netflix па-ранейшаму выкарыстоўвае Silverlight для сваіх відэа. Відэапрайгравальнік HTML5 можа выглядаць як відэа-прайгравальнік на базе Flash, таму вы ніколі не заўважаеце, што выкарыстоўваецца яго вэб-сайт - за выключэннем таго, што прайграванне відэа будзе працаваць на мабільных прыладах і будзе лепш.

html5-video-on-vimeo

Запуск вэб-прыкладанняў у аўтаномным рэжыме

Зараз браўзары дазваляюць вэб-дадаткам працаваць у аўтаномным рэжыме, прапаноўваючы ім лакальную базу дадзеных, якую яны могуць выкарыстоўваць для доступу да вашых дадзеных. Многія з аўтаномных вэб-прыкладанняў Google (у тым ліку Gmail, Дакументы і Каляндар) працуюць толькі ў Chrome, але Kindle Cloud Reader Amazon можна выкарыстоўваць у аўтаномным рэжыме і ў іншых браўзэрах, такіх як Firefox. Kindle Cloud Reader дазваляе загружаць электронныя кнігі, якія можна чытаць у аўтаномным рэжыме ў вашым браўзэры пазней, нават калі ў вас няма падлучэння да Інтэрнэту.

kindle-cloud-reader-offline

Доступ да вэб-камеры і відэаканферэнцыі

Цяпер вэб-старонкі могуць атрымаць доступ да вашай вэб-камеры - вядома, з вашага дазволу. Вэб-старонка можа выкарыстоўваць гэтую функцыю, каб рабіць фатаграфіі з вашай вэб-камеры для выявы вашага профілю або запісваць відэа. Тым не менш, ён можа таксама выкарыстоўваць новы API WebRTC для правядзення відэаканферэнцый паміж рознымі браўзарамі без неабходнасці ўбудовы. У будучыні для Google Hangouts зусім не спатрэбіцца убудова, а Skype таксама будзе працаваць у вашым браўзэры.

Стварыце ўсплывальныя вокны апавяшчэнняў

Зараз браўзэры дазваляюць вэб-старонкам паказваць вам апавяшчэнні працоўны стол. Напрыклад, Google Calendar можа паказаць вам усплывальныя апавяшчэнні, калі вы стварылі напаміны пра будучыя падзеі. Вэб-сайты для чатаў і электроннай пошты могуць паказваць усплывальныя вокны, каб папярэдзіць вас аб новых паведамленнях.

google-каляндар-напамін-усплывальнае

Вызначце сваё месцазнаходжанне

Зараз вэб-старонкі могуць запытаць дазвол на доступ да вашага месцазнаходжання. Калі вы карыстаецеся планшэт ці іншы тып прылад з выдзеленым чыпам GPS, браўзэр будзе выкарыстоўваць ваша абсталяванне GPS для вызначэння вашага месцазнаходжання. На прыладах без GPS-чыпаў, найбліжэйшыя назвы бесправадной сеткі або месцазнаходжанне Інтэрнэт-правайдэра могуць быць выкарыстаны для прыбліжэння вашага бягучага месцазнаходжання. Геалакацыя можа замяніць неабходнасць уводу вашага адраса на вэб-сайты, якія адлюстроўваюць лакальны змест і дазваляюць вызначыць ваша дакладнае месцазнаходжанне з дапамогай чыпа GPS на партатыўным кампутары.

google-maps-geolocation

Зрабіце вэб-прыкладанні прыкладаннямі па змаўчанні

Зараз браўзары дазваляюць вэб-дадаткам стаць вашымі праграмамі па змаўчанні, так што вы можаце выкарыстоўваць Gmail у сваім браўзэры для адпраўкі лістоў пры націску на паштовую скрыню: спасылка ў любым месцы на вашым кампутары - нават за межамі браўзэра.

дадатак chrome-use-gmail-as-default-email

Запусціце Native Code ў сваім браўзэры

Некалькі супярэчліва, у Chrome уваходзіць Native Client. Родны кліент дазваляе вэб-старонкам запускаць спрадвечны код, напісаны на такіх мовах, як C ці C ++. Код выконваецца ў пясочніцы для бяспекі, і працуе з практычна хуткасцю.

Родны кліент дазваляе вэб-старонкам выконваць высокапрадукцыйны код для такіх рэчаў, як гульнявыя рухавікі і мясцовае кадаванне відэа. Гэта можа быць шлях да атрымання больш прасунутых прыкладанняў на Chrome OS. Вэб-крама Chrome утрымлівае мноства гульняў, напісаных у Native Client, у тым ліку порт крытычна вядомых Бастыёнаў.

бастыён у храме

Аглядальнікі хутка набіраюць новыя функцыі Інтэрнэту. Мы можам быць удзячныя, што Internet Explorer 6 ужо не з'яўляецца галіновым стандартам.

Крэдыт малюнка: Крысціян Хайльман на Flickr