<div> <div style="float: left;width: 15%;"><img src="https://raw.githubusercontent.com/cylab-tw/bluelight/master/bluelight/image/icon/black/BLLogoSmall.png" width="90px"></div> <div style="float: left;width: 85%;"><h1>BlueLight Web-based DICOM Viewer (BlueLight Viewer)</h1> </div> <p><strong>Blue Light</strong> is a browser-based medical image viewer primarily maintained by the <a href="https://cylab.dicom.tw/">Imaging Informatics Labs</a>. It is a pure single-page application (SPA), lightweight, and uses only JavaScript and HTML5 technologies to deploy it on any HTTP server easily (just put it in the HTTP server). It supports not only opening local data but also connecting to medical image archives which support <a href="https://www.dicomstandard.org/using/dicomweb/">DICOMweb</a>. It can display various image markups and annotations such as Annotation and Image Markup (AIM), DICOM-RT structure set (RTSS), DICOM Overlay, and DICOM Presentation State. It provides tools for medical image interpretation and 3D image reconstruction, e.g., Multiplanar Rreformation or Reconstruction (MPR) and Volume Rendering (VR).</p>

<a href="https://cylab-tw.github.io/bluelight/search/html/start.html"><strong>Live DEMO</strong></a>  Short URL: https://blsearch.dicom.tw     <a href="https://cylab-tw.github.io/bluelight/bluelight/html/start.html"><strong>Online Viewer</strong></a>  Short URL: https://bl.dicom.tw    

Demo Videos

• Video - Basic operation

Plugin

• Video - Labeling tools
• Video - DICOM SEG Editor
• Video - 2D MPR
• Video - MIP and minIP
• Volume Rendering
  • <a href="https://youtu.be/NfoktLofJL8"><strong> Video - Volume Rendering Scenario #1 </a>
  • <a href="https://youtu.be/CrLJsGuIgtI"><strong> Video - Volume Rendering Scenario #2 </a>
• Video - Dig

Install

• Put all files into any directory in the static directory on any HTTP server.

DICOMWeb Configuration

• go to ./bluelight/data/config.json and change the configuration of the DICOM server.

• Reminder The DICOMWeb Plugin of the DICOM server shall be installed first.

About

• BlueLight是少數能在網頁上顯示3D VR、MIP及MPR的開源DICOM瀏覽系統，它擁有平易近人的操作介面並支援RWD及Web零足跡瀏覽，可在任意大小的裝置上執行。
• 標記顯示方面支援RTSS、Overlay、Graphic Annotation、AIM等標記，亦可於3D系統中轉換成3D標記。
• 此專案亦支援LabelImg格式的標記繪製。
• 3D VR顯示模式支援染色、窗度、透明、壓縮、貼皮、內插、降噪、打光、挖洞及最大密度投影，針對骨骼及肺氣管有專門的顯示模式，MPR模式則支援內插、貼皮、染色以及3D切面的顯示。
• 通過台灣醫學資訊聯測 MI-TW 2020 - Track 4: DICOMWeb Query/Retrieve Consumer

Key Features

Network support

• Load local files
• Integration with any DICOMWeb Image Archive, including Raccoon, Orthanc, and dcm4chee server
  • Retrieve methods: WADO-URI (as default) and WADO-RS: specify one of them in config.json
• Integration with XNAT by plugin xnat.js. BlueLight will query the XNAT's API to get the XML and retrieve the DICOM stored in experiments and its scans. Currently, we don't build it as an XNAT plugin. issue: XNAT Connection
  • Step1: copy BlueLight to the XNAT deployment folder
  • Step2: type URL: https://{XNAT's hostname}/bluelight/search/html/start.html?experiments={XNAT expID}&scans={scanID}&format=json

  http://{XNAT's hostname}/REST/projects/test/subjects/XNAT_S00001/experiments/XNAT_E00002/scans/1/files?format=json

Support IODs

• Most general image IODs (CR, DX, CT, MR, US, etc)
• 12 Lead ECG Waveform: Test URL
• DICOM PDF

Native features for 2D image interpretation

• Pan, zoom, move
• Scroll images within a series
• Rotation, Flip, Invert
• Windowing
• Cine
• viewports: 4×4
• Cross-Studies synchronization
• Magnifier, etc
• Measurements: Line and angle, text, circle, area, rule, etc.
• hide/display markups and annotations
• Export image: both DICOM and JPEG

Support the display of the kinds of markups and annotations

• GSPS: DICOM Graphic Annotation
• DICOM Overlay
• DICOM-RT structure set (RTSS)
• Annotation and Image Markup (AIM)
• DICOM SEG (Segmentation)
• LabelImg
• Provide the function to convert the DICOM Overalys to a DICOM SEG object.

Plugins

• Some advanced features are separated from the native parts of Bluelight to facilitate better performance. All supported functions are placed in folder /scripts/plugin. Using the config enable the selected plugins. If disableCatch is set as false, the plugin is enabled.

{
    "plugin": [
    /*  path: the location of the plugin
     *  name: the name of the plugin
     *  disableCatch: enable the plugin or not.
     *  examples show as follows:        
     * /
        {"path":"../scripts/plugin/oauth.js", "name": "oauth", "disableCatch": "true"},
        {"path":"../scripts/plugin/mpr.js", "name": "MPR", "disableCatch": "true"},        
    ]
}

• We welcome any idea of adding new plugins from any third party, such as:
  • Create the customized annotations encoded as an XML - see xml_format.js

Plugin: Authentication

• OAuth2 - see oauth.js. If OAuth2 is enabled, and then modify the config.
  • Note: We used Keycloak to test the function of OAuth2.

{
    "enabled":false,
    "hostname":"127.0.0.1",
    "port":"8080",
    "http":"http",
    "client_id":"account",
    "endpoints":
    {
        "auth":"realms/TestRealm/protocol/openid-connect/auth",
        "validation":"realms/TestRealm/protocol/openid-connect/userinfo", 
        "token":"realms/TestRealm/protocol/openid-connect/token" 
    },
    "tokenInRequest":true
}

Plugin : 3D Post-Processing

• MPR (Multiplanar Reconstruction) - see mpr.js
• MIP (maximum intensity projection) - implemented in MPR
• 3D Volume Rendering - see vr2.js

Plugin: Labeling tool interfaces (on experiment state)

• LabelImg
• GSPS: DICOM Graphic Annotation - see graphic_annotation.js
• DICOM-RT structure set (RTSS) - see rtss.js
• DICOM SEG (Segmentation) - see seg.js
  • Download as DCMTK DICOM-XML: only launch BlueLight
  • Download as DIOCM SEG: It is integrated with Raccoon.net. Please put the BlightLight on Raccoon.

Plugin: General

• Display DICOM TAG - see tag.js
• Display LUT- see table.js

Supported library

• BlueLight Viewer uses - <a href="https://github.com/cornerstonejs/dicomParser">dicomParser</a> for parsing DICOM tags.

Roadmap

• FHIR ImagingStudy Query/Retrieve Interface
• Support the IHE Invoke Image Display (IID) Profile [RAD-106]
• Display DICOM Structured Report
• Display DICOM Waveform - 12 Lead ECG Waveform

Special projects

• BlueLight-WSI: :construction: please visit the project mainecoon
• BlueLight@Orthanc: :secret:
• BlueLight@XANT: :white_check_mark:
• BlueLight@Raccoon.net: :white_check_mark: - Raccoon.net is a noSQL-based medical image repository.

Acknowledgement

• To acknowledge the BlueLight in an academic publication, please cite

  • Chen, TT., Sun, YC., Chu, WC. et al. BlueLight: An Open Source DICOM Viewer Using Low-Cost Computation Algorithm Implemented with JavaScript Using Advanced Medical Imaging Visualization. J Digit Imaging 36, 753–763 (2023). https://doi.org/10.1007/s10278-022-00746-0

• Grants from the Ministry of Science and Technology Taiwan supported this project.

• We acknowledge the AI99 teams at Taipei Veterans General Hospital (TVGH) for validation and provide many useful suggestions in many aspects of the clinical domain, especially to thank Dr. Ying-Chou Sun and his professional team.

• Thanks 琦雯Queenie, Queenie's github for contributing the logo design.