DemoExpress is a central place to collect web feature samples that demonstrate use of W3C standard APIs, Tizen Extension APIs, embedded APIs, and web runtime features. The following samples are published in DemoExpress. Key: [t] = Tizen only; [a] = Android only.

• Runtime & Packaging: App URI
• Multimedia & Graphics: Animation Transform, Audio Play, Canvas, CSS Animation, CSS Style, CSS Style Attribute, Flexible Box, Media Queries, SVG Transformation, Transitions, [t]Video Play, [a]Video Play, WebRTC
• Networking & Storage: FileReader, IndexedDB, Session History, Web Database, Web Messaging, Web Speech, Web Storage
• Performance & Optimization: Animation Timing, [a]High Resolution Time, [t]High Resolution Time, Navigation Timing, [a]Page Visibility, Performance Timeline, Resource Timing, Selectors, Typed Array, User Timing, [t]Viewport, Workers
• Device & Hardware: Accelerometer, [a]Battery Status, Browser State, [a]Camera, Camera via UserMedia, Full Screen, Forms, [a]GamePad, HTML Template, Input, [a]Location GPS, Notifications, Screen Orientation, ShadowDom, Touch, [a]Vibration, WebAudio, WebGL
• Social: Contacts Manager
• Experimental: Device Capabilities, [a]Presentation, SIMD
• Security: Sandbox
• UI: Clipboard, [t]Drag and Drop
• Tizen Extension APIs: [t]ApplicationManager, [t]AudioSystem, [t]Bookmark, [t]Content, [t]Download, [t]Tizen Filesystem, [t]MessagePort, [t]NBS, [t]SystemInfo, [t]SystemSetting IncomingCall, [t]SystemSetting Screen
• Other APIs: [t]Media Renderer, [t]Media Server, [t]NFC
• Third Party Framework: [a]PDFjs
• Scheme: [a]SchemeContent, [a]SchemesCheck
• Manifest: [a]ManifestDemo1, [a]ManifestDemo2, [a]ManifestDemo3, [a]ManifestDemo4, [a]ManifestDemo5
• Cordova: [a]CordovaInfo, [a]CordovaAccelerometer, [a]CordovaContacts, [a]CordovaLazyLoadJS, [a]CordovaNetwork
• Embedding API: [a]XwalkView, [a]LoadMultiPages, [a]XWalkViewHideAndShow, [a]XwalkExtension, [a]MultipleSurfaceViews, [a]MultipleTextureViews

The DemoExpress would be built out to 3 Apps:

• DemoExpress:baisc DemoExpress App, include webapi and web runtime feature samples,
• DemoExpress-Cordova: DemoExpress Cordova version App, include web api and web runtime feature samples which packed with Crosswalk-cordova, also include cordova specific features.
• DemoExpress-Embedding: DemoExpress Embedding App, include embedding api samples.

Here is the buiding steps:

• Pack the DemoExpress based on Crosswalk Android binary:

  • Download Crosswalk binary from Crosswalk release.

  • Unzip Crosswalk binary:

    $ mkdir -p /[userdir]/tools/crosswalk/

    $ unzip crosswalk-<version\>.zip -d /[userdir]/tools/

    $ cd /[userdir]/tools/

    $ mv crosswalk-<version\>\* crosswalk/

  • Goto DemoExpress folder to pack DemoExpress package:

    $ ./pack.py -t apk -m shared|embedded -a x86|arm --tools='/[userdir]/tools/'

• Pack DemoExpress-Cordova Crosswalk Android binary,

  • Download Crosswalk binary from Crosswalk release.

  • Unzip Crosswalk binary:

    $ mkdir -p /[userdir]/tools/crosswalk/

    $ unzip crosswalk-<version\>.zip -d /[userdir]/tools/

    $ cd /[userdir]/tools/

    $ mv crosswalk-<version\>\* crosswalk/

  • Download Crosswalk Cordova binary from Crosswalk release

  • unzip Crosswalk Cordova binary:

    $ mkdir -p /[userdir]/tools/cordova/

    $ unzip crosswalk-cordova-<version\>-<arch\>.zip -d /[userdir]/tools/

    $ cd /[userdir]/tools/

    $ mv crosswalk-cordova-<version\>\* cordova/

  • Goto DemoExpress folder to Pack DemoExpress-Cordova package:

    $ ./pack.py -t cordova --tools='/[userdir]/tools/'

• Pack DemoExpress-Embedding Crosswalk Android binary,

  • Ensure that you have set up your host environment for Android development.

  • Set up an Android target to deploy the application to, as described on the Android target setup page.

  • Ensure that you have installed the necessary ADT components for your host.

  • Download Crosswalk binary from Crosswalk release.

  • Unzip Crosswalk binary:

    $ mkdir -p /[userdir]/tools/crosswalk/

    $ unzip crosswalk-<version\>.zip -d /[userdir]/tools/

    $ cd /[userdir]/tools/

    $ mv crosswalk-<version\>\* crosswalk/

  • Download Crosswalk-webview binary from Crosswalk release

  • unzip Crosswalk-webview binary:

    $ mkdir -p /[userdir]/tools/crosswalk-webview/

    $ unzip crosswalk-webview-<version\>-<arch\>.zip -d /[userdir]/tools/

    $ cd /[userdir]/tools/

    $ mv crosswalk-webview-<version\>\* Crosswalk-webview/

  • Goto DemoExpress folder to Pack DemoExpress-Embedding package:

    $ ./pack.py -t embeddingapi --tools='/[userdir]/tools/'

• The pack.py script calls the pack command from Android (for Crosswalk-Cordova apps and regular Crosswalk apps)

• Run Crosswalk App on Andriod

• [Develop Crosswalk Cordova App] (https://crosswalk-project.org/documentation/cordova/develop_an_application.html)

• [Embedding Crosswalk] (https://crosswalk-project.org/documentation/embedding_crosswalk.html)

• If you build a package using the shared Crosswalk runtime (--mode=shared build option), you must ensure that the Crosswalk runtime library is installed on the target device before running DemoExpress. The library can be found at https://download.01.org/crosswalk/releases/crosswalk/android/canary/<version>/<arch>/crosswalk-apks-<version>-<arch>.zip
• Install and run DemoExpress on the target device

• File 'tests.xml' is provided to customize the samples in DemoExpress. Feel free to disable/enable the samples before packing the package.

• Three sample lists tests.tizen.xml and tests.android.xml, tests.embedding.xml are released for Tizen and Android. The Cordova samples are disabled in tests.android.xml by default.

Except as noted in COPYING and/or NOTICE files, or in files with a license in the file header, test suite source code uses a BSD-3-Clause license described in the LICENSE file.