*Note - Adobe Muse v2.0 is now available, and will install automatically when you launch the software*
The Video Player 2.0 Widget allows you to add a responsive video player to your Adobe Muse website. Add HTML5 video, YouTube video, Vimeo video, and audio. The video player uses a 16:9 aspect ratio. You can change the corner radius of the video player, customize the. Muse Version 2.0 - New features available!.Note - Adobe Muse v2.0 is now available, and will install automatically when you launch the software. As the second release of Adobe Muse approaches, I’m excited to demonstrate a few of the new features and functionality improvements that will both simplify and streamline your site design process.
As the second release of Adobe Muse approaches, I’m excited to demonstrate a few of the new features and functionality improvements that will both simplify and streamline your site design process.
(This beta is currently available to all Muse subscribers - I’ll include notes at the end of this post describing how to download it!)
Here are a few of my favorite new features:
(This beta is currently available to all Muse subscribers - I’ll include notes at the end of this post describing how to download it!)
Here are a few of my favorite new features:
1. Built in FTP Uploading
Gone are the days of exporting HTML to your hard drive, and uploading via a third party FTP application. Under FILE > UPLOAD TO FTP HOST Omnioutliner. you’re given the following dialog box. Fill in your account details as provided by your host (GoDaddy, Netfirms, etc.) and you can now upload direct to your host.
The added ability to enter the “domain name” upon export means that Muse can now generate a complete sitemap for your website. Sitemaps are used for SEO purposes, and registering your sitemap.xml file in your Google Webmaster Tools account (you should be using webmaster tools!) will help ensure Google actually indexes all of the pages on your website.
www.google.com/webmasters/tools/
(Also, in reading the release notes I noticed something that said “addition of domain name allows use of Typekit Web Fonts'. I suspect that this will eventually enable the ability to use paid Typekit fonts on your website, rather than just the free Google webfont library currently available. As a paid typekit user, this would make me VERY happy. Just a hunch.)
(Also, in reading the release notes I noticed something that said “addition of domain name allows use of Typekit Web Fonts'. I suspect that this will eventually enable the ability to use paid Typekit fonts on your website, rather than just the free Google webfont library currently available. As a paid typekit user, this would make me VERY happy. Just a hunch.)
2. Browser Fill Options - Scalable Background Images
Full page image backgrounds are really popular on the web, and Muse now directly supports using scalable images in the background of your site. A few users accomplished this in the past by embedding a little bit of CSS (or JQuery) however the ability to set it directly in Muse greatly simplifies this process.
(Note - background gradients are also now possible, but with a limited degree of control due to browser compatibility.)
(Note - background gradients are also now possible, but with a limited degree of control due to browser compatibility.)
Muse.2
![Muse 2 2 0 Muse 2 2 0](https://j2d9w8x2.rocketcdn.me/wp-content/uploads/2019/07/Muse-App.jpg)
3. Various Productivity Enhancements
I’m a big fan of perfectly aligned elements, and the addition of two seemingly small features makes Muse feel even more like InDesign - Ruler Guides, and the Align panel. Just as you would in most other Creative Suite products, you can now drag a guide out of the ruler on the side or above your canvas (website).
(Distribute objects evenly - rejoice!)
The cursor has also been modified to give the user a small description of the element type that they are hovering over or clicking on. It's essentially a label explaining what exactly you’re working with:
The addition of a states menu on the left side of the tool bar / control strip is extremely helpful if you often forget which state you’re working in when styling a widget (it also displays element types - this is a current feature).
4. Linking to External Files
In prior versions of Muse, you needed to upload external assets (PDF’s, ZIP’s, etc.) through a third party FTP program, and manually enter the link within the hyperlink box in Muse.
With this latest version, you can now link to an external asset directly in Muse by bringing down the Hyperlink box and selecting “LINK TO FILE”. This will bring up a Finder / Explorer window, and let you navigate to the file. When you publish the site, Muse will upload this asset along with the rest of your site, preserving the link and eliminating the need to work with your server outside of Muse.
With this latest version, you can now link to an external asset directly in Muse by bringing down the Hyperlink box and selecting “LINK TO FILE”. This will bring up a Finder / Explorer window, and let you navigate to the file. When you publish the site, Muse will upload this asset along with the rest of your site, preserving the link and eliminating the need to work with your server outside of Muse.
You can also add other files to be uploaded to your server through FILE > ADD FILES TO UPLOAD in cases where you may not be linking to them right away (or if you want something to just exist on your server). I suspect this could be powerful in terms of easily integrating other third party widgets that use custom javascript, etc. More experimentation required!
5. Contact Forms
Muse now supports contact forms using the “Forms” widget available from the widgets menu. Field control is quite extensive, and you can set essential options such as error states, redirection after sending, and custom submit buttons.
Due to the server side support that’s required for contact form submission, forms created directly in Muse will only work if published to Adobe’s Business Catalyst platform. With some code manipulation it’s likely you can modify the form to work with your host, however I haven’t seen an answer to that question yet. Your best bet in this case is to use a third party form provider (I’m a big fan of Wufoo!).
***
***
How do I download the Muse 2.0 Beta version?
You can do so directly within Muse by making a change in the Help menu. Go to HELP > HELP IMPROVE MUSE. When the dialogue box pops up, you need to select “Join the Adobe Muse Beta Program”. The new Beta version of Muse will install automatically on your system.
To revert back to the current non-beta version of Muse, return to this menu and unselect the box above.
Enjoy - Cheers!
Additional Resources & Links:
Privatus 5 1 2 – automated privacy protections. Adobe TV videos for the Muse subscriber beta
http://tv.adobe.com/show/muse-feature-tour/
Muse 2.0 Beta Release Notes
http://helpx.adobe.com/content/help/en/muse/release-note/adobe-muse-release-notes.html
Muse 2.0 Beta Forum
http://forums.adobe.com/community/muse/public_beta
http://tv.adobe.com/show/muse-feature-tour/
Muse 2.0 Beta Release Notes
http://helpx.adobe.com/content/help/en/muse/release-note/adobe-muse-release-notes.html
Muse 2.0 Beta Forum
http://forums.adobe.com/community/muse/public_beta
Headliner 2.0 is an entirely new widget, built from ground up to add new features and address issues reported with the original HeadLiner.
Turn normal text into compelling headlines with our HeadLiner widget. Single words or phrases are revealed in sequence using slick animated text transitions, creating a powerful effect sure to quickly draw attention and interest from site visitors.
Muse 2 App
This versatile widget can be easily applied to existing text in sites you’ve already built. Ten transition types ensure that you’ll find the perfect headline effect to suit your Adobe Muse project every time!
- Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
- Current Version: 2.1
- Supported Devices: Desktop, Tablet, Phone
Release Log
![Muse 2 review Muse 2 review](https://etc.usf.edu/clipart/1600/1624/erato_2_lg.gif)
- 2.1: Fixes issues some users reported of muse objects and text becoming misaligned when previewed or published (08/05/2016)
- 2.0: Widget is entirely rebuilt to add features and improve stability (07/21/2016)
- 1.3: Additional timing options added to transitions supporting letter spacing (05/04/2016)
- 1.2: Added new animation style and restored all original styles (03/29/2016)
- 1.1: Fixed issue causing text to wrap and display vertically (02/12/2016)
- 1.0: Adds collapsible panel functionality and support for responsive Muse
- L11.3: Improved widget performance with layers and visibility (10/29/2015)
Setup
- Drag the widget from the library and drop into your project in Design mode.
- The position of the widget container determines where the animated headlines will appear. Position the widget where you want your animated headlines.If you're using center-aligned text in your headlines, placing the widget exactly in the center of the page gives the best results
- Think of the widget container as a text box. If you're using long headline phrases, the HeadLiner widget container should be long enough to contain the text without wrapping. As a general rule, size the widget container to match the width of the text boxes you're using for the headline text.
- Create your headlines by adding text boxes into the project. Add text and style as you like. These text boxes can be placed anywhere in your design - even off canvas. They will become animated where the widget container is placed, and the static text will not be seen.
- One by one, apply paragraph styles to the headline text boxes. The easiest way is to click on a text box to select it, then add a new paragraph style. Rename the paragraph style something simple, like 'headline1'. Repeat this process for every headline text box. When you're finished applying paragraph styles, click on each headline with the paragraph style panel open to ensure that each headline has it's own unique paragraph style applied, and that the style names are correct.
- Open the widget option panel. Open the 'Headline Setup' section and enable the number of headlines you plan to use.
- Enter the paragraph style names you applied to the headline text boxes.
- The top area of the widget contains the basic animation settings. There are 10 animation styles, Animation Delay - which sets the delay before the first animation begins, and Text Alignment. Keep in mind that this setting is necessary for aligning your headline text left, center, or right. Alignment settings made in Muse will be overridden by this setting. Due to the architecture of Muse and it's relationship with the widget's Javascript and CSS, certain animation styles may appear differently in center and right text alignment situations. If left-aligned text is suitable for your design, it is suggested.
- The last 3 sections of the widget are specific to the 'Typing', 'Loading Bar' and 'Eraser' animation types.
We performed extensive beta testing internally and with our member base before the release of this widget. We found that the majority of problems people had were usually due to two things:
- Paragraph Styles: It is important that the paragraph styles applied to the headline text matches exactly what is defined in the widget options panel.
- Redefining Paragraph Style Attribues: Whenever any style changes are made to text (font style, size, color, etc), the paragraph style is automatically changed. When a paragraph style is changed, it is noted by a '+' symbol next to the style name. The paragraph style has to be redefined to include the change. Otherwise, the changes won't be seen in the animated headlines. There is a redefine style button found at the bottom of the paragraph style panel:
Linking: Links can be applied to headlines. Keep in mind that once a link is applied, link styles will affect the styling of the link text. Click 'Hyperlinks' in the top menu to access and edit link styles. Also note that links cannot be applied to animation styles where individual letters are animated separately
Commonly Asked Questions
No commonly asked questions
Known Issues/Conflicts
2.0 Vs 2.1 Sound
No known issues or conflicts
Muse 1 Vs Muse 2 Headband
Additional Info Links
- Forum Link:http://forum.musethemes.com/forums/headliner.27/
- Update Log:http://www.muse-themes.com/pages/release-log.html