Products

    Pages

        Crestron HTML5 User Interface

        HTML5 Design Components for Crestron® User Interfaces

        Crestron® HTML5 User Interface bridges standard web development methodologies with Crestron solutions for creating dynamic, scalable user interfaces.

        Refer to https://developer.crestron.com for more information on using Crestron HTML5 User Interface.

        Support for mobile projects via the Crestron ONE™ app now available. Refer to the Overview section for more information.

        For more information on downloading, installing, and using Crestron® HTML5 User Interface, refer to the Crestron HTML5 User Interface Developer Microsite at https://developer.crestron.com.1

        Crestron HTML5 User Interface is a collection of design components used for creating a JavaScript® programming library that is compatible with HTML5. This library allows web application developers to create UI projects that communicate to Crestron control systems instead of normal HTTP servers.

        Crestron HTML5 User Interface can be run on a touch screen, on a web browser using the HTML Web XPanel feature, or on an iOS® device (iPhone® and iPad® devices) using the Crestron ONE™ app.

        Crestron HTML5 for Touch Screens
        Crestron HTML5 User Interface bridges standard web development methodologies with Crestron solutions for creating dynamic, scalable user interfaces.

        • Crestron HTML5 User Interface leverages standard web technologies such as HTML5, CSS3, JavaScript, SASS, Web Components, Node.js®, Yarn, and others to allow UI developers and programmers to create dynamic, custom user interfaces for Crestron solutions.
        • Crestron HTML5 User Interface can be used with or without a JavaScript framework such as Angular (included as a sample Crestron HTML5 User Interface project) or a comparable technology to integrate with Crestron HTML5 User Interface APIs.
        • New components can be built without Crestron or obtained from open source.

        Crestron HTML5 User Interface allows for the separation of front-end and back-end development to provide flexibility for dealers and integrators.

        • Changes on the front-end or back-end can be deployed independently.
        • User interfaces can be designed and tested using control system emulation.
        • A single project for every screen size is native with the HTML5 responsive design methodology.
        • User interfaces are reusable across multiple devices and solutions without needing to create separate projects.
        • Projects can be deployed to touch screens within seconds during development to view progress and resolve issues.


        HTML5 Web XPanel
        Transform any compatible HTML5 web browser into a virtual Crestron touch screen using the HTML5 Web XPanel feature, which is supported on Windows®, macOS®, and Android™ operating systems. HTML5 Web XPanel works on any computer platform and any screen size, and only requires a touch screen display and a mouse (or other pointing device) to operate. Screen reader accessibility support can also be built into the HTML5 Web XPanel project using standard accessibility web development methodologies.

        Programming for HTML5 Web XPanel uses the same Crestron HTML5 User Interface scripts and components with the addition of the required HTML5 Web XPanel library and configuration. Use of the HTML5 Web XPanel feature requires purchase of a software mobility license (SW‑MOBILITY) per control system.

        HTML5 Web XPanel is compatible with remote AV or IT support workflows. Additionally, no dedicated servers are required: establishing a friendly URL for a residential or corporate control system is enabled using the myCrestron Dynamic DNS Service.

        Crestron ONE App
        The Crestron ONE app for Apple® iPhone® and iPad® devices provides various user control solutions for an Apple mobile device. When set to HTML5 UI mode, the Crestron ONE app enables custom Crestron HTML5 User Interface projects to be loaded into the application, creating a personalized user control experience for the home or office.

        Programming for the Crestron ONE app uses the same Crestron HTML5 User Interface scripts and components needed for touch screen and HTML Web XPanel deployments. Use of the Crestron ONE app feature requires purchase of a software mobility license (SW‑MOBILITY) per control system.

        Workflows and Licensing Requirements for Crestron® Software Solutions

        Workflow Supported Interface(s) Licensing Requirements
        Room control with Crestron HTML5 User Interface on Crestron® devices TSW-60 series touch screens, TSW-70 series touch screens, Crestron Flex video conference systems None
        Enterprise web app integrated within room control (using Crestron HTML5 User Interface) on Crestron devices TSW-60 series touch screens, TSW-70 series touch screens, Crestron Flex video conference systems None
        AV or IT support of Crestron HTML5 User Interface XiO Cloud® Service (remote control functionality) SW-XIOC-S support license
        Touchless room control on a personal mobile device Crestron ONE™ application Included at no additional charge with a Crestron Virtual Control (VC-4) license

        OR

        Requires SW-MOBILITY license applied to a 3-Series® or 4-Series™ control system. 60-day free trial included with each control system.
        Room control using a Crestron HTML5 User Interface project on mobile devices Crestron ONE application
        AV or IT support of Crestron HTML5 User Interface Supported web browser
        Integrated room control (using Crestron HTML5 User Interface) in an enterprise mobile app or web app Supported web browser
         
        Key Features
        • Offers an alternative to VT Pro-e® and Smart Graphics® software programs that is built on existing web technologies
        • Uses open web standards to future proof projects as the web evolves
        • Permits front-end and back-end design to occur independently with scalable, reusable code
        • Leverage what the web has to offer by extending user projects with open source and third-party solutions
        • Build and deploy a single project to many display types and aspect ratios (in landscape and portrait modes)
        • Provides an SDK and API to interface with Crestron solutions for out-of-the-box development
        • Supported on Crestron TSW-60 and TSW/TS-70 series touch screens
        • Web browser support via the HTML5 Web XPanel feature
        • iOS® device (iPhone® and iPad® devices) support via the Crestron ONE™ app.
        1. A Crestron web account is required to access the Crestron® HTML5 User Interface Developer Microsite.

        This product may be purchased from select authorized Crestron dealers and distributors. To find a dealer or distributor, please contact the Crestron sales representative for your area. A list of sales representatives is available online at www.crestron.com/How-To-Buy/Find-a-Representative or by calling 855‑263‑8754.

        This product is covered under the Crestron standard limited warranty. Refer to www.crestron.com/warranty for full details.

        The specific patents that cover Crestron products are listed online at patents.crestron.com.

        Certain Crestron products contain open source software. For specific information, please visit www.crestron.com/opensource.

        Crestron, the Crestron logo, Crestron ONE, SmartGraphics, and VT Pro-e are either trademarks or registered trademarks of Crestron Electronics, Inc. in the United States and/or other countries. iPad, iPadOS, iPhone, and macOS are either trademarks or registered trademarks of Apple, Inc. in the United States and/or other countries. iOS is either a trademark or a registered trademark of Cisco in the United States and/or other countries. Android is either a trademark or a registered trademark of Google, Inc. in the United States and/or other countries. Windows is either a trademark or a registered trademark or Microsoft Corporation in the United States and/or other countries. Node.js is either a trademark or a registered trademark of OpenJS Foundation in the United States and/or other countries. JavaScript is either a trademarks or a registered trademark of Oracle Corporation in the United States and/or other countries. Other trademarks, registered trademarks, and trade names may be used in this document to refer to either the entities claiming the marks and names or their products. Crestron disclaims any proprietary interest in the marks and names of others. Crestron is not responsible for errors in typography or photography. Specifications are subject to change without notice. ©2021 Crestron Electronics, Inc.

         
        There are no additional specifications available for this product. Click here to search product certificates.
        1. A Crestron web account is required to access the Crestron® HTML5 User Interface Developer Microsite.

        This product may be purchased from select authorized Crestron dealers and distributors. To find a dealer or distributor, please contact the Crestron sales representative for your area. A list of sales representatives is available online at www.crestron.com/How-To-Buy/Find-a-Representative or by calling 855‑263‑8754.

        This product is covered under the Crestron standard limited warranty. Refer to www.crestron.com/warranty for full details.

        The specific patents that cover Crestron products are listed online at patents.crestron.com.

        Certain Crestron products contain open source software. For specific information, please visit www.crestron.com/opensource.

        Crestron, the Crestron logo, Crestron ONE, SmartGraphics, and VT Pro-e are either trademarks or registered trademarks of Crestron Electronics, Inc. in the United States and/or other countries. iPad, iPadOS, iPhone, and macOS are either trademarks or registered trademarks of Apple, Inc. in the United States and/or other countries. iOS is either a trademark or a registered trademark of Cisco in the United States and/or other countries. Android is either a trademark or a registered trademark of Google, Inc. in the United States and/or other countries. Windows is either a trademark or a registered trademark or Microsoft Corporation in the United States and/or other countries. Node.js is either a trademark or a registered trademark of OpenJS Foundation in the United States and/or other countries. JavaScript is either a trademarks or a registered trademark of Oracle Corporation in the United States and/or other countries. Other trademarks, registered trademarks, and trade names may be used in this document to refer to either the entities claiming the marks and names or their products. Crestron disclaims any proprietary interest in the marks and names of others. Crestron is not responsible for errors in typography or photography. Specifications are subject to change without notice. ©2021 Crestron Electronics, Inc.

        Pricing Region Select
        Please select your region below to see the appropriate Advertised Pricing.