{"id":4653,"date":"2025-06-03T20:33:10","date_gmt":"2025-06-03T20:33:10","guid":{"rendered":"https:\/\/www.avgator.com\/post\/avstudio-html5-gui-editor-version-3-4-0"},"modified":"2025-06-03T20:33:10","modified_gmt":"2025-06-03T20:33:10","slug":"whats-new-in-avstudio-html5-gui-editor-version-340-for-fast-and-easy-crestron-html5-gui-design-control-system-html5-gui-editor-new-features","status":"publish","type":"post","link":"https:\/\/content.avgator.com\/?p=4653","title":{"rendered":"What&#8217;s new in AVStudio GUI Editor | Version 3.4.0 | Premium Widgets | Web Connectors"},"content":{"rendered":"\n<p>AVStudio HTML5 GUI Editor Updates Version 3.4.0 | New features for Crestron Control System GUIs<\/p>\n\n\n\n<p>At AVgator Inc., we are committed to evolving our AVStudio HTML5 GUI Editor to empower system integrators with faster, smarter, and more flexible tools. Our recent updates \u2014 versions 3.4.0 through 3.4.2 \u2014 bring exciting new features and capabilities that help Crestron HTML5 GUI developers deliver exceptional, customized control system user interfaces.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Premium Widgets for a One-Click Integration<\/h2>\n\n\n\n<p><strong>NEW<\/strong><\/p>\n\n\n\n<p>With version 3.4.0, we launched the <strong data-start=\"2161\" data-end=\"2189\">Autonomic Premium Widget<\/strong> \u2014 AVStudio\u2019s first widget designed for <em data-start=\"2229\" data-end=\"2252\">one-click integration<\/em> within your Control System Custom GUI project.<\/p>\n\n\n\n<p>This new AVStudio HTML5 GUI Editor feature is developed to accelerate your Crestron Control System GUI design. Simply drag and drop the widget, enter the IP address, and you instantly get a sleek, fully responsive media player interface ready to use. No complicated setup \u2014 just rapid deployment that saves time and impresses clients.<\/p>\n\n\n\n<p><strong data-start=\"2641\" data-end=\"2666\">Key features include:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Only the IP field is required to get started<\/li>\n\n\n\n<li>Fully responsive design that fits any space<\/li>\n\n\n\n<li>Comprehensive support for the Autonomic API:\n<ul class=\"wp-block-list\">\n<li>Full transport control (Play, Pause, Skip, etc.)<\/li>\n\n\n\n<li>Real-time metadata display (album art, track info, artist name)<\/li>\n\n\n\n<li>Volume control<\/li>\n\n\n\n<li>Player selection<\/li>\n\n\n\n<li>Seamless integration with Crestron, Global Cach\u00e9, and other AV control systems<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Whats-new-in-AVStudio-HTML5-GU-db8cd1a7.webp\" alt=\"Autonomic Premium Widget in AVStudio Crestron and Control system HTML5 GUI Editor\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Whats-new-in-AVStudio-HTML5-GU-8ed831c5.webp\" alt=\"Browsing Feature within the Autonomic Premium Widget in AVStudio HTML5 GUI Editor for Crestron and Control System GUIs\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>This launch marks the start of our vision to develop a diverse portfolio of premium widgets supporting one-click integration with multiple hardware and software platforms. These widgets will be tailored for residential, corporate, hospitality, and education use cases.<\/p>\n\n\n\n<p>We are committed to making AVStudio the go-to Crestron HTML5 GUI Editor for seamless, drag-and-drop integrations across all environments.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Web Connectors to add IP-controlled devices<\/h2>\n\n\n\n<p><strong>NEW<\/strong><\/p>\n\n\n\n<p>In addition to the existing Crestron Connectors, which enable fast development and testing of Crestron HTML5 GUIs within AVStudio, this new release introduces new Web Connectors. These empower you to integrate and control a wide range of other IP-based devices and control systems within the AVStudio HTML5 GUI Editor.<\/p>\n\n\n\n<p>Managing HTTP resources in your AVStudio GUI projects is now easier with the new Web Connectors feature. Accessible from your project\u2019s global settings, Web Connectors let you centrally store and manage data properties used across your HTTP actions, making edits faster and your Custom GUI Editor projects more consistent.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Whats-new-in-AVStudio-HTML5-GU-00cdd737.webp\" alt=\"Set up Web Connectors in the Project Settings within AVStudio HTML5 GUI Editor\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Whats-new-in-AVStudio-HTML5-GU-311f3909.webp\" alt=\"Web Connectors setup in AVStudio GUI Editor\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>The New Web Connectors feature extends your GUI project capabilities far beyond standard Crestron hardware and makes AVStudio the go-to GUI Editor for system integrators working across AMX, Control4, Extron, Global Cache, and other various control systems and devices.<\/p>\n\n\n\n<p>WebSocket connectors are currently under development and will soon complement the existing Web Connectors. This new functionality will enhance the handling of real-time data streams and support remote data sources, expanding your options for dynamic and responsive integrations in future AVstudio updates.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Redesigned Manage Actions Layout<\/h2>\n\n\n\n<p><strong>NEW<\/strong><\/p>\n\n\n\n<p>To streamline your workflow, we redesigned the Manage Actions interface in the HTML5 GUI Editor to occupy almost the full screen and group actions thematically. This reorganization helps you quickly find and manage the actions you need, keeping your focus on building powerful GUIs without unnecessary distractions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Workflow Improvements<\/h2>\n\n\n\n<p><strong>BUGFIX<\/strong><\/p>\n\n\n\n<p>Between updates 3.4.1 and 3.4.2, we delivered key fixes and enhancements to make your control system GUI design experience within AVStudio more stable and smooth:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fixed issues with attaching dynamic page names in route actions<\/li>\n\n\n\n<li>Improved stability of routing-back operations<\/li>\n\n\n\n<li>Introduced the new Editor Connection Manager for better connection handling inside the editor<\/li>\n\n\n\n<li>Several minor improvements and bug fixes for overall performance<\/li>\n<\/ul>\n\n\n\n<p>Fixed issues with attaching dynamic page names in route actions<\/p>\n\n\n\n<p>Improved stability of routing-back operations<\/p>\n\n\n\n<p>Introduced the new Editor Connection Manager for better connection handling inside the editor<\/p>\n\n\n\n<p>Several minor improvements and bug fixes for overall performance<\/p>\n\n\n\n<p>Explore these new features and enhancements in the AVstudio HTML5 GUI Editor for your projects <strong>completely free and accessible anytime at <\/strong><a href=\"http:\/\/avstudio.app\"><strong>avstudio.app<\/strong><\/a>. Registration is quick and simple, so you can start building without delay.<\/p>\n\n\n\n<p>Interested in early access to new features, direct communication with our developers, and opportunities to influence the future of Control System GUI design? Join our growing community of beta testers! Apply now to become a beta tester or contact us directly to learn more.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Whats-new-in-AVStudio-HTML5-GU-04a56ee9.jpg\" alt=\"AVgator showcasing its latest AVstudio HTML5 GUI Editor updates at Infocomm 2025 in Orlando\"\/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Explore AVStudio HTML5 GUI Editor&#8217;s latest features &#8211; Autonomic Premium Widgets, One-Click Integration, Web Connectors best for Crestron Control System HTML5 GUI design<\/p>\n","protected":false},"author":1,"featured_media":4818,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[25],"class_list":["post-4653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","tag-updates"],"_links":{"self":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/posts\/4653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4653"}],"version-history":[{"count":0,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/posts\/4653\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=\/wp\/v2\/media\/4818"}],"wp:attachment":[{"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/content.avgator.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}