MP Embed Dev Blog

Feature Requests, Changelog and Tentative Roadmap

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.

Added support for &brand=0

&brand=0 can now be used, as it can with Matterport Showcase, to not show the ‘Presented by’ information when loading your space and in the MPEmbed details panel.

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 =)

Proxies for MPEmbed URLs

Have you ever setup an amazing space with MPEmbed, but then needed to reupload the space with some additional scans or changes to your window markers and trim?

You can now start enhancing your initial upload — or safely swap between versions of the same space by using MPEmbed proxies — without ever needing to provide your client with a new URL!

Proxied Spaces for MPEmbed

Introducing Proxies. If you've reuploaded a space and would like for the new space to appear in the place of your old space — retaining all of your MPEmbed settings – you can now do this!Your URL stays the same — your settings stay the same!

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

Mattertag Directory Transitions Changed!

When a user clicks on a Mattertag in the Mattertag Directory, MPEmbed uses the SDK’s ‘navigateToTag’ feature to ‘fly’ to the Mattertag.  Unfortunately, if a clear line of sight cannot be established, this fails.

MPEmbed has been mitigating this problem for a while by zooming to dollhouse mode (or floorplan mode if dollhouse mode is unavailable) and then reattempting to ‘navigateToTag’.  Generally this works.  It works for me every time, but others have reported that it does not work for them every time.

A while back, I added in an experimental ‘alternate’ 3D Transition for the Mattertag directory.  To be honest, I completely forgot about it.  This transition uses some mode swapping quirks in order to more reliably navigate to the tag without the dollhouse / floorplan mode change.

Based on feedback, I have replaced the old method with this new experimental method.  It has, I suppose, graduated!

Navigation to Mattertags 2.0

When a user clicks on a Mattertag in the Mattertag Directory, MPEmbed uses the SDK's 'navigateToTag' feature to 'fly' to the Mattertag. Unfortunately, if a clear line of sight cannot be established, this fails.MPEmbed has been mitigating this problem for a while by zooming to dollhouse mode (or floorplan mode if dollhouse mode is unavailable) and then reattempting to 'navigateToTag'. Generally this works. It works for me every time, but others have reported that it does not work for them every time.A while back, I added in an experimental 'alternate' 3D Transition for the Mattertag directory. To be honest, I completely forgot about it. This transition uses some mode swapping quirks in order to more reliably navigate to the tag without the dollhouse / floorplan mode change.Based on feedback, I have replaced the old method with this new experimental method. It has, I suppose, graduated!

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

Thank you, RocketGenius!

GravityForms is a form building and data management plugin that is crazy amazing.  It allows rapid creation of interactive forms with almost endless extensibility — perfect for building custom administration areas with.

I’m thrilled to have installed a fresh copy of GravityForms including a bug fix that resolved an issue with MPEmbed’s Premium Control Panel that had appeared on the latest release.  I had rolled back GravityForms to an earlier version to avoid the problem.

I use the ‘list’ field to power the Add / Remove Spaces section in the Premium Admin.  This quirky use-case allows users to have a repeating, and sortable section for adding space IDs and adding version numbers if needed.  The data is saved via JSON, which MPEmbed Premium is able to quickly pull from the WordPress Database to verify that the space is enabled.  I love it!  I can add additional columns if needed too.

As RocketGenius is building infrastructure for a more powerful ‘repeater’ field group system, the lists seemed to have been affected.  It is likely that they are being rebuilt as a subset of the repeater field.

What I am VERY excited about is that I should soon be able to gracefully transition the list field into a more integrated ‘Add Spaces’ form that will allow me to build other features in – such as the addition of ‘MagicTags’ and other space-specific content that will be shared soon!

Accessibility and Stability Improvements for Custom Color Filters

Happy Sunday!

Owen writes:

I’m applying custom image filters & they look great but I can’t get them to stick. Anytime I move to a new scan point it resets to the original colors… What am I doing wrong?

  • Fixed – Disabling a color filter would not  unapply visually while working in the Premium UI.
  • Change – Disabled color filter animations from appearing on the entry panorama.  Better this way!
  • Improved – Custom Filters are now displayed at the TOP of all selection boxes in Premium — not the bottom!

In addition, I’ve added a support contact form to the Premium Control Panel to encourage all users to reach out to me when there’s a bug!

Fixed – Add / Remove Spaces Temporarily Broken

MPEmbed’s Account System runs on WordPress with GravityForms.  GravityForms is pretty awesome and allowed me to rapidly build all of the user sign up forms, the payment processing forms, and even the form that lets you add spaces to use with MPEmbed.  I’ve used GravityForms for years — it’s been a great friend.

GravityForms v2.4.1 came out and pulled a fast one on me (and a few of you!)  If you opened up your Add Spaces panel and saw nothing there — oops!  I’ve rolled back to the previous version of GravityForms and filed a support ticket.  Until it’s resolved, I’ll keep the downgraded version.

One thing that is somewhat exciting though is that the latest version has some preliminary support for a ‘repeater field’ — which is sort of what I have on the Add / Remove Spaces page.  It’s a list field … with some code that limits the length of each field.  It’s pretty darn basic and I would absolutely love if I could do a bit more with it .. for instance, if each line could be validated by pulling the name of the Matterport Space and then saving that in a separate field so that when you view your list of spaces, they don’t just appear as arbitrary nonsense.  We’ll see what they come up with 🙂  I’ve been wanting to remake the Add / Remove Spaces page, but it’s either mess around with that for days, or continue to build the actual product.  The launch of Premium would have come a month sooner if I didn’t have to build an account system for it 🙂

UI Improvements for Mobile + Major Bug Fix for Mobile

I’m happy to announce that the drop down lists in the Mattertag and Highlight Panels have been removed and now both mobile and desktop versions of MPEmbed have a unified interface.

I’m not happy to have discovered that MPEmbed’s free version was not working at all for mobile.  When a space was entered, all MPEmbed parameters were dropped.  While the space still loaded perfectly, the overlay was not appearing.  This has been a problem since Premium users were provided the option to set all standard Matterport parameters from within the Premium interface.

If you are having difficulty with MPEmbed or find a bug, please do contact me immediately!  Many of the new features are a direct response to user feedback and most bug fixes are an immediate response to valuable feedback from the Matterport community.

In the near future, the Minimap will be reimagined for mobile.  I have several ideas such as providing options for customization of the mobile version of a space separately, and / or the mini map opening up as a full screen overlay for mobile so as to not overlap with the about panel.  The conflict of the about panel and mini map while in portrait orientation has been a pain point since MPEmbed has launched and I would love to resolve it!

On the Subject of Bugs….

The ability to hide Mattertags on Dollhouse, Floorplan, and/or Inside modes has now been labelled as a (BETA) feature as I have received and investigated reports that it causes media that is embedded within Mattertags to not appear.

Toggling the visibility of the Mattertags via the SDK does in fact cause Showcase to generate a pile of javascript errors when media is displayed.  This should not happen and it has been reported to the product team that develops Showcase.  Hopefully we’ll have a fix soon!  (Thanks Luk!)

On the Subject of Feedback…

Expanding and hiding nested Mattertags in the Mattertag Directory was previously only possible by clicking on the [+] or [-] icon.  This functionality has now been extended to the entire group title – as it should have been from the beginning.  (Thanks Luk!)

And additionally, you’ll now find the option to hide the About Panel completely during walkthrough and slideshow tour mode in Premium.  (&guidedtourpanel=1 for the Non-Premium folks) (Thanks Luk!)

Mattertag Category Lists

Mattertag Category Lists are live! You can now create, sort and build category lists to organize large numbers of Mattertags! This new feature has been one of the most requested additions since the launch of Premium!

Mattertag Category Lists

Mattertag Category Lists are live! You can now create, sort and build category lists to organize large numbers of Mattertags! This new feature has been one of the most requested additions since the launch of Premium!

Posted by MPEmbed – Overlay for Matterport Showcase on Sunday, November 25, 2018

In addition – a longstanding bug that sometimes caused MPEmbed to fail to load has now been resolved. I was using Matterport’s sample SDK code for initializing the SDK, which inherently had some issues. One being that if Showcase lost focus, or you are jumping between applications or windows while Showcase is loading, the SDK would fail to load! I’ve swapped the load method for a jQuery one and it’s rock solid! I am thrilled to finally get past that one!

One more note – mini maps were occasionally failing to load. Got that one solved too! 🙂

Onwards!

About Panel – Set Default Panel & Toggle Visibility

Take even more control over the about panel! Now you can set the default panel that shows upon load – regardless of the order! In addition, users can now open and close panels.

As a last minute addition (not seen in the video below), each panel now has a ‘Close’ button at the top right that appears when the mouse cursor moves over it.   It’s a subtle way to let users know that they can close the box  🙂

About Panel – Set Default Panel & Toggle Visibility

Take even more control over the about panel! Now you can set the default panel that shows upon load – regardless of the order! In addition, users can now open and close panels. #happyblackfriday

Posted by MPEmbed – Overlay for Matterport Showcase on Friday, November 23, 2018

 

Improved Custom Filter Management and Embedding Panel

Improved Filter Management is here! You can now remove (and unapply) custom filters with the handy trash icon! Previously, overwriting them or just accepting their existence was your only choice 🙂

By popular request, I’ve added a simple. embed code generator.  You will find the friendly green ‘Embed’ button at the top right of the premium editor.

Improved Filter Management and Embed Code Modal

Improved Filter Management is here! You can now remove (and unapply) custom filters with the handy trash icon! Previously, overwriting them or just accepting their existence was your only choice :)Additionally, you'll notice a friendly green 'Embed' button at the top right. By popular request, I've added a simple. embed code generator.

Posted by MPEmbed – Overlay for Matterport Showcase on Wednesday, November 21, 2018

Minor Bug Fixes!

If you’ve noticed the title of your space not appearing in the browser title, this has now been fixed.

In addition, if you are using a custom minimap, you no longer need to use &minimap=1 — it’s assumed and automatically switched on.

Finally – when using custom copyright (&copyright) and using Spanish, German, French or Russian text (&lang), the copyright is now correctly positioned.

Parameters in Hidden vs Visible Mattertags

Some users take advantage of being able to set parameters for MPEmbed by using hidden mattertags.

If you’re not use the Premium version, it’s a great way to avoid a long URL full of parameters – and a great way to be able to change options after your client has already published their space.

One of our users emailed me because MPEmbed was not loading.  I realized that one of his Mattertags had the title ‘info’ – for some useful information that he was displaying in his tour.  This is a parameter that MPEmbed used to use (still supported, but it’s deprecated — and has been replaced).

In order to fix this problem, MPEmbed is now ignoring visible Mattertags.  Only hidden ones will be used for parameters.

See Realtime Position Changes on the Mini Map

The current position marker on the minimap now moves with you between panos! It’s a little delayed as it depends on the rate that and speed that the SDK updates us with this information… but it’s pretty fun to see!

Minimap Shows Movement Between Panoramas

The current position marker on the minimap now moves with you between panos! It's a little delayed as it depends on the rate that and speed that the SDK updates us with this information… but it's pretty fun regardless!

Posted by MPEmbed – Overlay for Matterport Showcase on Tuesday, November 6, 2018

And for anyone who may have noticed, if you use numbers on the panos on the minimap – numbers didn’t appear on certain panos due to a glitch… that’s fixed up…

And alignment of the labels on the pano list in Premium is fixed … not really a biggy there as that’s just a control panel UI thing…

But it gets me thinking … I had plans for the pano labels that extended beyond the mini map … hopefully I’ll be able to roll those out in December…

Hide Mattertags on Dollhouse, Floorplan or Walkthrough Modes

Would you like to only show Mattertags during the 3D Walkthrough?  Now you can disable Mattertags in any view mode with MPEmbed!

From MOUG: @James Hilton · Yesterday at 4:02 AM
“Is it possible to hide Mattertags from the dollhouse view but have them visible in the model?”

From MPEmbed:
Yes, now you can!

&mattertagsdollhouse=0
&mattertagsfloorplan=0
&mattertagswalkthrough=0

https://www.facebook.com/mpembed/videos/557197244693660/

MPEmbed on Facebook

Recent Updates

Things I Cannot Do Right Now

Mattertags cannot be opened via SDK.  This feature will be available VERY soon as well as the ability to instantly transition to where Mattertags are located instead of ‘flying’ to the point.  I’m waiting on the Showcase v3.0.6 / SDK v3.0.6 release to enable this.

I cannot change the URL that is shown when clicking the ‘share’ icon or hitting ‘u’ to get a deep link.

I cannot do anything to fix issues caused by the VR Modal Box, Terms of Service or Help Modal Boxes.