{"id":8806,"date":"2016-07-05T03:08:47","date_gmt":"2016-07-05T03:08:47","guid":{"rendered":"http:\/\/www.kurzweilai.net\/?p=283986"},"modified":"2016-07-07T06:17:40","modified_gmt":"2016-07-07T06:17:40","slug":"how-to-bring-the-entire-web-to-vr","status":"publish","type":"post","link":"https:\/\/hoo.central12.com\/fugic\/2016\/07\/05\/how-to-bring-the-entire-web-to-vr\/","title":{"rendered":"How to bring the entire web to VR"},"content":{"rendered":"<p><iframe frameborder=\"0\" height=\"300px\" scrolling=\"no\" src=\"http:\/\/storage.googleapis.com\/vrview\/index.html?image=\/\/storage.googleapis.com\/vrview\/examples\/coral.jpg&amp;preview=\/\/storage.googleapis.com\/vrview\/examples\/coral-preview.jpg&amp;is_stereo=true\" width=\"100%\"><\/iframe><\/p>\n<p>Google is working on new features to bring the web to VR, according to Google Happiness Evangelist <a href=\"https:\/\/plus.google.com\/100132233764003563318\" rel=\"author\">Fran\u00e7ois Beaufort<\/a>.<\/p>\n<p>To help web developers embed VR content in their web pages, the Google Chromium team has been working towards <a href=\"https:\/\/webvr.info\/get-chrome\/\" >WebVR<\/a> support in <a href=\"https:\/\/www.chromium.org\/\" >Chromium<\/a> (programmers: see <a href=\"https:\/\/codereview.chromium.org\/2030223002\" >Chromium Code Reviews<\/a>), Beaufort said. That means you can now use\u00a0Cardboard- or Daydream-ready VR viewers to see pages with compliant VR content while browsing the web with Chrome.<\/p>\n<div id=\"attachment_284036\" class=\"wp-caption aligncenter\" style=\"width: 431px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; display: block; margin-right: auto; margin-left: auto;\"><img class=\" wp-image-284036\" title=\"Daydream Cardboard\" src=\"http:\/\/www.kurzweilai.net\/images\/Daydream-Cardboard.png\" alt=\"\" width=\"421\" height=\"123\" \/><p style=' padding: 0 4px 5px; margin: 0;'  class=\"wp-caption-text\">(credit: Google)<\/p><\/div>\n<p>&#8220;The team is just getting started on making the web work well for VR so stay tuned, there\u2019s more to come!&#8221; he said.<\/p>\n<p>Google previously launched <a href=\"https:\/\/developers.googleblog.com\/2016\/03\/introducing-vr-view-embed-immersive.html\" >VR view<\/a>,\u00a0 which enables developers to embed immersive content on Android, iOS and the web. Users can view it on their phone, with a <a href=\"https:\/\/www.google.com\/get\/cardboard\/get-cardboard\/\">Cardboard viewer<\/a>, or with a Chrome browser on their desktop computer.<\/p>\n<p>For native apps, programmers can <a href=\"http:\/\/developers.google.com\/cardboard\/vrview\/?utm_campaign=cardboard_launch_vrview_033016&amp;utm_source=gdev&amp;utm_medium=blog\">embed a VR view<\/a> in an app or web page by grabbing the latest Cardboard SDK for <a href=\"https:\/\/developers.google.com\/cardboard\/android\/?utm_campaign=cardboard_launch_vrview_033016&amp;utm_source=gdev&amp;utm_medium=blog\">Android<\/a> or <a href=\"https:\/\/developers.google.com\/cardboard\/ios\/?utm_campaign=cardboard_launch_vrview_033016&amp;utm_source=gdev&amp;utm_medium=blog\">iOS<\/a> and adding a few lines of code.<\/p>\n<p>On the web, embedding a VR view is as simple as adding an iframe on your site, as <em>KurzweilAI<\/em> did in the 360-degrees view shown at the top of this page, using iframe code copied from the HTML on <a title=\"Introducing VR view: embed immersive content into your apps and websites\" href=\"https:\/\/developers.googleblog.com\/2016\/03\/introducing-vr-view-embed-immersive.html\">Introducing VR view: embed immersive content into your apps and websites<\/a> on Google Developers Blog. (Chrome browser is required. In addition to a VR viewer, you can use either the mouse or the four arrow keys to explore the image in 360 degrees.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google is working on new features to bring the web to VR, according to Google Happiness Evangelist Fran&ccedil;ois Beaufort. To help web developers embed VR content in their web pages, the Google Chromium team has been working towards WebVR support in Chromium (programmers: see Chromium Code Reviews), Beaufort said. That means you can now use&nbsp;Cardboard- [&#8230;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,808,54],"tags":[],"class_list":["post-8806","post","type-post","status-publish","format-standard","hentry","category-news","category-social-networkingweb","category-vraugmented-realitycomputer-graphics"],"_links":{"self":[{"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/posts\/8806"}],"collection":[{"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/comments?post=8806"}],"version-history":[{"count":3,"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/posts\/8806\/revisions"}],"predecessor-version":[{"id":8859,"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/posts\/8806\/revisions\/8859"}],"wp:attachment":[{"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/media?parent=8806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/categories?post=8806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hoo.central12.com\/fugic\/wp-json\/wp\/v2\/tags?post=8806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}