Image.js 750 B

1234567891011121314151617181920
  1. import { __rest } from "tslib";
  2. import { jsx as _jsx } from "react/jsx-runtime";
  3. import { useContext, useEffect } from "react";
  4. import { KrpanoRendererContext } from "../contexts";
  5. export const KrpanoImg = (_a) => {
  6. var { children } = _a, attrs = __rest(_a, ["children"]);
  7. const renderer = useContext(KrpanoRendererContext);
  8. useEffect(() => {
  9. if (!renderer)
  10. return;
  11. renderer.call(`
  12. addimage(image_sphere);
  13. set(image_sphere.type, sphere);
  14. set(image_sphere.url, 'plugin:video');
  15. set(image_sphere.preload, true);
  16. set(image_sphere.onload, 'trace("Video Loaded!");');
  17. `);
  18. }, [renderer, attrs]);
  19. return _jsx("div", { className: "krpano-img", children: children });
  20. };