GREAT TEAMS OWN THE MOMENT

The New York Giants Draft Room presented by Crestron

Learn More

Increase your efficiency, boost your productivity, and stay ahead of the competition with industry-leading training from the Crestron Technical Institute

Learn More

Increase your efficiency, boost your productivity, and stay ahead of the competition with industry-leading training from the Crestron Technical Institute

Learn More

Explore moments made possible with DM NVX® technology.

Learn More

Explore moments made possible with DM NVX® technology.

Learn More

Explore moments made possible with DM NVX® technology.

Learn More

GREAT TEAMS OWN THE MOMENT

The New York Giants Draft Room presented by Crestron

Learn More

Explore moments made possible with DM NVX® technology.

Learn More

GREAT TEAMS OWN THE MOMENT

The New York Giants Draft Room presented by Crestron

Learn More

Everything in the home is controlled with ease on one intelligent platform.

Learn More

Over one million possibilities. Endlessly inspired by you.

Explore moments of communication, collaboration, and entertainment made with DM NVX® technology.

Learn More

View our entire
product catalog

Dedicated solutions for
the modern workplace.

See the Catalog

Online help

Quickly find the answers and resources you need for all things Crestron. Ask questions, manage previously asked questions, access FAQs, and more.

Learn More

Online help

Quickly find the answers and resources you need for all things Crestron. Ask questions, manage previously asked questions, access FAQs, and more.

Learn More

Looking for a specific product?

See the Catalog
Master Photo: Crestron HTML5 User Interface
Add to Favorites

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.

Have a question?
Add to a Project
Find a Dealer

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.

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.

 
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.
  2. This functionality is accessed via the eControl tab in Crestron Fusion® software running version 11.2.0006.0063 or later. The HTML5 Web XPanel functionality can be used in older versions of Crestron Fusion software; however, a Software Mobility license is required.

The original language version of this document is U.S. English.
All other languages are a translation of the original document.

The product warranty can be found at www.crestron.com/warranty.

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

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

Crestron, the Crestron logo, Crestron Fusion, 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. ©2023 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.
  2. This functionality is accessed via the eControl tab in Crestron Fusion® software running version 11.2.0006.0063 or later. The HTML5 Web XPanel functionality can be used in older versions of Crestron Fusion software; however, a Software Mobility license is required.

The original language version of this document is U.S. English.
All other languages are a translation of the original document.

The product warranty can be found at www.crestron.com/warranty.

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

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

Crestron, the Crestron logo, Crestron Fusion, 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. ©2023 Crestron Electronics, Inc.

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