rain-yu / dicom-web-viewer Goto Github PK

View Code? Open in Web Editor NEW

This Web app/Chrome extension views offline medical DICOM P10 images, supporting multi-frame & files w/ missing "Supported Transfer Syntax". The used viewer lib is https://github.com/rii-mango/Daikon which lists viewable DICOM Supported Transfer Syntax. Notes/Issues are in wiki. DICOM attributes info. are printed in chrome's logs. Demo site:

License: Other

JavaScript 90.10% HTML 7.33% CSS 2.58%

dicom-web-viewer's Introduction

DICOM Image Viewer

Extension type

Install from Chrome Web Store

https://chrome.google.com/webstore/detail/dicom-image-viewer/ehppmcooahfnlfhhcflpkcjmonkoindc

Install locally to develop or test

Ref: https://developer.chrome.com/extensions/getstarted

Make sure you have yarn installed first.

yarn install.
Open the Extension Management page by navigating to chrome://extensions.
- The Extension Management page can also be opened by clicking on the Chrome menu, hovering over More Tools then selecting Extensions.
Enable Developer Mode by clicking the toggle switch next to Developer mode.
Click the LOAD UNPACKED button and select the build subfolder in extension directory.

After Installing

Open the Extension Management page by navigating to chrome://extensions.
Locate DICOM Image Viewer and click on the DETAILS button
Turn Allow access to file URLs switch on.

Web app type for development

yarn start
(optional) use debugger for Chrome of VSCode to debug. or open your browser and navigates to http://localhost:3000/

Deploy Web app to GitHub Pages

Add "homepage": "https://grimmer0125.github.io/dicom-web-viewer" in package.json
yarn build.
yarn deploy (which deploys to the homepage in package.json, change it if you need)