Mercurial > hg > orthanc-stone
annotate Applications/Samples/WebAssembly/SingleFrameViewer/index.html @ 2017:7e45941acc1d
automatically open the first series to be loaded
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Sat, 03 Dec 2022 08:27:14 +0100 |
parents | d1806b4e4839 |
children |
rev | line source |
---|---|
1354
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
1 <!doctype html> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
2 <html lang="en"> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
3 <head> |
1393
27e0a00bd3e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
1388
diff
changeset
|
4 <title>Stone of Orthanc Single Frame Viewer </title> |
1354
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
5 <meta charset="utf-8" /> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
6 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
8 <meta name="apple-mobile-web-app-capable" content="yes" /> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
9 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
10 <link rel="icon" href="data:;base64,iVBORw0KGgo="> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
11 |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
12 <style> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
13 canvas { |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
14 background-color: green; |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
15 width : 100%; |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
16 height : 512px; |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
17 } |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
18 </style> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
19 </head> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
20 <body> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
21 <h1>Viewport</h1> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
22 |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
23 <canvas id="viewport" > |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
24 </canvas> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
25 |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
26 <h1>Load from Orthanc</h1> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
27 <p> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
28 Orthanc instance: <input type="text" id="orthancInstance" size="80" |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
29 value="5eb2dd5f-3fca21a8-fa7565fd-63e112ae-344830a4"> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
30 </p> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
31 <p> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
32 Frame number: <input type="text" id="orthancFrame" value="0"> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
33 </p> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
34 <p> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
35 <button id="orthancLoad">Load</button> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
36 </p> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
37 |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
38 <script src="https://code.jquery.com/jquery-3.4.1.js"></script> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
39 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
40 |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
41 <script src="SingleFrameViewerApp.js"></script> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
42 </body> |
c0e4eb14c912
SingleFrameViewer WASM working OK
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
43 </html> |