Tag: Blog

AVstudio Version 3.0 is Here!

We are excited to announce that AVstudio Version 3.0 is now available! This release brings a host of improvements, new features, and refinements to enhance your experience.

Performance Improvements

Performance has been significantly improved, enhancing:

• Page speed
• Element rendering
• Internal function execution
• Data processing

Depending on the project structure, performance gains are estimated to range from 100% to 500%, delivering a noticeably smoother and faster user experience.

Extended Parameters Logic

We have expanded the logic and methods for handling parameters, making them more versatile and powerful. Now available for both subpages and regular pages, parameters can be considered local variables within AVstudio.

Key Features:

• Available at the page & subpage level
• Supports passing signal names (join numbers) and setting values from control system feedback
• Parameter values can be modified using elements or page actions
• Easily operate with Analog, Digital, or Serial feedback values

Simple and Efficient Asset Caching

We have optimized static asset caching to ensure that content loads at maximum speed while maintaining a visually polished appearance. By utilizing the latest web development standards, AVstudio now handles static assets more efficiently than ever before.

New LIVE Mode Mechanics

Our redesigned Live mode brings significant improvements in data handling:

• Data loading and updates are now 3x faster
• Minimal failures in data retrieval or updates
• Exceptional speed and stability

Enjoy real-time interaction with improved reliability!

Over 300 New Features and Fixes

This release introduces over 300 new features, enhancements, and fixes to improve functionality and stability. Here are some highlights:

New Features:

• Optimized slider speed
• Improved default button active styles
• Enhanced text field rendering for dynamic content
• Improved overlay performance
• Added version history and update info
• Reduced build size for better efficiency
• Enabled text location customization in checkbox elements
• Introduced .AVIF image format support

Fixes and Enhancements:

• Resolved text cutoff issues in Text elements
• Improved handling of initial Datasource loading variables
• Fixed dynamic action fields accepting incorrect values
• Stabilized element visibility properties
• Resolved arrow keyboard navigation issues in text fields
• Corrected overlay loading issues when buttons overlap
• Improved page flip function to support spaces in page names
• Fixed automatic closing of editor page tabs

…and much more!

Experience AVstudio 3.0 Today

This version is packed with innovations and improvements, making AVstudiomore powerful and efficient than ever. Upgrade now and take advantage of all the latest features!

Have questions or feedback? Join the AVstudio community and share your experience!

AVgator® Studio is an online-based product designed to empower AV developers by enabling them to create high-quality visual interfaces. This platform is specifically tailored to meet the needs of developers working in the audiovisual industry, providing them with the tools to design and implement visually engaging and professional-grade user interfaces with ease.

Our product is designed to deliver quick and impressive results for both seasoned web developers and those new to this technology. No prior knowledge of HTML, JavaScript, or CSS is required.

The detailed customization of the appearance and behavior of elements is all accessible directly within the interface, making it easy for anyone to create polished and functional visual components without the need for coding expertise.

Vendor integration

As of today, our product integrates seamlessly with Crestron processors. However, we are actively working on expanding our range of supported vendors. This upcoming development will enable you to create and compile projects within a single environment that can operate across multiple manufacturers, even simultaneously. This will provide greater flexibility and versatility in your AV development workflow, ensuring compatibility with a broader array of systems.

AVstudio layout building philosophy

With AVstudio you can create two fundamentally different types of pages: Fluid and Static. The Fluid approach implements a concept where all elements are harmoniously distributed within designated containers, allowing for a responsive and cohesive layout.

Fluid page sample

A fluid grid can be constructed entirely using relative values, enabling you to create a layout that looks both harmonious and visually striking on large screens as well as on mobile devices. This approach ensures that your design adapts seamlessly to different screen sizes, maintaining a consistent and polished appearance regardless of the device being used.

By leveraging relative measurements, the fluid grid offers a versatile and responsive solution that enhances the overall user experience across various platforms.

Static page sample

The Static approach, on the other hand, gives you the flexibility to manually position elements on the page. However, these elements are not entirely static; they can be anchored to specific sides of the viewport, automatically adjusting to various device types or orientations. This eliminates the need for manual repositioning and fine-tuning for each new device your project may be viewed on, ensuring a consistent and adaptive user experience across different platforms.

Element modes

Each element on the page has the ability to adopt different mode settings. Essentially, modes are instances of the same element with various configurations, both in terms of visual appearance and the events that these elements can trigger. For example, within different modes, you can change not only the look of a button but also the actions it sends to the control system. This flexibility allows you to tailor the behavior and appearance of elements to suit specific needs, enhancing the overall functionality and interactivity of your interface.

Community templates

Clone in one click

Community Template Preview:

Resume

A comprehensive set of tools, detailed customization options, a quick start, and a familiar environment will enable you to efficiently and effectively tackle all your tasks related to creating a modern HTML5 graphical interface for any control system. This combination ensures that you can achieve high-quality results swiftly, adapting your design to meet the specific requirements of your system while benefiting from an intuitive and user-friendly interface.

AVstudio team is pleased to present the first Community template HTML5 User Interface! This means that you can now choose a ready-made template from the AVstudio library and use it in your own project. This opens up new opportunities for developers, as the time savings are amazing.

You can publish your own templates (even paid). Please, contact us for more details.

We have created a small demo so that you can familiarize yourself with the functionality of our template.

You can try out all the features of this template or create your own at AVstudio