Panorama Actions: Announcement + Hotspot Colors!

You can now set text to appear as users navigate your space. ‘Announcements’ are attached to individual panoramas. You can add the same announcements to multiple panoramas in order to constantly show the name of the room that you’re in — or you can hide them like easter eggs.

Additionally, you can now also set the colors of hotspots on the minimap individually. It’s pretty exciting what you can do with MPEmbed!

Pano Actions: Announcement Text + Hotspot Colors!

You can now set text to appear as users navigate your space. 'Announcements' are attached to individual panoramas. You can add the same announcements to multiple panoramas in order to constantly show the name of the room that you're in — or you can hide them like easter eggs.Additionally, you can now also set the colors of hotspots on the minimap individually. It's pretty exciting what you can do with MPEmbed!

Posted by MPEmbed – Overlay for Matterport Showcase on Thursday, December 27, 2018

I also fixed a nasty bug that was happening that may have impacted settings saved for panoramas (hotspot visibility, hotspot labels, etc.) that impacted spaces edited in the past two weeks. I reviewed everyone’s saved data and no more than 20 spaces were ‘possibly’ affected. Glad to get past that!

I should mention that ‘Announcements’ is one of many features made possible by the completion of ‘UI v2.0’. By being able to fully control the user interface, the highlight reel can be opened and the ‘Announcements’ will move up along with it. Previously, the user interface was preventing quite a bit of progress.

So … next up … adding videos into the highlight reel?

W3C Compliance + Language Specific OEmbed

A user let me know that embedding on social media would show ‘Explore [name] in 3D’ – regardless of the language used. I’ve fixed that! (Great Feedback).

This prompted me to do a bit of an audit on the code for MPEmbed … spacing / indenting / and validating.

Spacing and indenting one’s code is merely cosmetic (many people crunch their production code to keep people from stealing it and to marginally speed up loadtime). I like good looking code!

On the other hand, having 100% standards compliant code helps resolve browser issues and speeds up render time. I’ve audited MPEmbed’s code and streamlined where needed and fixed a few little things.

I have run tests on both the code that is rendered when the page is created, and the code that is rendered after all javascript commands (building menus, etc). 100% Standards Compliant!

For what it is worth, Matterport Showcase 3’s page has 4 errors and 3 warnings. The code that is dynamically created contains many more error messages – a total of 84 errors/warnings combined. Now of course, while MPEmbed has (currently) error/warning free — we’re still embedding Showcase, so this does not fix that.

Mattertag Directory Color Filters

The Mattertag Directory gets even more customizable now with color filters — only in MPEmbed Premium.

Colors can be relabelled and combined with lists to provide many amazing ways to use Matterport Spaces to document and annotate with Mattertags.

Color Filters for Mattertags

The Mattertag Directory gets even more customizable now with color filters — only in MPEmbed Premium. Colors can be relabelled and combined with lists to provide many amazing ways to use Matterport Spaces to document and annotate with Mattertags.

Posted by MPEmbed – Overlay for Matterport Showcase on Wednesday, December 26, 2018

There have also been a pile of little tweaks and bug fixes to both MPEmbed and the Premium Configurator.

  • White Balance and Tint controls now show results immediately.
  • Hide Panel During Tour option works again!
  • Play Tour button now swaps to ‘Pause’ Tour button while playing.
  • Highlight Reel auto-Centers when clicking on a frame.
  • Resizing the window now updates the scrollbars on the Mattertag Directory and the Highlight Reel
  • Added UI Themed scrollbars to the TOS Windows
  • Deleting custom UI Text will restore text to the default text.
  • Fixed some cosmetic issues in Premium including mouse-over effects on the configurator menu, reducing the header by 20px and making the buttons a bit smaller.

And of course there’s plenty more coming soon 🙂

Full Language Support in UI v2.0

I’m thrilled to announce that full language support (English, Spanish, French, German, Russian, Chinese and Japanese) has been rolled across the new user interface.

If you would like to contribute a native translation for MPEmbed in your own language, you can use the Premium Language Tool to translate all UI elements and send the space to me — I’ll integrate your translation! So far, we have a partial translation for Polish (&lang=pl). Hopefully we’ll see more soon!

Bug Fixes & Tweaks

Since UI v2.0 Launch, there have been quite a few little bugs and oversights that I have been working on over the past few days. Here is a summary of what has been worked on:

  • Custom Mattertag sort order & organize by folder is working again.
  • &reels now automatically includes the space (&m=XXXXXXXXXXX)
  • Premium – Highlight Reel + Multi-Tour Highlight Reel now work together
  • Disabling Social Media sharing in Workshop now recognized.
  • Disabling Guided Tour Play/Pause in Workshop now recognized.
  • Fonts look much better in Firefox.
  • Flip Button works in both normal and upside down mode.
  • Added a Help Pop-Up to UI 2.0 – It’s simplified and I think that the verbiage is more direct. It is only in English right now (but you can edit the text in Premium).
  • Added Tooltips to Map Controls
  • Added additional multi-lingual translation words.

As a note – the UI disappears completely during highlight reel playback. This was intentional, but some users may want this to be optional and I’m looking into it.

MPEmbed User Interface 2.0

I’m thrilled to launch the new MPEmbed User Interface.  On the surface, you might not notice any changes.  Under the hood, the possibilities are endless and I have been able to immediately address some issues that I’ve had since the beginning of the project.

Responsive UI 2.0 Launches

I'm thrilled to launch the new MPEmbed User Interface. On the surface, you might not notice any changes. Under the hood, the possibilities are endless and I have been able to immediately address some issues that I've had since the beginning of the project.The length of the about panel tabs now adjusts when the highlight reel is open.All UI elements fade and return at the same time. You can even completely turn off the fading interface if you'd like.All UI elements disappear during guided tour mode. This is GREAT for recording a screen capture!The flip button, compass button and user copyright are all now fully integrated into the footer dock. They move, scale and resize with the user interface.Scale UI now features all buttons including the floor selection and social sharing.The Social Share links now share the actual page that the tour was embedded on. If it's a direct mpembed.com link – it'll share the MPEmbed space!–And if you saw the sneak peek from the other day … yes! We're even closer to being able to roll out the ability to add custom content to the highlight reel!

Posted by MPEmbed – Overlay for Matterport Showcase on Sunday, December 16, 2018
  • Responsive About Panel and Highlight Reel – The height of the about panel automatically changes to allow the highlight reel to be open and extends when it is closed. 
  • Custom Tint – Now applies to Floorplan Selection and Social Media Selection
  • Fading UI – All elements now fade in and out together perfectly in sync. **
  • No Fading UI Mode – All elements now stay visible – nothing will fade if selected! **
  • Distraction Free Highlight Reel Playback – Everything disappears while playing the guided tour. **
  • Sharing Buttons Share Your URL – Now the sharing buttons in the UI will share the actual URL that your tour is on — not the bare my.matterport.com url.  This means that sharing buttons now share MPEmbed links — or if you are embedding this tour on a WP3D Models page or your own website, it will share that website.  Be advised, if you are sharing a link to your own website, the image and text that appears will be sourced from your website.
  • Responsive Compass (Premium) – The compass now moves up when the highlight reel is opened.
  • Full UI in Scale UI (Premium) – All controls are now available in scaled UI mode including larger controls!
  • Aligned Flip Button (Premium) – The horizontal flip button is now aligned next to the floorplan button on the bottom left at all times.
  • Full UI in Flip Mode (Premium) – All controls in flip mode.  When using ‘horizontal flip’ mode, you will still have the highlight reel (all images flipped!), floor selection and share buttons.
  • New Mattertag Icons – Replaced YouTube icon with video icon.  Replaced ‘play’ icon with ‘pictures’ icon.

** Requires use of MPEmbed’s About Panel.  If no about panel options are enabled, the default Showcase About Panel will display and behave normally.

Mobile User Interface for MPEmbed

MPEmbed is now awesome on mobile devices with a new responsive layout.

The Minimap and About Panel no longer have a turf war and keep to their own corners!

Mobile User Interface for MPEmbed

MPEmbed is now awesome on mobile devices with a new responsive layout. The Minimap and About Panel no longer have a turf war and keep to their own corners!

Posted by MPEmbed – Overlay for Matterport Showcase on Wednesday, December 12, 2018

Set Minimap Rotation + Add Rotation Controls

You can now set the default orientation for the minimap with MPEmbed Premium! In addition, if you would like to allow your users to freely rotate the minimap, you can enable the minimap rotation tools that will appear below the zoom functions.

All Hotspot and Mattertag labels are automatically reverse rotated so that their functionality remains in place!

Set Minimap Rotation + Add Rotation Controls

You can now set the default orientation for the minimap with MPEmbed Premium! In addition, if you would like to allow your users to freely rotate the minimap, you can enable the minimap rotation tools that will appear below the zoom functions.All Hotspot and Mattertag labels are automatically reverse rotated so that their functionality remains in place!

Posted by MPEmbed – Overlay for Matterport Showcase on Tuesday, December 11, 2018

Columns for the Highlight Directory

Now you can choose a single column, double column or 4 column layout instead of the default 3 column layout!

Highlight Directory Columns

Now you can choose a single column, double column or 4 column layout instead of the default 3 column layout!&hdircols=X for the non-premium users out there =)

Posted by MPEmbed – Overlay for Matterport Showcase on Friday, December 7, 2018

&hdircols=X for the non-premium users out there =)