Custom Keyframe Behavior

Disable built-in Vreo keyframe behavior and handle the same trigger with custom UI logic.

Script keyframe behaviors in Vreo are built in, but if you have strong requirements such as a unified UI style and do not want to use the built-in script logic, you can disable the built-in script keyframe parsing via new Player(five, {keyframeMap: {PanoTag: false}}), and then supply your own script UI behavior by listening for the script keyframe trigger events.

For example, to disable parsing of panorama tags:

const vreoplayer = new Player(five, {
  keyframeMap: {
    PanoTag: false /* Disables parsing of panorama tags */,
  },
});

const callback = (keyframe: VreoKeyframe) => {
  /* Your own business logic: the panorama tag module */
};
// Add the listener
vreoplayer.on(VreoKeyframeEnum.PanoTag, callback);
// Remove the listener
vreoplayer.off(VreoKeyframeEnum.PanoTag, callback);

Currently, only DOM-related script keyframes support customization. Content related to the 3D spatial model (such as camera movement, effects, and so on) does not yet support user customization, so please use the built-in solution for those.