Support for YouTube 360 Videos; Full Help Screen

YouTube 360 Videos are now fully supported by MPEmbed Premium. Simply add them to the highlight reel as you would a normal YouTube Video. The difference is that you will be able to control panning, while standard videos have their controls disabled and replaced by MPEmbed to suppress display of related videos .

In addition to 360 Video support, the YouTube player will now inherit the language settings from MPEmbed.

Add YouTube 360 Video to the Highlight Reel

YouTube 360 Videos are now fully supported in your highlight reel. While partial support has existed, now you'll be able to interact with the 360 Video as expected.MPEmbed detects whether a video is a standard or a 360 Video in order to allow controls. When a video is standard, pausing will show related videos, which looks quite unprofessional within a Matterport Space. MPEmbed bypasses this by locking down the 'pause' and 'end video' sequence via the YouTube API.Additionally, we're now making sure that YouTube is loaded in the same language as MPEmbed / Showcase — keeps it consistent when you right click in 360 mode for options 🙂

Posted by MPEmbed – Overlay for Matterport Showcase on Saturday, January 19, 2019

Finally, for those of you who missed the additional ‘More Help’ section of the ‘Help Screen’, this has been restored – along with mode specific help screens for Dollhouse, Walkthrough, Floorplan and 360 Views modes. Did you even know that the help screen changes during these modes? I didn’t before tonight!

Visibility Toggle for Announcements

Announcements open up many new opportunities for storytelling and documentation with Matterport Spaces. There are some occasions where storytelling and mobile might clash – or where your viewer simply wants to view the space distraction free. By popular request, announcements have now inherited the ‘visibility toggle’ – just like the about panel.

Toggle Announcements Visibility

Announcements open up many new opportunities for storytelling and documentation with Matterport Spaces. There are some occasions where storytelling and mobile might clash – or where your viewer simply wants to view the space distraction free. By popular request, announcements have now inherited the 'visibility toggle' – just like the about panel. Oh, and now the minimap slides when toggling it 🙂 Gotta be consistent, right?

Posted by MPEmbed – Overlay for Matterport Showcase on Saturday, January 12, 2019

Oh, and now the minimap slides when toggling it 🙂 Gotta be consistent, right?

Show Measurements on the Minimap

Measurements are a useful tool, but they can only be viewed in Workshop. With MPEmbed, you can now display your measurements on the minimap!

As an added bonus, imperial / metric is automatically detected based on your space settings. Measurements are in 3D, despite the display being limited to 2D.

&measurements=1

Show Measurements on the Minimap

Measurements are a useful tool, but they can only be viewed in Workshop. With MPEmbed, you can now display your measurements on the minimap!As an added bonus, imperial / metric is automatically detected based on your space settings. Measurements are in 3D, despite the display being limited to 2D.&measurements=1

Posted by MPEmbed – Overlay for Matterport Showcase on Friday, January 11, 2019

Other Notes:

  • Premium Checkboxes – Sometimes it would take two clicks to check a box, this has been fixed.
  • Panel Scrolling Issues – Scrollbars would not always appear when a space loaded for the mattertag panel or highlight panel. This has been resolved.
  • Blocked ability to navigate tour while YouTube video plays – Because you should not be able to.
  • Minimap Color Filters – Minimap color filters were not being applied during load. Fixed.
  • Minimap Rotation Controls – Rotation controls were always appearing, regardless of option set. Fixed. Also, if one were to hold the left mouse button and then press the right mouse button, it would cause the minimap to never stop rotating. Ouch! Fixed this weird bug. Also fixed on the zoom controls.
  • Minor UI Text Changes – You may notice that some of the minor text has changed in the Premium language options for analytics-related text. I have made changes in order to unify how events are logged to analytics and made the text a bit more flexible to integrate for future integrations.
  • Optimizations – Removed a repeating SDK call on each panorama entry to detect current floor via SDK. Current floor is now determined by referencing the floor data stored in each panorama. Also removed many jQuery calls for information saved in the DOM, instead referencing a javascript variable. Somewhere out there, another jQuery/Javascript developer is giving me a high five.

Add Background Music — or an opening welcome!

You now have the ability to set background music to your Matterport Space. Users will be able to turn on / off the music from a native UI icon right next to the tour controls. You may also set the volume and whether or you you would like the audio to repeat. A non-repeating background track is a great way to provide an audio intro!

For non-Premium users:

&bgmusic=https://…Address to audio file (mp3, ogg, or wav). Must be https://
&bgmusicloop=1Loop background audio
&bgmusicvol=0.5Set volume from 0.1 (10%) to 1 (100%)
Coming Soon – Instant Mattertag Navigation Transitions

One of the most requested features is for Mattertags to open when navigated to from the Mattertag panel. The code is already in place for this to happen — along with a more elegant cross-fade animation.We're just waiting on Matterport to publish Showcase 3.0.6 :)Right now, there is no way to open Mattertags via the SDK. In addition, the SDK method for navigating to Mattertags fails when a line of sight cannot be found.MPEmbed has code in place that analyzes the user's position and the Mattertag's position. If the user does not actually move towards the tag, it'll swap to floorplan mode for a split second, then envoke the existing SDK 'navigateToTag' feature, then swap back to inside mode. This glitches Showcase and creates a pretty interesting 3D transition to the Mattertag. I like it, but cross-fade is much better.

Posted by MPEmbed – Overlay for Matterport Showcase on Monday, January 7, 2019

Tweaks

  • Removed rounded borders on color filters.
  • Color filters now turn to default UI color when hovered.
  • Removed extra space at bottom of highlights panel.
  • Changed hover color on highlights reel (was black, now is staying white).
  • Changed font sizes for announcements to reflect the same font sizes in the title area of the about panel (consistency!)
  • Confetti disabled on mobile as it does not perform well.

Bug Fixes

  • Fixed &reels (was not working when highlight reel was turned off)
  • Fixed display of custom floor names
  • Fixed button that minimizes the about panel — wasn’t allowing people to click it.
  • Fixing &reels caused normal highlights to disappear, which is fixed.
  • Left side of screen was unclickable, which was fixed too.
  • Floor Menu was either invisible or visible — as opposed to open / closed. For desktop users, one would rarely click on the invisible menu. For mobile users, the menu fell in a logical place to click to move.

Add YouTube Videos to the Highlight Reel

Got an amazing aerial video that you’d like to bundle with your Matterport Space? How about an awesome cat video that you’d love to share. Using 3D Tours for training? Add a training video.

The YouTube integration uses the YouTube API and adds a custom start/stop/play mechanism so that related videos are not shown within your space. Videos are also whitelabelled — neat, right?

Add YouTube Videos to the Highlight Reel

Got an amazing aerial video that you'd like to bundle with your Matterport Space? How about an awesome cat video that you'd love to share. Using 3D Tours for training? Add a training video.The YouTube integration uses the YouTube API and adds a custom start/stop/play mechanism so that related videos are not shown within your space. Videos are also whitelabelled — neat, right?Over the next few days, I'll be adding the ability to sort (you'll have to delete/readd for now). Next provider will be Vimeo, and then probably Embed.ly for embedding other URLs as a catch-all.

Posted by MPEmbed – Overlay for Matterport Showcase on Saturday, January 5, 2019

Vertical Harmony Achieved

After much hard work writing all sorts of crazy code in a futile attempt to resize the about panel whenever the highlight reel opens and closes combined with the appearance and disappearance of panorama announcements, I had a crazy idea and restructured these 3 elements into a vertical flex grid that automatically resizes without the need for a lot of silly coding. #cssmagic

The result? Overlapping issues should now be resolved with announcements that are multiple lines long.

In addition, a few more UI tweaks were made:

  • Got rid of the 20px black area at the bottom of the Premium UI. This arrived when I shortened the header by 20px last week. More room to work!
  • Mattertags Directory can now be scrolled with the mousewheel in Premium.
  • Reduced spacing a bit in the footer area / highlight reel.
  • Removed javascript based scrolling. Chrome / Safari / Webkit users get a pretty native scrollbar. Firefox users get an ugly one. 🙂

Onwards!

New Premium Editor Features for Power Users

Lock About Panel

MPEmbed focuses on maintaining the same look and feel as Showcase. This is a core design philosophy that extends to the Premium UI Configurator where configuration of options happens within the ‘About Panel’.

One challenge during configuration is that the about panel disappears whenever the user moves. One solution would be to enable the ‘No Fade’ option (&nofade=1). As this is an option for the presentation of your space, it really shouldn’t be part of the Premium Workflow.

As a solution, a new ‘Lock About Panel Fading’ icon has been added. It’s in a really easy to find location, right beside the standard Matterport UI icons.

Toggle Filters

If you are using global or per-pano color filters, it is nice to be able to quickly A/B test your settings.

A ‘Toggle Filters’ button has been added. This allows you to quickly turn filters on and off while editing!

As a sidenote, the ‘filtersoff’ configuration option has now been removed as it is unnecessary.

Panorama Options visible in Pano List

When adding tons of panorama settings, it can be difficult to remember where you have applied all settings.

Now you can see status icons for all pano features that are turned on in the panos panel!

Bug Fixes

  • Some panorama setting checkboxes were not clearing when moving between panoramas.
  • Some multi-select checkbox panels required clicking twice to uncheck the previous option and check the new one.
  • The Mattertag Panel would stop working if Mattertags that were nested in category folders were removed in workshop.
  • &title and &brand were not working as expected. Behavior is now the same as Showcase.

Highlight Reel / Panel Filters and Bug Fixes

You may now choose to filter out the types of views that display in the Highlight Reel or Highlight Panel. This is useful if you have created a guided tour with multiple dollhouse / floorplan views as transitions, but would not like to show them as thumbnails. In addition, it can allow one highlight reel to be used for snapshots only in the ‘reel’, but perhaps showing the dollhouse and floorplan views in the panel. It’s up to you!

MPEmbed’s users are amazing and I LOVE how fast bugs are found and resolved thanks to their feedback. I was unaware that the Mattertag Content Panel — which appears when you click on a Mattertag in the Mattertag Directory while Mattertags are turned off for the sapce — (&mdir=1&mt=0 / Disable Mattertags + Enable Panel) — was causing the entire about panel to disappear while closing. Fixed!

I also discovered a bug of my own today and resolved it quite quickly. Custom filters and events on the ENTRY panorama were not being applied when a tour began. This was a quick fix.

If you discover something that is not working as you expect, please drop a line! Fixes are fast and I could not possibly find them all without your help! You’re all my quality assurance team — and you guys do not miss a beat!

So, thank you!

Here’s to a new year with so much more to do, create and enhance!!!!

Printable Invoices for Tax Season

Do you need a fancy invoice to help you with writing off MPEmbed this tax season? We’ve got you covered.

You can now access a printable invoice for each month — or a single invoice for the entire year — within the ‘Billing’ tab. Be sure to complete the ‘profile’ tab to provide the information that you would like to see on your invoice.

Need a PDF? Just ‘Print as PDF’ 🙂