Integration of OHIF to react app

LoicGuillebeau · August 26, 2024, 7:57am

Hello !
I came across the OHIF project and I find it amazing.
This is exactly what I was looking for and it’s open-source, congrats guys !!

I want to implement the OHIF viewer (without the study list) and I’m going for the Iframe solution.
I just have few question for you:

I want to be able to add send/update/store annotation from my main website and store it in my DB. Is it possible if I use an iframe ? If so, how do you suggest i can do it ? Should I modify the OHIF viewer fork that I have to do so ? Or I can do it by calling special event in the iFrame ?
I want the user to be able to load a dicom file/folder from outside of the iFrame (with a button outside of the iFrame). How do you suggest I do it ? Should I go through a Dicom webserver ?
Last question, the dicom files are stored on a server A and my frontend is on a server B. The user connect from the server A to my website hosted on server B. Do you recommend, I host the OHIF viewer on the server A or server B ? Did you experienced UX delay if the OHIF server is hosted in a different server than a front ?

I would greatly appreciate some supervision on these questions.

Thank you again for your time and effort !

alireza · September 5, 2024, 4:40pm

I think we answered your question in the office hours, let me know if that is not right

Just posting it here for other people

github.com

OHIF/OHIF-Office-Hours/blob/c944e9c309d7e35670c8eebaa4364fa785fff45e/notes/2024-08-29.md

# OHIF Office Hours Notes 2024-08-29

## Q & A

Attendees: 14

Discussed:
- 🖥️ Upcoming changes in Cornerstone 3D 2.0 affecting volume loading and shared array buffer usage
- 🎨 Strategies for changing colors of prior studies in OHIF viewer
- 🖼️ Progressive loading options and mobile device considerations for OHIF
- 📊 Changing default volume color in Cornerstone
- 🤖 Automatically reloading AI segmentations in OHIF viewer
- 🏥 Resources for DICOM code mapping in Echocardiogram reports
- 🖼️ Integrating OHIF viewer with custom DICOM storage solutions
- 🔄 Managing annotations between main website and OHIF in iframe
- 🌐 Optimal hosting strategies for OHIF viewer and DICOM files across servers
- 📍 Adding point annotations in OHIF using existing tools or custom extensions


🖥️ **Using the volume loader what is the implications of deactivating the sharedArrayBuffer, in general terms, performance, and what does it mean for the cpu/gpu rendering pipeline?**

This file has been truncated. show original

github.com

OHIF/OHIF-Office-Hours/blob/c944e9c309d7e35670c8eebaa4364fa785fff45e/notes/2024-08-22.md

# OHIF Office Hours Notes 2024-08-22

## Q & A

Attendees: Not specified

Discussed:

🛠️ **I am trying to add my own custom tool to OHIF. How can I customize the OHIF viewer by adding my own tool?? Where can I find documentation on this?**

A: Adding a custom tool to OHIF involves several steps:

1. Tool Definition: Define your tool in a file similar to the ones in the segmentation mode (e.g., buttons.ts).

2. UI Placement: Use the toolbar service to add your tool to the desired location. You can create sections like primary or toolbox.

3. Command Registration: Register a command in the commands module that will be executed when the tool is clicked.

4. Tool Implementation: Implement the logic for your tool in the command.

This file has been truncated. show original

Topic		Replies	Views
OHIF with a local server (not dicomweb) Support	11	888	June 6, 2024
Can i use only viewer in my react app? Support	1	191	October 10, 2023
Embedding OHIF viewer in WordPress website Support	3	578	February 16, 2022
Understanding code workflow, integration with existing react app, Integration with DCM4CHEE server to receive dicom files Support	0	127	February 4, 2024
Looking for customize development on Ohif Development	0	271	April 20, 2023

Integration of OHIF to react app

Related Topics