{"id":1801,"date":"2021-03-27T22:30:58","date_gmt":"2021-03-27T19:30:58","guid":{"rendered":"https:\/\/aestar.com.ua\/?page_id=1801"},"modified":"2022-05-19T16:12:42","modified_gmt":"2022-05-19T13:12:42","slug":"ar-development-in-browser","status":"publish","type":"page","link":"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/","title":{"rendered":"WebAR development &#8211; augmented reality in the browser"},"content":{"rendered":"<p style=\"text-align: justify;\" class=\"text-xs-justify text-md-justify\">WebAR technology allows you to transfer various 3D models from the virtual to the real world through a smartphone browser, without the need to download and install an application. Building AR in the browser will allow website visitors to become potential customers by interacting with the company&#8217;s product through a smartphone using augmented reality.<\/p>\n<p style=\"text-align: justify;\" class=\"text-xs-justify text-md-justify\">Previously, to view content in augmented reality, you had to download and launch an <a href=\"https:\/\/aestar.com.ua\/en\/ar-apps-development\/\">AR app<\/a>. These manipulations take up a sufficient amount of time, smartphone memory, as well as Internet traffic, which can stop many users from installing them. This limitation is eliminated by in-browser augmented reality technology, which allows smartphone users to use AR technology in the simplest way &#8211; using only the smartphone&#8217;s browser, viewing 3D models, videos and animations without the need to install additional applications. Although, the development of applications in augmented reality will allow you to have support for more functions and capabilities, compared to augmented reality in the browser (on the site). For now, WebAR includes marker detection support for precise positioning of models, simple animation, video, and some degree of interactivity.<\/p>\n<p style=\"text-align: justify;\" class=\"text-xs-justify text-md-justify\">WebAR removes the hassle of installing an AR app and makes it easier to use augmented reality by sharing a link to a site where you can try augmented reality. The View in AR button indicates that the product can be seen as a 3D model in both 3D viewing and AR (augmented reality) modes. With one click of a button in a browser via a smartphone or tablet, the object will be in a real environment.<\/p>\n<p style=\"text-align: justify;\" class=\"text-xs-justify text-md-justify\"><span style=\"text-decoration: underline;\">Stages of launching augmented reality in a browser (more details):<\/span><br \/>\n1) go to the site and select an object for viewing in AR;<br \/>\n2) allow this site to use the camera to switch to AR mode;<br \/>\n3) make slow circular movements with a smartphone or point at a &#8220;marker&#8221; (marker technology) for the correct positioning of the 3D model;<br \/>\n4) interact (move, twist, resize) with a 3D model via a smartphone.<\/p>\n<p style=\"text-align: justify;\" class=\"text-xs-justify text-md-justify\">WebAR technology has some technical requirements. First of all, a smartphone must have sensors such as a gyroscope, accelerometer and RGB camera that most modern smartphones are equipped with in order to switch to AR mode.<\/p>\n<table style=\"width: 96.1813%; height: 96px;\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td width=\"242\" style=\"height: 24px; width: 37.8092%;\"><strong>OS<\/strong><\/td>\n<td width=\"242\" style=\"height: 24px; width: 30.2431%; border-style: solid;\">iOS<\/td>\n<td width=\"242\" style=\"height: 24px; width: 35.9264%;\">Android<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td width=\"242\" style=\"height: 24px; width: 37.8092%;\"><strong>DEVELOPMENT PLATFORM<\/strong><\/td>\n<td width=\"242\" style=\"height: 24px; width: 30.2431%;\">ARKit<\/td>\n<td width=\"242\" style=\"height: 24px; width: 35.9264%;\">ARCore<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td width=\"242\" style=\"height: 24px; width: 37.8092%;\"><strong>FORMAT<\/strong><\/td>\n<td width=\"242\" style=\"height: 24px; width: 30.2431%;\">usdz<\/td>\n<td width=\"242\" style=\"height: 24px; width: 35.9264%;\">glb (gltf)<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td width=\"242\" style=\"height: 24px; width: 37.8092%;\"><strong>BROWSER<\/strong><\/td>\n<td width=\"242\" style=\"height: 24px; width: 30.2431%;\">Safari<\/td>\n<td width=\"242\" style=\"height: 24px; width: 35.9264%;\">Chrome<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\" class=\"text-xs-justify text-md-justify\">AR technology is predicted to eventually become a standard and expected feature on e-commerce sites. The value of augmented reality lies in the fact that the customer can interact more effectively with the product in the form of a <a href=\"https:\/\/aestar.com.ua\/en\/3d-models-creation\/\">3D model<\/a>. Contact us to stand out from your competitors by implementing WebAR (in-browser augmented reality) on your site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WebAR technology allows you to transfer various 3D models from the virtual to the real world through a smartphone browser, without the need to download and install an application. Building AR in the browser will&#8230;<\/p>\n","protected":false},"author":1,"featured_media":5463,"parent":1797,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"template-parts\/t-service.php","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.0.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Development of augmented reality in a browser to effectively engage customers in interacting with the product through the company&#039;s website.\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Developing augmented reality in the browser\" \/>\n<meta property=\"og:description\" content=\"Development of augmented reality in a browser to effectively engage customers in interacting with the product through the company&#039;s website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/\" \/>\n<meta property=\"og:site_name\" content=\"AEstAR\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/augmented.reality.company\/\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-19T13:12:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aestar.com.ua\/wp-content\/uploads\/2021\/11\/uslugi-webar.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"270\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/aestar.com.ua\/#organization\",\"name\":\"\\u0421\\u0442\\u0443\\u0434\\u0438\\u044f \\\"AEstAR\\\"\",\"url\":\"https:\/\/aestar.com.ua\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/augmented.reality.company\/\",\"https:\/\/www.linkedin.com\/authwall?trk=gf&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;trkInfo=AQEFrDMChcIIgQAAAXKeKRUAaJZl4CjeBahVgR9dJOeh4lfV3kQlaSSK4tR-7WcWjVoCxDG518owQhDR6UNV9UuI0K4xts09t8GyQ3ZwGz0daXynMZ4T_vQTyGKL08JbXSnf8xk=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;originalReferer=http:\/\/aestar.com.ua\/&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;sessionRedirect=https:\/\/www.linkedin.com\/company\/aestar\",\"https:\/\/www.youtube.com\/channel\/UCLusooe67Tt7tbK97QnyX-w\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/aestar.com.ua\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"\",\"caption\":\"\\u0421\\u0442\\u0443\\u0434\\u0438\\u044f \\\"AEstAR\\\"\"},\"image\":{\"@id\":\"https:\/\/aestar.com.ua\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aestar.com.ua\/#website\",\"url\":\"https:\/\/aestar.com.ua\/\",\"name\":\"AEstAR\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/aestar.com.ua\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/aestar.com.ua\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/aestar.com.ua\/wp-content\/uploads\/2021\/11\/uslugi-webar.jpg\",\"width\":270,\"height\":400},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/#webpage\",\"url\":\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/\",\"name\":\"Developing augmented reality in the browser\",\"isPartOf\":{\"@id\":\"https:\/\/aestar.com.ua\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/#primaryimage\"},\"datePublished\":\"2021-03-27T19:30:58+00:00\",\"dateModified\":\"2022-05-19T13:12:42+00:00\",\"description\":\"Development of augmented reality in a browser to effectively engage customers in interacting with the product through the company's website.\",\"breadcrumb\":{\"@id\":\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aestar.com.ua\/en\/\",\"url\":\"https:\/\/aestar.com.ua\/en\/\",\"name\":\"[:en]\\u0413\\u043b\\u0430\\u0432\\u043d\\u0430\\u044f \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0430[:ru]\\u0413\\u043b\\u0430\\u0432\\u043d\\u0430\\u044f \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0430[:]\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aestar.com.ua\/en\/ar-development\/\",\"url\":\"https:\/\/aestar.com.ua\/en\/ar-development\/\",\"name\":\"Augmented reality development\"}},{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/\",\"url\":\"https:\/\/aestar.com.ua\/en\/ar-development-in-browser\/\",\"name\":\"WebAR development &#8212; augmented reality in the browser\"}}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/pages\/1801"}],"collection":[{"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/comments?post=1801"}],"version-history":[{"count":9,"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/pages\/1801\/revisions"}],"predecessor-version":[{"id":5755,"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/pages\/1801\/revisions\/5755"}],"up":[{"embeddable":true,"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/pages\/1797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/media\/5463"}],"wp:attachment":[{"href":"https:\/\/aestar.com.ua\/en\/wp-json\/wp\/v2\/media?parent=1801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}