Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/WebApplication/index.html @ 1710:673c163e1b3e
playing videos if Orthanc is not available
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Mon, 30 Nov 2020 16:41:31 +0100 |
parents | 2931f5e15320 |
children | fb57536fcc5f |
comparison
equal
deleted
inserted
replaced
1709:2931f5e15320 | 1710:673c163e1b3e |
---|---|
213 | 213 |
214 <i v-if="series[seriesIndex].type == stone.ThumbnailType.PDF" | 214 <i v-if="series[seriesIndex].type == stone.ThumbnailType.PDF" |
215 class="wvSerieslist__placeholderIcon fa fa-file-pdf"></i> | 215 class="wvSerieslist__placeholderIcon fa fa-file-pdf"></i> |
216 | 216 |
217 <i v-if="series[seriesIndex].type == stone.ThumbnailType.VIDEO" | 217 <i v-if="series[seriesIndex].type == stone.ThumbnailType.VIDEO" |
218 class="wvSerieslist__placeholderIcon fa fa-video-video"></i> | 218 class="wvSerieslist__placeholderIcon fa fa-video"></i> |
219 | 219 |
220 <div v-if="[stone.ThumbnailType.IMAGE, stone.ThumbnailType.NO_PREVIEW].includes(series[seriesIndex].type)" | 220 <div v-if="[stone.ThumbnailType.IMAGE, stone.ThumbnailType.NO_PREVIEW].includes(series[seriesIndex].type)" |
221 class="wvSerieslist__placeholderIcon" | 221 class="wvSerieslist__placeholderIcon" |
222 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags[MODALITY] + '] ' + series[seriesIndex].tags[SERIES_DESCRIPTION]"> | 222 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags[MODALITY] + '] ' + series[seriesIndex].tags[SERIES_DESCRIPTION]"> |
223 <i v-if="series[seriesIndex].type == stone.ThumbnailType.NO_PREVIEW" | 223 <i v-if="series[seriesIndex].type == stone.ThumbnailType.NO_PREVIEW" |
532 v-bind:left="viewport1Left" | 532 v-bind:left="viewport1Left" |
533 v-bind:top="viewport1Top" | 533 v-bind:top="viewport1Top" |
534 v-bind:width="viewport1Width" | 534 v-bind:width="viewport1Width" |
535 v-bind:height="viewport1Height" | 535 v-bind:height="viewport1Height" |
536 v-bind:show-info="showInfo" | 536 v-bind:show-info="showInfo" |
537 v-bind:global-configuration="globalConfiguration" | |
537 v-bind:active="activeViewport==1"></viewport> | 538 v-bind:active="activeViewport==1"></viewport> |
538 <viewport v-on:updated-series="SetViewportSeries(2, $event)" | 539 <viewport v-on:updated-series="SetViewportSeries(2, $event)" |
539 v-on:selected-viewport="activeViewport=2" | 540 v-on:selected-viewport="activeViewport=2" |
540 v-show="viewport2Visible" | 541 v-show="viewport2Visible" |
541 canvas-id="canvas2" | 542 canvas-id="canvas2" |
543 v-bind:left="viewport2Left" | 544 v-bind:left="viewport2Left" |
544 v-bind:top="viewport2Top" | 545 v-bind:top="viewport2Top" |
545 v-bind:width="viewport2Width" | 546 v-bind:width="viewport2Width" |
546 v-bind:height="viewport2Height" | 547 v-bind:height="viewport2Height" |
547 v-bind:show-info="showInfo" | 548 v-bind:show-info="showInfo" |
549 v-bind:global-configuration="globalConfiguration" | |
548 v-bind:active="activeViewport==2"></viewport> | 550 v-bind:active="activeViewport==2"></viewport> |
549 <viewport v-on:updated-series="SetViewportSeries(3, $event)" | 551 <viewport v-on:updated-series="SetViewportSeries(3, $event)" |
550 v-on:selected-viewport="activeViewport=3" | 552 v-on:selected-viewport="activeViewport=3" |
551 v-show="viewport3Visible" | 553 v-show="viewport3Visible" |
552 canvas-id="canvas3" | 554 canvas-id="canvas3" |
554 v-bind:left="viewport3Left" | 556 v-bind:left="viewport3Left" |
555 v-bind:top="viewport3Top" | 557 v-bind:top="viewport3Top" |
556 v-bind:width="viewport3Width" | 558 v-bind:width="viewport3Width" |
557 v-bind:height="viewport3Height" | 559 v-bind:height="viewport3Height" |
558 v-bind:show-info="showInfo" | 560 v-bind:show-info="showInfo" |
561 v-bind:global-configuration="globalConfiguration" | |
559 v-bind:active="activeViewport==3"></viewport> | 562 v-bind:active="activeViewport==3"></viewport> |
560 <viewport v-on:updated-series="SetViewportSeries(4, $event)" | 563 <viewport v-on:updated-series="SetViewportSeries(4, $event)" |
561 v-on:selected-viewport="activeViewport=4" | 564 v-on:selected-viewport="activeViewport=4" |
562 v-show="viewport4Visible" | 565 v-show="viewport4Visible" |
563 canvas-id="canvas4" | 566 canvas-id="canvas4" |
565 v-bind:left="viewport4Left" | 568 v-bind:left="viewport4Left" |
566 v-bind:top="viewport4Top" | 569 v-bind:top="viewport4Top" |
567 v-bind:width="viewport4Width" | 570 v-bind:width="viewport4Width" |
568 v-bind:height="viewport4Height" | 571 v-bind:height="viewport4Height" |
569 v-bind:show-info="showInfo" | 572 v-bind:show-info="showInfo" |
573 v-bind:global-configuration="globalConfiguration" | |
570 v-bind:active="activeViewport==4"></viewport> | 574 v-bind:active="activeViewport==4"></viewport> |
571 </div> | 575 </div> |
572 </div> | 576 </div> |
573 </div> | 577 </div> |
574 </div> | 578 </div> |
666 <div v-show="status == 'pdf'" > | 670 <div v-show="status == 'pdf'" > |
667 <pdf-viewer v-bind:prefix="canvasId + '-pdf'" ref="pdfViewer"></pdf-viewer> | 671 <pdf-viewer v-bind:prefix="canvasId + '-pdf'" ref="pdfViewer"></pdf-viewer> |
668 </div> | 672 </div> |
669 | 673 |
670 <div v-if="status == 'video'" class="wvPaneOverlay"> | 674 <div v-if="status == 'video'" class="wvPaneOverlay"> |
671 [ videos are not supported yet ] | 675 <div v-if="!('OrthancApiRoot' in globalConfiguration) || videoUri.length == 0"> |
672 <!--video class="wvVideo" autoplay="" loop="" controls="" preload="auto" type="video/mp4" | 676 [ cannot play videos using only DICOMweb yet ] |
673 src="http://viewer-pro.osimis.io/instances/e465dd27-83c96343-96848735-7035a133-1facf1a0/frames/0/raw"> | 677 </div> |
674 </video--> | 678 <div v-if="'OrthancApiRoot' in globalConfiguration && videoUri.length > 0"> |
679 <video class="wvVideo" autoplay="" loop="" controls="" preload="auto" type="video/mp4" | |
680 v-bind:src="videoUri"> | |
681 </video> | |
682 </div> | |
675 </div> | 683 </div> |
676 | 684 |
677 <div v-if="status == 'loading'" class="wvPaneOverlay"> | 685 <div v-if="status == 'loading'" class="wvPaneOverlay"> |
678 <span class="wvLoadingSpinner"> | 686 <span class="wvLoadingSpinner"> |
679 <div class="bounce1"></div> | 687 <div class="bounce1"></div> |