Hi @johnyang90, the snapshot action calls the application.snapshot.take() function.

You can override this with your own code so when it's called you do whatever you need first, then call the original function. You can do that like this.

var ast = application.snapshot.take; // create a reference to the original function
application.snapshot.take = function() { // override the original function with your own function
  // put your own code here to hide any HTML or in-scene objects you want e.g.
  // if (application.current_view.name == MY_FIRST_VIEW) { // make your hide code only apply to a specific scene if you want
  //   awe.projections.view(MY_FIRST_VIEW_PROJECTION_ID).update({ visible:false });
  // } else {
  // ...
  // }
  return ast(); // call the original function
};

If you want this to apply to all scenes then you can add it to the /settings/custom_code section.

If you want it to just apply to one specific scene then you can wrap it inside an view_loaded listener. And you should clean up after the view is unloaded too. Here's a more detailed example.

var ast = application.snapshot.take; // create a reference to the original function
function setup_custom_snapshot() {
  if (application.current_view.name == MY_FIRST_VIEW) { // limit the setup to just one specific scene
    application.snapshot.take = function() { // override the original function with your own function
      // put your own code here to hide any HTML or in-scene objects you want e.g.
      // awe.projections.view(MY_PROJECTION_ID).update({ visible:false });
      return ast(); // call the original function
    };
  }
}
function teardown_custom_snapshot() {
  application.snapshot.take = ast; // restore the original function
}

window.addEventListener('view_loaded', setup_custom_snapshot);
window.addEventListener('view_unloaded', teardown_custom_snapshot);

Note that only in-scene objects will be included in the snapshot image, so no HTML elements will be visible in the image.

I tried to set some of the projections' visibility to false on snapshot button click, it doesn't hidden until i click second time, is there any function to run snapshot function once all the projections visible are updated successfully?

and what is the custom function to close snapshot preview, because I will need to show back the hidden buttons when snapshot preview is closed?

Hi @johnyang90, there's no option to await the projection updates at the moment. So you are best to add a small delay using setTimeout() e.g.

var ast = application.snapshot.take; // create a reference to the original function
application.snapshot.take = function() { // override the original function with your own function
  ...
  setTimeout(() => {
    ast(); // call the original function
  }, 500); // add half a second delay to allow for scene update
};

We'd recommend testing this on a slow/low powered device so you can get the timing right to allow for them.

The function to close the snapshot preview is application.snapshot.hide_preview(true). You can use the same type of overriding approach with that.

hi @awe-media , thanks for the suggestion, it is working now.
However, i tried to run custom javascript for the snapshot close button, it seems like doesn't work.

I checked the frontend coding, the onclick function is placed inlined with the button, hence i think the custom function is not running.

sorry my bad, i made some mistake on the projection id, now it is working.
Thanks a lot yar