Web AR
Web AR
arnumber=8643424
               IEEE.org       IEEE Xplore       IEEE-SA        IEEE Spectrum      More Sites   SUBSCRIBE                   SUBSCRIBE    Cart     Create Account
                                                                                                                       Contents
                                                                                                                   Personal Sign In !
Institutional Sign In
All % $
ADVANCED SEARCH
Journals & Magazines > Proceedings of the IEEE > Volume: 107 Issue: 4
6 Author(s) Xiuquan Qiao ; Pei Ren ; Schahram Dustdar ; Ling Liu ; Huadong Ma ; Junliang C… All Authors
           I. Introduction                  Metadata
                                                                                                                                          Top Organizations with Patents
                                          Abstract:
           II. Background:                                                                                                                on Technologies Mentioned in
               Mobile AR                  Mobile augmented reality (Mobile AR) is gaining increasing attention from both academia
                                                                                                                                          This Article
               Principles and             and industry. Hardware-based Mobile AR and App-based Mobile AR are the two
                Typical                   dominant platforms for Mobile AR applications. However, hardware-based Mobile AR
                Implementation            implementation is known to be costly and lacks flexibility, while the App-based one
                Mechanisms                requires additional downloading and installation in advance and is inconvenient for
                                          cross-platform deployment. In comparison, Web-based AR (Web AR) implementation
           III. Different Web AR
                                          can provide a pervasive Mobile AR experience to users thanks to the many successful
                Implementation
                Approaches                deployments of the Web as a lightweight and cross-platform service provisioning
                                          platform. Furthermore, the emergence of 5G mobile communication networks has the                                #
           IV. Open Research              potential to enhance the communication efficiency of Mobile AR dense computing in the
                 Challenges               Web-based approach. We conjecture that Web AR will deliver an innovative technology
           V. Conclusion                  to enrich our ways of interacting with the physical (and cyber) world around us. This
                                          paper reviews the state-of-the-art technology and existing implementations of Mobile AR,
                                          as well as enabling technologies and challenges when AR meets the Web. Furthermore,
                   Authors
                                          we elaborate on the different potential Web AR provisioning approaches, especially the
                                          adaptive and scalable collaborative distributed solution which adopts the osmotic
                   Figures
                                          computing paradigm to provide Web AR services. We conclude this paper with the
                                          discussions of open challenges and research directions under current 3G/4G networks
                 References
                                          and the future 5G networks. We hope that this paper will help researchers and
                                          developers to gain a better understanding of the state of the research and development
                   Citations
                                          in Web AR and at the same time stimulate more research interest and effort on
                                          delivering life-enriching Web AR experiences to the fast-growing mobile and wireless
                  Keywords
                                          business and consumer industry of the 21st century.
                   Metrics
                                          Published in: Proceedings of the IEEE ( Volume: 107 , Issue: 4 , April 2019 )
                More Like This
                                          Page(s): 651 - 666                            INSPEC Accession Number: 18547593
                  Footnotes
                                          Date of Publication: 18 February 2019         DOI: 10.1109/JPROC.2019.2895105
1 of 18                                                                                                                                                                  25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                          https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            SECTION I.
                            Introduction
                            Fig. 1.
                            Historical evolution of AR.
                            The invention of the World Wide Web marked the beginning of a new
                            era, with a Web-based service provisioning paradigm. The native cross-
                            platform and lightweight features of the Web simplify service access for
                            users, thereby facilitating the large-scale promotion of Web-based
2 of 18                                                                                                                            25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                          https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            Although the technology of the Web offers a promising approach for the
                            cross-platform, lightweight, and pervasive service provisioning of Mobile
                            AR, there are still several challenges to applying Web AR in real cases.
                            Computational efficiency, energy efficiency, and networking are three
                            important challenges. AR is a computation- and data-intensive
                            application. The limited computing and rendering capabilities on the
                            Web make it more challenging to achieve a high-performance and
                            energy-efficient Web AR. First, the limited performance of a Web AR
                            application will significantly degrade the user’s experience. Second, the
                            battery on the mobile device will face tremendous pressure caused by the
                            complex computation tasks, as it is only designed for common
                            functionalities. To achieve better performance, Web AR applications
                            usually take advantage of a way to off-load computation (e.g., cloud
                            computing) to accelerate the process. However, computation offloading
                            may introduce an additional communication delay, which will impact the
                            user experience and limit its application under the current mobile
                            networks.
                            SECTION II.
                            Background: Mobile AR Principles
                            and Typical Implementation
                            Mechanisms
                            A. Mobile AR Principles
                            AR is a visual technology between VR and real reality. By superimposing
                            computer-generated virtual content over the real world, AR can easily
                            help users to better understand their ambient environment.
3 of 18                                                                                                                            25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                            https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            Fig. 2.
                            Current and future application areas of Web AR.
                            Fig. 3.
                            Typical AR process.
                            Fig. 4.
                            Computational/storage/networking complexities for the three typical
                            implementation mechanisms.
                            1) Sensor-Based Mechanisms:
                            Mobile devices nowadays already support a variety of sensors, such as
                            accelerometers, gyroscopes, compasses, magnetometers, GPS, and so on.
4 of 18                                                                                                                              25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                            https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            2) Vision-Based Mechanisms:
                            Similarly, the camera on the device captures the surrounding
                            environment, but it further provides the basis for vision-based object
                            recognition, detection, and tracking. This type of mechanism uses feature
                            correspondences to estimate pose information to align the virtual content
                            with real-world objects and is analogous to a closed-loop system.
                            Depending on different features, it can be divided into two methods, as
                            discussed in the following. The frame-by-frame tracking approach avoids
                            the aforementioned error accumulation. However, it introduces heavy
                            computational pressure on mobile devices, especially for natural feature
                            tracking methods. Besides the improvement of device capability, the
                            advances in network (e.g., the upcoming 5G networks) will provide
                            another approach to the problem of inefficient Web AR application
                            performance, i.e., computation outsourcing (see Section III-B).
                            Fig. 5.
                            Several planar pattern marker systems [22] used in AR. (a) Intersense. (b)
                            ARSTudio. (c) ARToolKit. (d) ARTag.
5 of 18                                                                                                                              25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                            https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
6 of 18                                                                                                                              25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                             https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            Fig. 6.
                            Browser support tables of enabling Web technologies (i.e., WebAssembly,
                            WebGL, WebRTC, and Web Workers) for Web AR application up to December 1,
                            2018 (Source: https://caniuse.com).
                            1) WebRTC [32]:
                            This technology provides browsers with real-time communications and is
                            one of the most important and basic technologies for Web AR. The
                            camera captures the ambient environment in the form of a video stream
                            by using the WebRTC technology, which provides the basis for further
                            perception of the environment, rendering, and other operations in a Web
                            AR application. A large number of browsers nowadays have already
                            supported this technology. Besides video capture, the WebRTC
                            technology currently also supports video coding, encryption, rendering,
                            processing, and so on. However, considering the limited capability of
                            mobile Web platforms, an efficient WebRTC solution for Web AR is still
                            worth our attention.
7 of 18                                                                                                                               25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                          https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            2) WebAssembly [33]:
                                                                        Contents
                            To simplify the programming process and achieve native speed, the
                            recently emerged WebAssembly is designed as a computational
                            acceleration approach on the Web by encoding procedures (e.g., C, C++,
                            Rust, and Go) into a size- and load-time-efficient binary format, which
                            can be executed on the Web directly [34]. Mainstream browsers (e.g.,
                            Chrome, Firefox, and Safari) have also started to support this Web
                            technology. WebAssembly solves the bottleneck problem of JavaScript
                            and has therefore caused wide concern. It not only improves Web AR
                            application performance but also makes the development process easier
                            bringing it into a close relation with current mature CV algorithm, for
                            example, OpenCV.js [35], [36], the WebAssembly version of OpenCV.
                            The emergence of WebAssembly will bring a revolution to the Web
                            platform [37].
                            4) WebGL [39]:
                            This provides a hardware-based (GPU) rendering acceleration approach
                            on the Web. Since image processing has a strict requirement of the
                            computing resources, an efficient computing platform is, therefore,
                            important for computation-intensive applications. A set of efficient
                            JavaScript APIs for interactive 2-D and 3-D graphics rendering is
                            available in this library. The use of a GPU in the mobile device makes the
                            presentation of AR smoother and more realistic on the Web. Also, worth
                            mentioning is Three.js [40], a WebGL-based JavaScript library, which
                            helps developers work with 2-D and 3-D graphics on a browser using
                            WebGL in a simpler and more intuitive way. WebGL 2 specification
                            finished in January 2017 and this technology has been widely supported
                            in modern browsers.
                            SECTION III.
                            Different Web AR Implementation
                            Approaches
8 of 18                                                                                                                            25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                           https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            A. Self-Contained Method
                            There are two main implementation approaches for the self-contained
                            method. One is to develop pure JavaScript-based libraries or plug-ins to
                            provide Mobile AR services on the Web. The other is to extend the
                            browser kernel to achieve better Web AR application performance. We
                            will now present these two approaches in detail.
9 of 18                                                                                                                             25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                               https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            infancy and have not been applied in practice on a large scale. In addition
                                                                           Contents
                            to Mozilla and Google, there are also other companies  making an effort to
                            bridge the gap between the Web and the AR. Both Baidu and Tencent
                            proposed their Web AR solutions in 2017, namely, DuMix AR [64] and
                            TBS AR [65], respectively. Fig. 8 shows the TBS AR system architecture
                            as an example. The browser-kernel extension solution presents a
                            promising and powerful self-contained Web AR implementation solution
                            compared with the pure JavaScript library/plug-in method. However,
                            before the standardization of AR-supported browsers is finished, the
                            diversity of APIs proposed by different browser kernel-extension
                            solutions will, in contrast, limit the large-scale promotion of Web AR
                            applications. Fortunately, some standardization efforts have already
                            begun (WebXR Editor’s Draft, W3C, March 7, 2018).
                            Fig. 7.
                            State of the art of (a) fiducial-based (AR.js [41]) and (b) natural feature-based
                            (awe.js [42]) Web AR JavaScript library/Plug-in implementations.
                            Fig. 8.
                            TBS AR system architecture. By extending Web browsers to support AR, Web AR
                            applications can provide users with near-native application performance.
                            B. Computation Outsourcing
                            Although the browser-kernel extension method achieves a skip-type
                            performance improvement compared with another self-contained Web
                            AR implementation solution (i.e., pure JavaScript library/plug-in), it is
                            still challenging for the perception of complex environments by mobile
                            devices due to their limited computational capability. Another type of
                            Web AR implementation mechanism is outsourcing the computations. By
                            outsourcing computationally intensive tasks to cloud servers, Web users
                            can get a better AR experience, which benefits from the stronger
                            computing capability of the servers. Meanwhile, it also reduces the
                            computing capability requirement for the mobile device and, thus, the
                            threshold of the promotion of Web AR. However, the additional
                            communication delay and deployment cost are two important issues that
                            deserve our attention at the same time.
10 of 18                                                                                                                                25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                          https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            1) Back-End Solutions:
                            Compared with mobile devices (e.g., smartphone or AR glass), servers in
                            the remote/edge cloud always have more powerful computing, rendering,
                            as well as storage capabilities, so complex tasks can be processed more
                            quickly and efficiently. In accordance with different deployment methods
                            of servers, the back-end solutions can be classified as cloud computing-
                            based and edge computing-based solutions.
11 of 18                                                                                                                           25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                               https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            edge, where it is closer to the users, this type of solution not only reduces
                            the communication delay but also alleviates theContents
                                                                                bandwidth usage of core
                            networks at the same time. Additionally, this MEC-based solution also
                            has the advantages of collecting metrics, anonymized metadata, and so
                            on, which provide a basis for further user experience optimization.
                            Nowadays, some efforts have already started to explore the potential of
                            edge computing for Mobile AR applications and have achieved positive
                            results, for example, remote live support [77]. For simplicity, here, we
                            categorize both Cloudlets [78] and newly emerged fog computing
                            paradigm [79]–[80][81] as a specific type of MEC method in this paper.
                            The ETSI has already sketched an MEC-based AR service provisioning
                            scenario [15] in 2015, and a general distributed network topology [70] in
                            5G networks is shown in Fig. 9. In the meantime, there are already some
                            efforts on this promising computing paradigm [82]–[83][84][85]
                            [86][87][88]. Because of the native support of MEC technology in 5G
                            networks, the development of Web AR services will become easy and
                            convenient.
                            Fig. 9.
                            Network topology significantly affects the content delivery latency and, thus, the
                            user experience. 5G latency can be broken down into three different network
                            topologies, and their associated latencies in the diagram are only from an
                            assumption of a round-trip ping scenario (Source: ABI Research [70]).
12 of 18                                                                                                                                25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                             https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            Fig. 10.
                            Basic concepts of osmotic computing as well as two osmotic scenarios. Terminal
                            + Cloud (Osmotic scenario I) and Terminal + Edge + Cloud (Osmotic scenario II)
                            collaborative Web AR implementation approaches. (a) Osmotic concept. (b)
                            Osmotic computing. (c) Osmotic scenario I. (d) Osmotic scenario II.
                            Fig. 11.
                            Two promising collaborative Web AR implementation solutions and the
                            distribution of workload. (a) Real Web AR advertising campaign for China Mobile
                            by WeChat in current mobile networks and the illustration of the adaptive and
                            scalable computation offloading approach. (b) Collaborative computing scenario
                            between hierarchical platforms for Web AR and an experimental application
                            designed based on distributed DNNs in the 5G trial networks.
13 of 18                                                                                                                              25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                           https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            Fig. 12.
                            Technology readiness levels for Web AR system in the current 3G/4G and
                            upcoming 5G era.
                            SECTION IV.
                            Open Research Challenges
14 of 18                                                                                                                            25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                           https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            1) Computational Efficiency:
                            Considering the aforementioned self-contained and collaborative
                            computation outsourcing Web AR implementation approaches, the
                            computational and rendering abilities of mobile devices play an
                            important role in the improvement of the performance of Web AR
                            applications. Here are several suggestions for the improvement of their
                            performance.
                            2) Rendering Efficiency:
                            Rendering efficiency is another area of concern. Virtual contents (e.g.,
                            3-D model) generated by the computer can currently only support simple
                            interactions with users, such as rotating and scaling operations, on the
                            Web. Indeed, a complex 3-D model not only adds download time from
                            the cloud/network edge but also increases the computational burden on
                            the mobile devices. Moreover, the longer rendering time will even
                            degrade the user experience of Web AR applications. Zhang et al. [98]
                            analyzed the time and energy consumption of each part of a Mobile AR
                            application, noting that as the complexity of the 3-D model increases, the
                            proportion of the rendering part will also increase. For example, the 3-D
15 of 18                                                                                                                            25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                         https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            C. Energy Efficiency
                            AR applications require long-time cooperation of environment
                            perception, interaction perception, and Internet connection. All these
                            power-hungry tasks place tremendous pressure on the battery in mobile
                            devices. However, currently, the battery is only designed for common
                            functionalities. To reduce the adverse impact of Web AR applications on
                            mobile devices, energy efficiency is also an important part that cannot be
                            ignored. Multicore CPUs consume less energy than single-core CPUs due
                            to the lower frequency and voltage, and there are already many off-the-
                            shelf multicore CPU processors available for mobile devices. By
                            parallelizing the tasks in a Web AR application to multicores, the energy
                            consumption can be reduced. Moreover, the upcoming 5G networks can
                            also help energy saving indirectly, since both the network latency and the
                            cost of data transmission can be optimized.
                            D. Compatibility
                            Web AR is designed as a lightweight and cross-platform Mobile AR
                            implementation to achieve the pervasive promotion of AR applications.
                            However, the compatibility issue is also one of the most serious problems
                            at the moment.
16 of 18                                                                                                                          25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                           https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
                            F. Application Deployment
                            Web AR has a great potential to enrich our ways of interacting with the
                            real world. There is a growing demand for the mobility-aware,
                            lightweight, and cross-platform AR applications. Google Glass was a
                            milestone product, which not only raised public interest but also played
                            an important role in the promotion of AR, especially Mobile AR.
                            Although most existing Web AR applications are research prototypes, the
                            popularity of Pokémon GO has demonstrated the attraction and the
                            potentially wide deployment of Web AR applications. We believe that
                            with more open-source software and more development platforms and
                            educational programs for Web AR made publicly available, more Web AR
                            prototype systems and applications will emerge. Similarly, Web AR also
                            needs killer applications to help developers and users explore its
                            potential value.
                            SECTION V.
                            Conclusion
17 of 18                                                                                                                            25/07/20, 13:53
Web AR: A Promising Future for Mobile Augmented Reality—...                                                         https://ieeexplore.ieee.org/document/8643424?arnumber=8643424
              IIE
                EEEE
                   EPPeerrssoon
                              naall A
                                    Accccoou
                                           unntt           P
                                                           Puurrcch
                                                                  haassee D
                                                                          Deettaaiillss                P
                                                                                                       Prroofi
                                                                                                            fillee IIn
                                                                                                                     nffoorrm
                                                                                                                            maattiioon
                                                                                                                                     n                N
                                                                                                                                                      Neeeedd H
                                                                                                                                                              Heellp
                                                                                                                                                                   p??                  F
                                                                                                                                                                                        Foolllloow
                                                                                                                                                                                                 w
              CHANGE USERNAME/PASSWORD                     PAYMENT OPTIONS                             COMMUNICATIONS PREFERENCES                     US & CANADA: +1 800 678 4333      ( ) *
                                                           VIEW PURCHASED DOCUMENTS                    PROFESSION AND EDUCATION                       WORLDWIDE: +1 732 981 0060
              About IEEE Xplore | Contact Us | Help | Accessibility | Terms of Use | Nondiscrimination Policy | Sitemap | Privacy & Opting Out of Cookies
              A not-for-profit organization, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity.
© Copyright 2020 IEEE - All rights reserved. Use of this web site signifies your agreement to the terms and conditions.
             » Change Username/Password                      » Payment Options                               » Communications Preferences                    » US & Canada: +1 800 678 4333
             » Update Address                                » Order History                                 » Profession and Education                      » Worldwide: +1 732 981 0060
About IEEE Xplore | Contact Us | Help | Accessibility | Terms of Use | Nondiscrimination Policy | Sitemap | Privacy & Opting Out of Cookies
           A not-for-profit organization, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity.
           © Copyright 2020 IEEE - All rights reserved. Use of this web site signifies your agreement to the terms and conditions.
18 of 18 25/07/20, 13:53